Sabtu, 12 Maret 2011

The Joomp wallpaper

Step 1: Using the lasso tool, I set a feather of 60px and drew an abstract shape like a cloud.
Try to create a small shape, it will get bigger when you add the 
clouds though
Try to create a small shape, it will get bigger when you add the clouds though
Step 2: Filter > Render > Clouds
The cloud 
is black and white
The cloud is black and white
Step 3: Image > Adjustments > Hue /Saturation, to make a bluish cloud.
Choose 
colorize to be able to change the colors of the cloud
Choose colorize to be able to change the colors of the cloud
Step 4: Using an image of smoke.
I found this 
image at Digg.com, it was one of the most dugg posts there, really 
amazing
I found this image at Digg.com, it was one of the most dugg posts there, really amazing
Step 5: Mixing the images; set color dodge as blend mode to both layers.
I just used 
some parts of the image and mixed them up
I just used some parts of the image and mixed them up
Step 6: Adding the company's logo and a bit of glow.
The joomp 
logo is behind the cloud
The joomp logo is behind the cloud
Step 7: With a custom brush, I added some sparks over the double blue Os of the logo.
Just play 
with the options there, I changed the scattering, shape dynamics and... I
 think I tried all of them
Just play with the options there, I changed the scattering, shape dynamics and... I think I tried all of them
Final step: The last thing was the address and slogan.
The end 
result
The end result

Summer breeze wallpaper

This tutorial shows you how to design summer wallpaper.

In this case firstly it’s necessary to create a new file (File>New) with 1280×1024 px and 72 dpi. Select after that the Rectangle Tool (U) to stretch down the rectangle, applying for it the parameters demonstrated below. Blending Options>Gradient Overlay

Create Summer breeze wallpaper in 
Photoshop CS3

Create Summer breeze wallpaper in Photoshop CS3

We need to get the same image from below.

Create Summer breeze wallpaper in Photoshop CS3

Create a new layer on which we shall apply the Brush Tool (B) with the Opacity of 40% to represent a patch of white color.

Create Summer breeze wallpaper 
in Photoshop CS3


Create Summer breeze wallpaper in Photoshop CS3

Give the parameters for the new layer, indicated in the Layers’ Palette.
Blending Mode - Overlay

Create Summer breeze wallpaper in Photoshop CS3

We’ll get the next demonstrated picture:

Create Summer breeze wallpaper in Photoshop CS3

Using the Pen Tool (P), try to draw a kind of wave from the next picture, having the color #BBD772

Create Summer breeze wallpaper in Photoshop CS3

Select for this layer the next parameters:

Create Summer breeze wallpaper in Photoshop CS3

This way the wave blends nice into our background.





Create Summer breeze wallpaper in Photoshop CS3

Create Summer breeze wallpaper in Photoshop CS3

And the third last one:

Create Summer breeze 
wallpaper in Photoshop CS3

Create Summer breeze wallpaper in Photoshop CS3

Select after that your photo. It’s a girl demonstrated on our picture.

Create Summer breeze wallpaper in Photoshop 
CS3

Cut out the person of the background and then choose the Eraser Tool (E). Apply the Magic Eraser Tool (E) on the hair just not to move off accidentally a part of the hair. Then insert the cut picture on our basic background.

Create
 Summer breeze wallpaper in Photoshop CS3

Set the next demonstrated parameters for the layer containing the photo:
Blending Options>Outer Glow

Create Summer breeze wallpaper in Photoshop CS3

Blending Options>Inner Glow

Create Summer breeze 
wallpaper in Photoshop CS3

We need to get the same model:

Create Summer breeze 
wallpaper in Photoshop CS3

Select once again the Pen Tool (P) to draw a spiral around the girl.



Create Summer breeze wallpaper
 in Photoshop CS3
Set the next parameters for each of the three demonstrated spiral’s elements:
Blending Options>Outer Glow
Create Summer breeze wallpaper in Photoshop CS3

We’ll get the same picture:

Create Summer 
breeze wallpaper in Photoshop CS3

Download out of Internet a set of ready to use brushes for Adobe Photoshop, named GVL Funky Flower Brush

Create Summer breeze wallpaper
 in Photoshop CS3

On this stage we need to represent arbitrary a composition made of different flowers of different sizes.

Create 
Summer breeze wallpaper in Photoshop CS3

Give this layer the next shown parameters:

Create Summer breeze wallpaper in Photoshop CS3

Create Summer breeze wallpaper in Photoshop CS3

This is what we’ve got on the final stage!  

Jumat, 04 Maret 2011

Create a Custom Mac OSX Style Ring Binder Address Book Icon

Step 1

Create a New Document that is 1024 pixels by 1024 pixels. To define a 512px by 512px rectangle (Leopard icon standard) add four guides (View > New Guide).

Step 2

Create a New Layer and add a rounded rectangle (with a 20px diameter) as a shape layer. This will be the main shape of the book. I would like to have a red book, so I am going to choose a red color as the fill color. Let’s call this layer "Book Cover."

Step 3

The books or the papers of Mac OSX icons have a specific perspective, see the image below.

Step 4

Take the Direct Selection Tool (A) and select two corner points (always two). Then align them to our guides (and then hide the guides). Copy the "Book Cover" layer one more time and rename it to "Paper." We are going to use this layer later, so hide it for now.

Step 5

Double-click on the "Book Cover" to reveal Layer Style window and apply all the settings below. Don’t forget to check Blend Clipped Layers as Group in the Blending Options.

Step 6

Create a New Layer, press Command + Alt + G to change the layer to a Clipping Mask. Select the Pen Tool (P) and make a dark blue wide line on the left. Let’s simply call it "Black Binding" because the dark blue looks like a black color.

Step 7

Apply these settings on the "Black Binding."

Step 8

Add another two clipping masks to the book shape. These masks have to be under the "Black Binding" layer. Fill the first one with black. Next, go to Filter > Noise > Add Noise (apply an Amount of 75% and set the Distribution to Uniform). Also, change the Blending mode to Overlay and set the Opacity to 7%. On the second clipping mask apply the Note Paper Filter (with the Image Balance of 20, Graininess of 15, and Relief of 10). Change the Blending mode to Overlay and set the Opacity to 3%.

Step 9

Let’s add some patterns to the "Black Binding." Create another two clipping masks, this time they have to be over the "Black Binding" layer, of course. Now we need to make a selection of the "Black Binding." So hold down Command and click on the vector mask of the "Black Binding." Fill the selection with a black color and apply the Graphic Pen filter with the settings below.

Step 10

Click on Extract (Command + Alt + X), and extract about half of the black strips from the white color.

Step 11

Change the Blending mode of this layer to Overlay and set the Opacity to 10%.

Step 12

Now we are going to repeat something from previous steps. So select the second clipping mask, which we created in Step 9. Do the same steps like in Step 9, but without applying the Graphic Pen filter. We are going to use the Note Paper filter as like as in Step 8, with the same settings (Image Balance – 20, Graininess – 15, Relief – 10). And again, change the Blending mode to Overlay and this time, leave the Opacity on 100%.

Step 13

The last thing we need to do on the "Black Binding" (and on the book cover) is to add some visible scratches. Create a new layer above all "Book Cover" clipping masks. Select the Brush Tool and a Starburst Brush (you can find it in Assorted Brushes).
Grab a black color, then make a selection of the "Black Binding" (Command + click on the vector mask), and click several times to the right border of the selection. At the end, create a new group, call it "Front Cover." Move all the layers we used to draw the book cover there.

Step 14

So let’s add a back to our book. Copy the "Front Cover" group, rename it to "Back Cover" and move it under the "Front Cover" group.

Step 15

The "Back Cover" is almost similar to the "Front Cover." We need to hide only two layer effects. The first one is a Drop Shadow of the main book shape and the second one is a Bevel and Emboss of the "Black Binding" shape.

Step 16

Now it’s time to use the "Paper" layer from Step 4. So reveal this layer and grab the Direct Selection Tool. What we are going to do now is to scale down the "Paper" layer. But as you can see, we won’t be using Transformation because we need to retain the rounded corners of the paper on the same radius as the book cover corners. If we scale with Transformation, the radius of the corners scales too. Always, select two corner points and move them a little bit closer to the next corner. At last, change the fill color to white.

Step 17

Apply these settings to the "Paper" layer.

Step 18

To create five papers, copy the Paper layer four times. After that, place them as shown below.

Step 19

Create a New group, call it "Papers" and move all papers to this group. Place this group under the "Front Cover" group and over the "Back Cover" group.

Step 20

Something still missing? Rings, of course. So let’s do them. First, create an ellipse with the Ellipse Tool (U).

Step 21

Subtract another ellipse inside the first ellipse using the Ellipse Tool (U) in Subtract mode (-).

Step 22

Subtract the hidden part of the ring shape using the Pen Tool (P) in Subtract mode (-). Name this layer "Ring."

Step 23

Apply these settings on the "Ring."

Step 24

To create a small reflection of the red color, duplicate the "Ring," clear layer styles, and apply these properties.

Step 25

Add a New layer, name it "Ring shadow," then go to Layer > Vector Mask > Reveal All. Click on the vector mask of the "Ring" and copy the path to the "Ring Shadow" layer. Select this layer and use a soft black 100px Brush with 20% Opacity to add a black color to the ends of the "Ring."

Step 26

Create a "Ring Eye" with the Ellipse Tool (U).

Step 27

Apply these layer settings on the "Ring Eye."

Step 28

Add a New Layer under the "Ring" and over the "Ring Eye." Create a selection of the "Black Binding." Take a black 50px Brush with 30% Opacity and paint a shadow under the "Ring."

Step 29

As you can see, it is necessary to fix the border of the "Ring." Create a New Layer over all the "Ring" Clipping Masks and fix it with a small black brush.

Step 30

Create a New Group, name it "Ring Layers" and put all the "Ring" layers there. Then copy this group and move it up. The shadow under the second "Ring" should be a little different so rotate it a few degrees closer to the "Ring." To get five rings repeat this step three more times (without creating a New Group though).

Step 31

Select the Pen Tool (P) and make a shape of a fold, as in the picture below.

Step 32

Apply the following properties on the "Fold."

Step 33

Duplicate the "Fold" four times.

Step 34

Ok, let’s add a shadow to the book. I’m not going to transform and blur the book shape, but instead I am using only the Brush Tool (B) and the Erase Tool (E). I think this way may be harder for you, but I hope if you do your best, the result will be more real. You can also play with the opacity of this layer, an important thing is that the shadow shouldn’t be too strong and dark (a swhite background helps us with this).

Step 35

Now we’ve done the book. You can use it as replacement icon for many applications, but if we want to use it as Address Book, we should add one more detail. It’s going to be an at-sign as in original icon. So choose you favorite font (I love Myriad Pro), set the font size to 250pt and type the character "@."

Step 36

Then rotate the at-sign about 10° to the left…

Step 37

…and apply these settings.

Step 38

Copy the at-sign, move it a few pixels up, and a few pixels right. Clear the layer style, change the color to white, and apply the new settings. Don’t forget to set the Opacity to 80%.