国际前沿：如何用PS画一个拉长阴影的罗盘图标(英文原版)解剖.doc

国际前沿：如何用PS画一个拉长阴影的罗盘图标（英文原版） 注：以下内容由优逸客UI转载自国外优秀设计网站，请勿用于商业目的 Draw a Compass Icon With a Long Shadow in Adobe Photoshop by?Mohammad Jeprie4 What Youll Be Creating In this tutorial, you will learn how to design a nice simple compass icon in Adobe Photoshop, using tools such as the?Pen Tool, Rounded Rectangle Tool, and Rectangle Tool. You will also learn how to combine basic shapes to create a more complex shape. Finally, youll see how to add a long shadow to the icon. Lets get started. Tutorial Assets You will need the following free assets to follow this tutorial. 26 Repeatable Pixel Patterns?from?PSDfreemium 1.?Preparing the Canvas Step 1 Make a new file in Photoshop (File New). Set its size to?500 pixels?×?500 pixels. Step 2 Click the?Add Adjustment Layer?icon in the lower part of the?Layers?panel. SelectSolid Color. Step 3 Select light red (#db687b) for the color. Step 4 Double-click the?Solid Color?layer and then activate?Pattern Overlay. Use the?free pixel pattern from PSDfreemium. Set its mode to?Multiply?with low?Opacity,?20%. Step 5 Change its layer name to?background. I suggest renaming each layer to help you recognize the layers function. 2.?Designing the Base Step 1 First, we want to build the icons base. Set the foreground color to?#3ab2cb. Activate the?Rounded Rectangle Tool, and set its?Radius?to?30 px.?Shift-click?and drag to draw a rounded rectangle. Step 2 Double-click the shape and activate?Gradient Overlay. Select white to black gradient. Reduce?Opacity?with?Blend Mode Overlay. Step 3 Make a new layer and place it above the icon base.?Control-click?the base layer to make a new selection based on its shape. Right-click and select?Stroke. In the?Strokedialog box, select a darker blue color (#1d6b80) with?Width 2 px. Step 4 Add a layer mask to the stroke layer, and fill it with black. Paint its lower half with white to reveal the stroke. Step 5 Repeat the previous shape, and add another stroke line on a new layer. This time, use a