Learn To Make Milestone Icon in Photoshop

Learn How To Create Milestone Icon In Photoshop! Today we will learn how to Create Milestone Icon Vector in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial.

Step 1:

Create a new project with a resolution of 1280 x 1024 pixels

Step 2:

Read More

Learn How to Make Paper Notes in Photoshop

Notes In Photoshop! Today we will learn how to Create  Paper Notes in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial.

1.  Create a new project with a resolution of 1280 x 1024 pixels

Read More

How to Make Spot Lights in Photoshop

Learn How To Create Spot Lights In Photoshop! Today we will learn how to Create Spot Lights in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial.
1.  Create a new project with a resolution of 1280 x 1024 pixels

2. Now Select the Rounded Rectangle Tool (U) and make shape with radius to 90 pixels like as Below

Read More

Geometric Poster Art Tutorial

Posted on May 14, 2012 by irene.thompson80

Besides the usual pictures and text, many posters use custom made geometric poster art to create classy abstract, modern but highly memorable kinds of layouts. In this tutorial we will teach you how you can use Adobe Illustrator to create geometric lines easily, and then plug them into Adobe Photoshop to get a more edgy and creative poster effect. Do not worry as we will go step by step on this and even if you are a beginner in both applications, you should be able to follow. So let us get started.

1.     Open up adobe illustrator and select a fairly large art board. Do not worry about the specific dimensions as this will not be our main poster design. However, it is best to set something fairly large with a high resolution. Here we are using a letter sized document with a color mode of CMYK and a resolution of 300ppi.

2.     Now, with Illustrator open, draw out four blocks in different colors. Do this of course using the rectangle tool. Hold down the SHIFT key as you create the shapes to make them all perfect squares. Alternatively, you can create one square, and then just duplicate that shape three times by just copy and pasting unto the document (CTR+C then CTRL+V). Use a color palette of your choosing, but make sure all colors are distinct from one another.

3.     Then go to the Brush panel (F5) and click on “New Brush”. In the window that opens, select “New Art Brush”.

Read More

An introduction to Lab Color mode

Lab Color Mode (LAB) is an alternative colorspace that enables you to manipulate the luminosity and colour of your images more flexibly and powerfully than when working within RGB. In this, my first LAB tutorial, I hope to achieve three things. First, I will provide a brief explanation of the theory and numbers behind LAB (and how to work with these within Photoshop). Second, I will demonstrate the advantages of LAB over RGB – i.e. its ability to dramatically alter colour – both in terms of tone and saturation – more flexibly and with less degradation to your images than when using RGB. Third, using a range of real world examples, I will show you how to use LAB to:

• Dramatically alter the contrast of an image without affecting its colour balance or saturation.
• Increase the saturation of an image with less image noise and cleaner colour separation than when working in RGB.
• Alter the tone and colour balance of your images by adjusting the ‘a’ and ‘b’ channels within LAB.
• Invert specific colours and colour ranges using the Curves tool within LAB.

This tutorial contains 6566 words, 68 illustrative images and screen grabs, and has received 40 comments.

Photoshop files included with this tutorial

Each of our tutorials is based around a series of Photoshop files, at the resolution originally posted on chromasia, and each contains all the original adjustment layers I used to create the final image. The ones that are included in this tutorial, and a brief description of how each one will be used, are listed below – the ‘before’ version on the left, the ‘after’ version on the right. Each of these files can be downloaded after you subscribe.

How to get from this …	to this
			Image 1 In this example I will show you how to use LAB to dramatically increase i) the contrast of an image (using the Lightness channel), and ii) its saturation (by manipulating the ‘a’ and ‘b’ channels).
			Image 2 In this example I show you how to alter the ‘a’ and ‘b’ channels within LAB colour mode to add a unique tone to your images.
			Image 3 In this example I will show you how to use the ‘a’ and ‘b’ Curves to i) partially desaturate an image, and ii) alter its colour balance.
			Image 4 In this example I will show you how to manipulate the ‘a’ and ‘b’ Curves to invert a specific colour range within an image.

What our subscribers have said about this tutorial

"This is a very good tutorial. When compared to Dan Margulis' work on LAB, which is complex and lacks examples, this tutorial stands out on it's own due to it's assisting photoshop users in expanding their creative wings." Jason Hope		"I find this tutorial, and anything related to LAB to be very important. I too have the Dan Margulis book and several online tutorials on LAB, but this was by far the easiest to understand, and the most applicable to photographers. Thanx!"

Read More

Learn How To Create An IOS Fabric Style Icon

Still on the hot topic of mobile design, In todays tutorial I’ll be showing you how to create your very own 3D style fabric IOS icon.

What We’ll Be Creating

Resources Used In This Tutorial

Download The IOS Template

Lets get started. Download the IOS icon template from the resource list then open it up in photoshop.

• 
  

Once open in photoshop locate a layer called “EDIT THIIS SMART OBJECT”. Once the layer has been located simply double click it to start editing it.

Creating The Icon

Once you’ve opened the smart object you will be presented with a blue background. From within the layers palette hide the layer group “Blue” then create a new group and call it “Fabric”. At the very top of the layers palette there is a layer called “HIDE ME WHEN DONE” Hold down the “Ctrl” key on the keyboard and left click the thumbnail, doing this will load a selection. Once the selection has been loaded go to “Select > Inverse”, create a new layer inside of the “Fabric” folder then fill (G) the selection with any color.

Now download the fabric texture set and install them inside of photoshop.

• 
  

Once the patterns are installed add the following layer styles to your shape.


You should have something like this.

Turning The Icon 3D

Load a selection around the top layer again, inverse the selection like we did before then fill (G) the selection on a new layer inside of the fabric folder. Select the “Move Tool” (V) then move the shape up by 80 pixels.

Tip

Hold down the shift key whilst the “Move Tool” (V) is selected then push the up arrow key. The shape will move up by 10 pixels with every press.

We now need to make the top half of our icon rounded like it was before. To do this simply load a selection around the top layer then simply press delete.

To your top shape layer add the following layer styles, take note on which pattern I’ve used.


You should have something like this.

Create a new blank layer in between your two layers you currently have, then once again load a selection around the top layer, inverse the selection then fill (G) the selection with the color white #ffffff. Add a layer mask to the black shape then drag a reflected gradient from the middle of the canvas dragging outwards. Once you’ve added the gradient set the opacity to 9%, doing this will just add a bit of lightness to the edge of the icon.

Creating The Fabric Creases

Create a new document 1024 x 1024 with a transparent background. Reset your background and foreground colors to black and white then select the “Gradient Tool” (G) with the following settings.

Once you’ve applied the settings randomly drag numerous gradients over the canvas. You will have a completely different set of wrinkles every time you do this so don’t worry if your image looks nothing like mine.

Now go to “Filter > Stylize > Emboss”.


Select the whole canvas (Ctrl + A) then copy the contents to the clipboard (Ctrl + C). Head back to your original document then paste (Ctrl + V) contents onto your icon. Load a selection around the top layer then hit the delete key to remove the edges from the pasted content.

Set the new layers blend mode to “Linear Light” to blend in creases.

Adding The Logo

Using your desired logo add it to your icon.

Now add the following layer styles to your icon.


You should have something like this.

Select your creases layer then load a selection around your logo shape. Now press “Ctrl + C” then “Shift + Ctrl + V) move the pasted layer to the top of the stack above your logo then set the layer blend mode to “Linear Light”. Basically what we’ve done is added the creases to the logo, now add the following layer style to your logo creases layer.

You should have something like this.

Creating The Stitches

Open the brush window (F5) then select the brush tool (B). Now apply the following settings.


Load a selection around your logo then go to “Window > Paths”. Inside the paths window press the following button.

Now the path has been loaded head back to the layers palette and create a new layer then select the “Pen Tool” (P) with the color black #000000 as your foreground. Right click on your canvas and select “Stroke Path”.


Finally add the following layer styles to the stitches layer to complete the tutorial.



Once your done press “Ctrl + S” to save then close the smart object. You should be left with your icon.

Conclusion

Thanks for taking part in this tutorial, if you managed to finish this tutorial I’d love to see some of your results.

Download Source

License and Attribution:

This file is licensed under the Creative Commons license. Attribution is required and always appreciated. Thanks.

Read More