Add a hyperlink method to a text slice on PS

we are doing the site or decorate the shop, often to add hyperlinks for text, this more use is for the homemade navigation bar picture text plus linked URLs, to do all of this generally requires DW software, and on hand only PS how to do? Now let's talk about how to add a link to the picture text with PS.

Method/Step

First open the PS software, a new 1024 pixel X50 pixel navigation bar, and then use the coloring button to paint your favorite color, as shown in the picture:

Then, further beautify the navigation bar. Create a new layer, then click: Layer-Layer style-bevel and emboss. Slowly adjust the slider in the pop-up dialog box until you think it is more satisfying, click OK, as shown in the picture:

Now type the menu text you want on the navigation bar, then right-click the tool in the toolbar and select the Slice tool. Examples of diagrams are as follows:

Next with the slicing tool you are ready to add the text of the link to cut, pay attention to complete cutting, do not leave gaps, or scattered pieces too much, will give the shop decoration to bring unnecessary trouble. As shown in the figure:

After the completion of the text, and then respectively right key to each text corresponding to the cut, in the right menu click "Edit slicing Options." As shown in the figure:

Click "Edit Slice Options", in the pop-up window to paste your prepared link address, and then fill in the target column "_banck", this means open the page in a new window, if you do not need to fill out. As shown in the figure:

When the text link is edited, it is ready to be saved. Save format as Web format. Click "Save" in the pop-up storage window. When you indicate the path, select the format "HTML and image", and then click Save. As shown in figure:

The saved navigation bar is two folders, one is the images file, and the other is an HTML Web page file. When decorating a shop or website, first upload the images file to the website or store picture library, then open the HTML Web page file, and then right-click on the open page to view the source code, copy all the code, and paste it into the custom page you need to launch, Then go back to the text editing mode to modify the corresponding images picture address is the.

　　Attention matters

When slicing, be careful and try to make chunks as good as possible.

The above is in PS for text slicing plus hyperlink method Introduction, hope to help everyone!

Category:

• PS Image Processing