Draw a Compass Icon With a Lon

pdfcrowd.comopen in browser PRO version Are you a developer? Try out the HTML to PDF API

All Topics Find tutorials, courses, and more...

Design & Illustration Categories Learning Guides

ICON DESIGN

Draw a Compass IconWith a Long Shadow inAdobe Photoshopby Mohammad Jeprie 5 Jan 2015

23 Comments

51 145 5

javascript:http://design.tutsplus.com/categories/icon-designhttps://www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&description=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&media=https%3A%2F%2Fcms-assets.tutsplus.com%2Fuploads%2Fusers%2F237%2Fposts%2F22871%2Fpreview_image%2Fpreview.jpghttps://plus.google.com/share?url=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871https://twitter.com/intent/tweet?text=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&url=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&via=tutsplushttps://www.facebook.com/dialog/feed?app_id=1494084460809023&link=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&display=page&name=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&redirect_uri=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871http://tutsplus.com/authors/mohammad-jepriejavascript:javascript:http://design.tutsplus.com/http://tutsplus.com/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


What You'll Be Creating

In this tutorial, you will learn how to design a nice simple compass icon in AdobePhotoshop, using tools such as the Pen Tool, Rounded Rectangle Tool, andRectangle Tool. You will also learn how to combine basic shapes to create a morecomplex shape. Finally, you'll see how to add a long shadow to the icon. Let's get

http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


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 1Make a new file in Photoshop (File > New). Set its size to 500 pixels 500 pixels.

http://psdfreemium.com/http://psdfreemium.com/26-repeatable-pixel-patterns/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Step 2Click the Add Adjustment Layer icon in the lower part of the Layers panel. SelectSolid Color.



Step 3Select light red (#db687b ) for the color.



Step 4Double-click the Solid Color layer and then activate Pattern Overlay. Use the freepixel pattern from PSDfreemium. Set its mode to Multiply with low Opacity, 20%.

http://psdfreemium.com/26-repeatable-pixel-patterns/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Step 5Change its layer name to background. I suggest renaming each layer to help yourecognize the layer's function.



2. Designing the Base

Step 1First, we want to build the icon's base. Set the foreground color to #3ab2cb .Activate the Rounded Rectangle Tool, and set its Radius to 30 px. Shift-click anddrag to draw a rounded rectangle.



Step 2Double-click the shape and activate Gradient Overlay. Select white to blackgradient. Reduce Opacity with Blend Mode Overlay.



Step 3Make a new layer and place it above the icon base. Control-click the base layer tomake a new selection based on its shape. Right-click and select Stroke. In theStroke dialog box, select a darker blue color (#1d6b80 ) with Width 2 px.



Step 4Add a layer mask to the stroke layer, and fill it with black. Paint its lower half withwhite to reveal the stroke.



Step 5Repeat the previous shape, and add another stroke line on a new layer. This time,use a lighter blue color with Width 1 px.



Step 6Add a layer mask and then fill it with black to hide the stroke. Paint the upper part toreveal some of the stroke line. The combination of light stroke on top and darkstroke on the bottom will add a 3D effect to the base.



3. Drawing the Shape



Step 1Draw a circular shape and then add a smaller circular shape inside it with pathmode Subtract Front Shape. We should now have a ring shape. For its color, set itto white ( #e4ffff ).

Step 2Add a triangle path on the upper part of the ring shape. Set its mode to Combine



Shapes.

Step 3Add another triangle on its lower part.



Step 4Duplicate the two triangles. Rotate them 90.



We now have a triangle pointing in four directions.



Step 5Repeat the process. This time add smaller triangles. Rotate them 45.



Step 6Double-click the layer shape and then add Gradient Overlay and Drop Shadow.See the following screenshot for its settings.



Step 7Add a smaller ring shape on top of the previous shape. Set its color to #eaeded .



Step 8Add a half triangle shape covering half of the point in the compass shape.



Continue adding another half triangle covering the other points. This shape willcreate the illusion that the compass shape is extruded, not flat.



Step 9Double-click the shape and choose Gradient Overlay.



For the gradient, set its Style to Linear with color transition from gray (#d7d7d7 ) towhite ( #ffffff ).



Step 10Add a new layer, and make sure it is placed above all the other layers.Control-click the previous shape we just made. We will have a new selection



based on its shape. Right-click and select Stroke. Set Width to 1 px, Location:Inside, with color #eeefef .

This will give you a thin stroke line along the shape.



Step 11Add a layer mask to the layer shape and fill it with black. Paint some parts of thestroke line with white to reveal them.



Step 12Let's make the shape appear realistic by adding shadow underneath it. Add a newlayer and place it under the compass shape. Control-click the compass shapelayer to make a new selection based on its shape. Click Edit > Fill. Set Content toBlack and then click OK to fill the selection with black.



Step 13Remove the selection using Control-D. Click Filter > Blur > Motion Blur. Set itsAngle to -45.



Step 14Soften the shadow using a Gaussian Blur filter. Click Filter > Blur > Gaussian



Blur.

Step 15For now, this is not the shadow we want. To fix this, add a layer mask to the layerand then paint the unneeded shadow on the upper left side of the shadow. We only



need shadow on the right side of the shape. See the image below for reference.Make sure you also reduce its layer Opacity to make the shadow subtle.



Step 16Let's add an arrow on the center of the compass shape. Start by adding a rectangleand then apply a transformation (Control-T). First, rotate it 45. Second, squeezeits corner until we have an arrow shape. Third, rotate it again.



Step 17Double-click the arrow shape and then apply Inner Glow, Gradient Overlay, andDrop Shadow with the following settings.



Step 18We want the arrow color to be half white and half red. To do this, simply duplicatethe shape (Control-J) and then remove its Layer Styles. Set it to Clipping Mask.Click its bottom point with the Pen Tool to delete it.



Step 19Add a small circle on the center of the arrow. Double-click it and then apply InnerGlow, Gradient Overlay, and Drop Shadow.



4. Add Shadow

Step 1Add a new layer and place it between the compass shape and its arrow. Draw a



polygonal selection as seen below using the Polygonal Tool and then fill it withblack. Reduce the layer's Opacity to 20%. Control-click the icon base and add alayer mask. Now, the shadow can only be seen on the icon's base.

Step 2To enhance the illusion that the compass shape is extruded, we want to add moreshadow on it. Make a new layer between the compass shape and its arrow. Paint



shadow on it. Make a new layer between the compass shape and its arrow. Paintblack on the arrow shadow that touches the compass shape.

Step 3Add another layer and then another subtle shadow behind the arrow. Activate theBrush Tool with 0% Hardness and set its Opacity to 5%. Paint shadow behind thearrow.



Step 4Add a new layer. This time add highlight to the icon. Paint white on the icon'scorner. Reduce its layer Opacity.

Repeat this step, painting highlight on other parts of the icon until it doesn't appeartoo flat.



Step 5Now, let's add shadow to the icon's base. Make a new layer underneath the baselayer. Control-click the base layer, and fill the selection with black.



Step 6Hit Control-D to remove the selection. Soften the shadow by applying GaussianBlur.



Advertisement

Step 7You can duplicate the shadow by clicking Control-J if you are not satisfied with theresult and want darker shadow. If you find it too dark, you can tone it down byreducing its Opacity.



Final Result

And this is our final result. I hope you enjoy the tutorial and now understand thetechnique of creating a flat icon with a long shadow.



Suggested Tuts+ Course

Advertisement

Difficulty:

Intermediate

Length:

Long

Categories:

Icon Design Adobe Photoshop Icons

Graphic Design

Translations Available:

Tuts+ tutorials are translated by our community Effective Voucher Design $15

http://design.tutsplus.com/courses/effective-voucher-design?utm_source=Tuts+&utm_medium=website&utm_campaign=suggestedcoursevideo&utm_content=sidebar&WT.mc_id=Tuts+_website_suggestedcoursevideo_sidebarhttp://embed.wistia.com/deliveries/ace4d5f752a727fb86f8aaccf08ca9907cda7aaf.binhttp://design.tutsplus.com/categories/graphic-designhttp://design.tutsplus.com/categories/iconshttp://design.tutsplus.com/categories/adobe-photoshophttp://design.tutsplus.com/categories/icon-designhttp://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Related Tutorials

members. If you'd like to translate this post intoanother language, let us know!

Download Attachment

About Mohammad Jeprie

Mohammad Jeprie is a blogger, author,and graphic designer from Indonesia. He'snot an artist, but he knows a few

Photoshop techniques and loves to share it witheveryone. He runs his own design blog,DesainDigital where he shares tutorials andinspirations for other designers.

Create a Set of Fun Chat Stickers inAdobe IllustratorDesign & Illustration

How to Paint a Dapper Victorian Catin Adobe PhotoshopDesign & Illustration

Design a Search Bar and ImageDisplay Interface in AdobePhotoshopDesign & Illustration

http://design.tutsplus.com/courses/effective-voucher-design?utm_source=Tuts+&utm_medium=website&utm_campaign=suggestedcoursevideo&utm_content=sidebar&WT.mc_id=Tuts+_website_suggestedcoursevideo_sidebarhttp://www.desaindigital.com/enhttp://tutsplus.com/authors/mohammad-jepriehttps://www.formstack.com/forms/envato-tuts__translate_a_tutorial?link%20to%20tutorial=http://design.tutsplus.com/tutorials/draw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871https://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/237/posts/22871/attachment/Compass%20icon%20final.psdhttp://design.tutsplus.com/tutorials/design-a-search-bar-and-image-display-interface-in-adobe-photoshop--cms-23210?utm_source=Tuts+&utm_medium=website&utm_campaign=relatedtutorials&utm_content=sidebar&WT.mc_id=Tuts+_website_relatedtutorials_sidebarhttp://design.tutsplus.com/tutorials/how-to-paint-a-dapper-victorian-cat-in-adobe-photoshop--cms-23351?utm_source=Tuts+&utm_medium=website&utm_campaign=relatedtutorials&utm_content=sidebar&WT.mc_id=Tuts+_website_relatedtutorials_sidebarhttp://design.tutsplus.com/tutorials/create-a-set-of-fun-chat-stickers-in-adobe-illustrator--cms-23378?utm_source=Tuts+&utm_medium=website&utm_campaign=relatedtutorials&utm_content=sidebar&WT.mc_id=Tuts+_website_relatedtutorials_sidebarhttp://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Advertisement

Jobs

Envato Market Item

23 Comments Tuts+ Hub

Design & Illustration

WordPress Developerat WebDevStudios in Philadelphia, PA,USA

Graphic Design Instructorat Tuts+ in New York, NY, USA

http://themeforest.net/item/union-wedding-template-with-page-builder/10450812?ref=tutshubhttps://jobs.tutsplus.com/jobs/797-tuts-graphic-design-instructorhttps://jobs.tutsplus.com/jobs/798-webdevstudios-wordpress-developerhttps://disqus.com/home/forums/tutshub/https://disqus.com/home/discussions/tutshub/draw_a_compass_icon_with_a_long_shadow_in_adobe_photoshop/http://design.tutsplus.com/tutorials/design-a-search-bar-and-image-display-interface-in-adobe-photoshop--cms-23210?utm_source=Tuts+&utm_medium=website&utm_campaign=relatedtutorials&utm_content=sidebar&WT.mc_id=Tuts+_website_relatedtutorials_sidebarhttp://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


23 Comments Tuts+ Hub

Share

Join the discussion

Reply

Guest 3 months agoThank you so much for tutorial :)

6

Reply

Zipo 24 days agoGreat tutorial ! Thank you =D

1

luantty2 a month agothanks! but my English is not good!

Recommend 1

Share

Share

https://disqus.com/by/luantty2/https://disqus.com/by/disqus_yimXuE0LjD/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/luantty2/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/disqus_yimXuE0LjD/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/home/forums/tutshub/https://disqus.com/home/discussions/tutshub/draw_a_compass_icon_with_a_long_shadow_in_adobe_photoshop/http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Reply

thanks! but my English is not good!

1

Reply

Mohammad Jeprie a month ago> luantty2Nice work.

Reply

duken 3 months agoEste es mi brujula

1

Reply

alicia_hermelibus 2 months ago> dukenHola, no soy capaz de pasar del Paso 3. Right-click and select Stroke. In the Stroke dialog box, select adarker blue color (#1d6b80) with Width 2 px. En qu capa hay que dar click derecho? No lo consigo enninguna de las dos, ni en la del icono, ni en la nueva capa.Muchas gracias por tu respuesta.Un saludo.

Share

Share

Share

Share

https://disqus.com/by/sinfoniacuarenta/https://disqus.com/by/disqus_FJlGnDHBhJ/https://disqus.com/by/desaindigital/https://disqus.com/by/luantty2/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/sinfoniacuarenta/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/disqus_FJlGnDHBhJ/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Reply

Reply

duken 2 months ago> alicia_hermelibusQue pena no haberte podido ayudar en el momento debido

Reply

alicia_hermelibus 2 months ago> dukenGracias por contestar, pero si quieres, puedes hacerlo. ;)

Reply

duken 2 months ago> alicia_hermelibusyo manejo el photoshop cs6 lo que hice fue duplicar el cuadro y colocar esa cpa pordebajo de anterior y le aumente tamao con (CTRL+T) por que yo esta algoconfundido al igual que tu por que no encontre ese panel que muestran ahi.

Reply

alicia_hermelibus 2 months ago> dukenGracias por responder, lo intentar.

Reply

Obada SY a month agoI'm not knowing how to pass step 3.. Can anyone help please?Thanks

Mohammad Jeprie a month ago> Obada SYAre you refering to Step 3: Select light red (#db687b) for the color? Just click the color and then hit OK button.

Share

Share

Share

Share

Share

Share

https://disqus.com/by/desaindigital/https://disqus.com/by/obadasy/https://disqus.com/by/sinfoniacuarenta/https://disqus.com/by/disqus_FJlGnDHBhJ/https://disqus.com/by/sinfoniacuarenta/https://disqus.com/by/disqus_FJlGnDHBhJ/https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/obadasy/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/sinfoniacuarenta/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/disqus_FJlGnDHBhJ/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/sinfoniacuarenta/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/disqus_FJlGnDHBhJ/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Reply

For Step 4: Double-click the Solid Color layer and then activate Pattern Overlay. Use the free pixel patternfrom PSDfreemium. Set its mode to Multiply with low Opacity, 20%.

After selecting red color in Step 3, you will automatically get a Solid Color layer in the Layers Panel.

Reply

Obada SY a month ago> Mohammad JeprieI don't mean This step..

I mean this one:Step 3

Make a new layer and place it above the icon base. Control-click the base layer to make a newselection based on its shape. Right-click and select Stroke. In theStroke dialog box, select a darkerblue color (#1d6b80) with Width 2 px.

Mohammad Jeprie a month ago> Obada SYLet's break this down:

1. Make a new layer and place it (the new layer) above the icon base.

2. Control-click the (thumbnail) base layer (in the Layers panel) to make a new selection basedon its shape.

3. Right-click (while the selection Tool is active) and select Stroke (, or you can also use menuEdit > Stroke).

4. In the Stroke dialog box, (click color box and then) select a darker blue color (#1d6b80) (in

Share

Share

https://disqus.com/by/desaindigital/https://disqus.com/by/obadasy/https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/obadasy/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Reply

4. In the Stroke dialog box, (click color box and then) select a darker blue color (#1d6b80) (inthe next Color Picker dialog box) with Width 2 px.

Reply

Guest a month ago> Mohammad JeprieHow to make a new selection based on its shape?

Reply

Mohammad Jeprie a month ago> GuestControl-click the (thumbnail) base layer (in the Layers panel). That's it.

Reply

Mohammad Jeprie a month ago> Mohammad JeprieControl-click the thumbnail layer.

Cathy Wang 2 months agoThank you! It is very useful!

Share

Share

Share

Share

https://disqus.com/by/disqus_ojLABOHZZB/https://disqus.com/by/desaindigital/https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/disqus_ojLABOHZZB/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Reply

Reply

Anna LIU 2 months agoThanks for your tutorial...reallllly help me a lot..

Reply

StefaTurbog40 3 months agoGood Job!

Reply

Siyi Gu 10 days agoThanks for your shanring!I Like it.

Guest 2 months agoThank you very much for your tutorial !

Share

Share

Share

Share

https://disqus.com/by/siyigu/https://disqus.com/by/stefaturbog40/https://disqus.com/by/disqus_BlRkObdtAj/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/siyigu/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/stefaturbog40/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/disqus_BlRkObdtAj/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Reply

Reply

Mohammad Jeprie a month ago> GuestI think you should reduce Opacity of the pattern overlay layer style in the background. Nice work with the icon.

Subscribe Add Disqus to your sited Privacy

Share

Share

https://disqus.com/by/desaindigital/https://help.disqus.com/customer/portal/articles/1657951?utm_source=disqus&utm_medium=embed-footer&utm_content=privacy-btnhttps://disqus.com/websites/?utm_source=tutshub&utm_medium=Disqus-Footerhttp://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#https://disqus.com/by/desaindigital/http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://disqus.com/embed/comments/?base=default&version=0412228992cba47b2894457e70e5008f&f=tutshub&t_i=22871&t_u=http%3A%2F%2Fdesign.tutsplus.com%2Ftutorials%2Fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&t_e=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_d=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop%20-%20Tuts%2B%20Design%20%26%20Illustration%20Tutorial&t_t=Draw%20a%20Compass%20Icon%20With%20a%20Long%20Shadow%20in%20Adobe%20Photoshop&t_c=3496018&s_o=default&l=en#http://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


19,297 Tutorials 499 Video Courses

Advertisement

Teaching skills to millions worldwide.

Follow Us

Email Newsletters

Get Tuts+ updates, news, surveys &offers.

Email Address

http://www.pinterest.com/tutsplus/https://plus.google.com/108971748263060947124/postshttps://twitter.com/tutsplushttps://www.facebook.com/tutsplushttp://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


Custom digital services like logo design, WordPress installation, videoproduction and more.

Check out Envato Studio

Choose from over 5 million royalty-free photos and images priced from $1.No subscription required.

Browse Photos on PhotoDune

Help and Support

FAQTerms of UseContact SupportAbout Tuts+AdvertiseTeach at Tuts+

Email Address

Subscribe

Privacy Policy

2015 Envato Pty Ltd. Trademarks and brands are the property of their respective

http://www.envato.com/http://tutsplus.com/privacy-policyhttp://tutsplus.com/teachhttp://tutsplus.com/advertisehttp://tutsplus.com/abouthttp://tutsplus.com/supporthttp://tutsplus.com/terms-of-usehttp://tutsplus.com/faqhttp://photodune.net/page/top_sellers?ref=tutshub&utm_source=tutsplus&utm_medium=footer&utm_campaign=tutsdesignhttp://studio.envato.com/?utm_source=tutsfooter&utm_medium=banner&utm_campaign=tutsfooterhttp://pdfcrowd.com/html-to-pdf-api/?ref=pdfhttp://pdfcrowd.com/customize/http://pdfcrowd.com/redirect/?url=http%3a%2f%2fdesign.tutsplus.com%2ftutorials%2fdraw-a-compass-icon-with-a-long-shadow-in-adobe-photoshop--cms-22871&id=ma-150322162147-9d7c355bhttp://pdfcrowd.com


owners.


Draw a Compass Icon With a Lon

Documents

Transcript of Draw a Compass Icon With a Lon