

This option bypasses the dialog box in Step 2 and just strokes your path with whatever setting you used previously You can also click the Stroke Path icon without holding down the Alt (Option on the Mac) key. Or hold down the Alt (Option on the Mac) key and click the Stroke path icon that has the brush icon (an outlined circle) at the bottom of the panel. Then, select Stroke Path from the Paths panel pop-up menu. You can select which painting or editing tool to use to stroke the path. I hope you have enjoyed the tutorial, and don’t forget to subscribe your email for the latest resources and tutorials.You can use the Stroke Path command in Photoshop to paint a stroke along a path.
Adobe photoshop icon cs5.1 pro#
Step 8 Preview (Font) Myriad Pro Font Step 9Īpply the following Blending Options to complete our Photoshop CS5 Icon.

Step 8 Preview (Chracter and Paragraph Panelsl ) Open “Character and Paragraph Panels”, and make following changes in “Character” optons. Don’t worry about this, we will handle it later. You can use any foreground color at this step, as in my case it is #ffffff color.Let’s do the following settings to write “Ps”. Adobe uses a licensed font for his icons, so we will choose another font that will resemble their licensed font (Adobe Clean). It is time to write “Ps” to finalize our Photoshop CS5 Icon. Step 7 Preview Photoshop CS5 Icon Perfection Step 8 Drag the “Icon Top” layer to the bottom of “Icon Front” layer, See Step 7 Preview.It is time to get a perfect look of our Photoshop CS5 icon. Draw a top of Photoshop CS5 icon as shown in “Step 6 Preview”Īpply the following Blending Options on “Icon Top” layer.Rename this layer to “Icon Top” for quick identification. Gradient: #022a55 (Location: 0%), #044486 (Location: 100%)Ĭreate a new layer above the “Icon Side” layer.Step 4 Preview Icon Sidebar Skewed Step 5Īpply the following Blending Options on “Icon Sidebar” layer. Click the “Bottom Left” selection of Skew, and drag upwards (See Step 4 Preview).Click the “Top Left” selection of Skew, and drag upwards slightly (See Step 4 Preview).Enable the “ Skew Transformation” by going Edit > Transform > Skew.This is the step, where you need a little attention to make the sidebar perfect as show in “Step 4 Preview”. Step 3 Preview Photoshop CS5 Icon Black Side Step 4 You can zoom in/out for the perfect synchronization (bottom/top) of both layers as shown. Draw a side of Photoshop CS5 icon as shown in “Step 3 Preview”.Rename this layer to “Icon Side” for quick identification. Step 2 Preview Icon Front Layer Gradient Overlay Step 3Ĭreate a new layer above the “Icon Front” layer. Let’s apply the following Blending Options. You can hold “Shift Key” to accomplish this task easily. Draw a perfect square as shown in “Step 2 Preview”.You can use any foreground color at this step, as in my case it is #000000 color. Rename this layer to “Icon Front” for easy identification. Photoshop CS5 Icon Tutorial Document Step 2Ĭreate a new layer. I am going to create a new document of 500 x 500 px with white background. Open Adobe Photoshop, and create a new Photoshop document. Okay, be ready to learn Photoshop CS5 icon in 5 minutes. Photoshop CS5 Icon Tutorial Final Preview Photoshop CS5 Icon Here is the end result of Photoshop CS5 Icon Tutorial. Photoshop Button Tutorial: iPhone Inspiration.Photoshop Navigation Bar Tutorial: Simply The Beautiful.Photoshop Glowing Effect Tutorial in 30 Minutes.I will also recommend the following tutorials for the maximum perfection, This is very simple but extremely effective tutorial that will not only help you to understand the process of creation of Photoshop CS5 icon but will be very informative to learn the basic concepts that will help you in icon designing and other different projects. This post is about “Create Photoshop CS5 Icon” tutorial.
