Saturday, December 17, 2011

How to create Neon Illustration Happy New Year 2012 in Photoshop




How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
 In this tutorial, we are going to design a simple New Year illustration with neon digits in Photoshop CS5. I hope you enjoy this tutorial and that it inspires you to create your own illustration for New Year! Layered PSD file included. Let’s get started!


Start working by creating a new document (Ctrl+N) in Adobe Photoshop with the size 1900px by 1200px (RGB color mode) at a resolution of 72 pixels/inch. Click on Add a layer style icon from bottom part of the Layers panel and select Gradient Overlay.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Click in the color bar to open the Gradient Editor and set the color stops as shown. Click OK to close the Gradient Editor dialog box.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next background:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create a new layer and select the Soft Round brush from Brush Tool (B).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Use this brush to paint the central part of the canvas, Foreground color is #03334C:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Click in the canvas and type ’2012′. Press Enter to apply the text.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Outer Glow.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Add Inner Glow:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Apply Stroke:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Rasterize the text’s layer by creating a new layer above the digits’ one and then select both layers in Layers panel by holding Ctrl button. Then press CTRL+E to Merge Down.
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 80% in Options bar).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5

Paint in the mask using this brush to change the opacity of the digits as shown.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Paint with the same Soft Round brush on the mask, but of a smaller Brush Size and using this time white color to give back the brightness on several zones on the same digits, to get the same result as the one from below:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create a new layer and select the Soft Round brush of white color (brush Opacity – 10%).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Use this brush to paint certain places on the digits.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create the next new layer and select again the Soft Round brush.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Use this brush to represent a dot on the bottom part of the digits’ edge.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Using the Free Transform (Ctrl+T) command, we can stretch the dot horizontally to get the same result as on the next picture. Set Fill to 50% for this layer.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Outer Glow.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Apply the above described method on a new layer (Create a new layer) and get a line by stretching it out of the dot. The brush remains the same.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set Fill to 46% for this layer and change the Blending mode to Overlay.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Make a copy of the last made layer and select the Free Transform (Ctrl+T) command to stretch down the copy’s layer.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Make a copy of this last made layer:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Make a copy of the last represented layer and select the Free Transform (Ctrl+T) command to place the copy’s layer between the top horizontal line and the bottom one.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create a new layer and select the Soft Round brush of white color (brush Opacity – 10%).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Use this brush to represent the shining effect under the digits on the central part of the canvas.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set the Blending mode for this layer to Lighter Color.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create a new layer and select here the Soft Round brush of white color.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Use this brush to represent a dot on the right part of the digits.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Using the Free Transform (Ctrl+T) command, it’s possible to stretch out the dot horizontally to get the same result as below:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set Fill to 25% for this layer and change the Blending mode to Overlay.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Make a copy of the recently made layer and select the Free Transform (Ctrl+T) command to place the copy’s layer on the digits’ left side as on the next picture it is demonstrated:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Click Create new fill or adjustment layer from bottom part of the Layers panel and click to Curves to adjust the curve shape as shown to make a little color corrections.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
               

Let’s create now more digits inside the already represented ones. They will represent the highlights, giving more volume to our original digits. Choose the Pen Tool (P), set the drawing mode on Shape Layers in Options bar and draw the next shape as shown.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Stroke.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Blending Option. In Advanced Blending check the Layer Mask Hides Effects.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Paint in the mask using this brush to hide the unnecessary line.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Applying the last described method, we may represent the highlights inside the other digits, using the same tools (Pen Tool (P)). The Layer’s style are the same (Stroke).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Combine in a group all the layers composing the inside highlights on the digits (press CTRL button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). The new group must be rasterized. In this case select the group in Layers panel and press CTRL+E to Merge Down.
Click on Add a layer style icon from bottom part of the Layers panel and select Outer Glow.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color (set Opacity to 60% in Options bar).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Paint in the mask using this brush to hide the edges of the inside highlights.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Make a copy of the last made layer and apply the next filter: Filter > Blur > Gaussian blur.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create a new layer and select the Soft Round brush.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Use this brush to paint with white color the digits’ surface. Apply on several places the brush with the Opacity of 20%.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel , press CTRL+I in the mask to Inverse the color and and choose the Soft Round brush of white color (set Opacity to 20% in Options bar).
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Paint in the mask using this brush to hide the bottom part of the digits.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set the Blending mode for this layer to Overlay.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Create one more new layer with the digits on it. Select the Horizontal Type tool (T). Select a font, size and color in the Character panel.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Place it exactly the same way the very first layer is represented.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel to select Bevel and Emboss.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Add Satin:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Right click on the Effects and select Create Layers on the Layers panel.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ll get clipping masks from Layer styles:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Apple the next filter: Filter > Blur > Gaussian blur.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Make a copy of the layer on which we had created an inverted mask and painted the digits. Place the copy’s layer above all the layers.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
Applying on the mask the Soft Round brush of white color (brush Opacity – 15%), we may hide the indicated zones on the digits.
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5
We’ve got the next result:
How to create Neon Illustration Happy New Year 2012 in Photoshop CS5

Thank you for visit our blog.
Hope you can learn something new from this tutorial. You can share your thought & suggestion with us though comments below.
Discover the top most quality clipping path, clipping path service or low cost clipping path, image masking service  & photo editing in reasonable price with quick turnaround time from Clipping Design, one of the most popular outsourcing clipping path service provider.
Clipping Design always ready to provide 100% handmade
clipping path, photoshop clipping path, clipping path service, SEO service & photoshop masking with Guaranteed client satisfaction on top quality clipping path service & masking service .
Thank you…
Reference: adobetutorialz

No comments:

Post a Comment