<acronym id="guugu"><wbr id="guugu"></wbr></acronym><menu id="guugu"><option id="guugu"></option></menu>
<acronym id="guugu"><noscript id="guugu"></noscript></acronym>
<acronym id="guugu"></acronym>
<samp id="guugu"><option id="guugu"></option></samp>
DrawingPhotoshop TutorialsUpdated

Create a Pixel-Perfect Notebook Icon in Photoshop

Learn how to create a beautiful notebook icon with Photoshop! This beginner drawing tutorial will show you how to create shapes, add texture, and use layer styles to create a quick and easy notebook icon.


Preview of Final Results


Tutorial Resources

· Wooden Background – sxc.hu


Step 1

Open up Photoshop and create new document


Step 2

Open the Wooden background , press Ctrl+ T to scale it fit to our background.Now Image > Adjustment> Curve, like this image



Step 3

And this is result


Step 4

Create a Rounded rectangle (shortcut U) with fixed size 700px x 550px and Radius = 40px. Fill it with color # 742b00


Step 5

Now press Filter > Noise > Add noise


Step 6

Then right click for Blending Option > Drop Shadow


Step 7

And we got result like this, we name it ” cover 1″


Step 8

Next, we create second Rounded rectangle (shortcut U) with same size 700px x 550px and Radius = 40px. Fill it with color # 5c3016. Then press Ctrl + T to scale it a little bit smaller than first rectangle which name “cover 1”. And we name the second rounded rectangle as “cover 2”


Step 9

Duplicate the “cover 2” ,click on Layer thumbnail and change the color with # 742b00. We name this layer as “cover 3” . Go to Filter > Noise > Add noise


Step 10

Next, go to Filter > Blur > Motion blur.


Step 11

Change the layer which name “cover 3” to Multiply and we got a result like this


Step 12

Next, we create the fourth rounded rectangle with fixed size 660px x 520px, fill the color #571803,add the layer style like this image. We name it as ” cover 4″


Step 13

And this is the result


Step 14

Now, we create the fifth rounded rectangle with fixed size 610px x 490px , fill it with color #ffffff .


Step 15

Add Layer style for Drop Shadow


Step 16

Then add layer style for Inner Shadow


Step 17

And add layer style for Gradient


Step 18

Here is the result


Step 19

Create next rounded rectangle with size 610px x 490px,fill color #ffffff and we scale it a little bit smaller like this image . We name this layer as “Paper”


Step 20

Add layer style for Drop Shadow


Step 21

And add layer style for Inner Shadow.


Step 22

We got a result like this


Step 23

Next, we create new layer and name it as “Middle line”, we set up the hard brush(shortcut B) with size 2px and set foreground color #742b00, then pick the Pen tool (shortcut P) and create a vertical line in middle of “Paper” layer. Right click to stroke path and choose tool as brush


Step 24

And this is what we got


Step 25

Create a new layer and name it as “Horizon lines” , put it under ” Middle line” layer. We set the foreground color #017d93 and set hard brush with size 2px. We draw some horizon lines with same ways as we draw middle line(Step 23). Then we set the ” Horrizon lines” layer as Multiply and lower the opacity 50%. And we got the result like this


Step 26

Next, we create a new layer and name it ” Vertical lines”, set the foreground color # ff0000 and hard brush with size 2px.We draw 2 vertical line (use same ways in step 23), then we set the “Vertical lines” layer as Linear Burn and lower opacity 50%

Related posts
Photo ManipulationPhotoshop TutorialsUpdated

How to Create a Night Jungle Scenery in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

How to Create a Gothic Photo Manipulation of a Brave Warrior in Photoshop

Photo ManipulationPhotoshop TutorialsUpdated

How to Composite a Destroyed City Scene and Retouch Characters in Photoshop

DrawingPhotoshop TutorialsUpdated

Create a Set of Weather Icons in Adobe Photoshop

24 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).

北京快乐8大小单双概率