Photoshop combines AI to draw super textured labels

Final effect:

Tools: Ps,ai

Content:

In this Photoshop tutorial , we'll work with you to create a texture tag that you can use in web design. In the modern era of reading pictures, the site's visitors to the site itself, the quality of the picture and label requirements are more and more high, the label to do more texture in a sense has been to allow the site to retain the passenger flow must.

1th Step:

Create a new 500px px document with white background color. Create a new layer, set the top rectangle to 10px high, the color is black gray #1a1613, add a 1px of high light. The second rectangle has a height of 75px and the color is #3c3229. The third rectangle has a height of 35px, the gradient is from #f3f2ed to #dfdfd7, and the high light is added under this rectangle. The remaining white background.

2nd Step:

Open the AI and create a new document. A diagram rectangle 240px*100px B diagram Use the Add Anchor Point tool and add two anchor points to the corresponding position in the label shape you want to make, and remember to align them with guides. Move the two anchor points down and up the height of the 20px. c To add the hole in your label, remember to use the guide to make it centered.

3rd Step:

Use the partition tool inside the pathfinder to cut the hole in the middle.

4th Step:

Then rotate with the rotation tool-30 degrees

5th step:

Our tags are copied and pasted into Photoshop. Select Paste as Path.

6th step:

PS Create a new document, about twice times the size of the label, wide 580px, high 200px. This step we use to create the texture of the label. Add a gradient, from #c3b68a to #a79a78, to the upper-left corner to the lower-right corner.

Classification:

• PS Mouse Painting Tutorial