How to Design a Greeting Card For Friends Using Photoshop

Here one more tutorial how to make greeting card for your best friends and relatives. Hope, they will be glad to receive greeting card like this one.

So, let’s begin! First of all, create a new document about 800 px width and 500 px height. After that select some appropriate colors, for example colors of #449224, #b5f716 and drag a radial gradient as on my picture you can see below.

After that I would like to add some pattern to the background. Get out the Custom Shape Tool from the Photoshop tools and find the shape from the standard shapes gallery. What you can see on the picture below.

Drag it onto your canvas like I’ve done in the below screenshot, then set up opacity to 70% for this layer

Now, I would like to make a little accent in card centre. For this create a new layer, then select the Elliptical Marquee Tool to create round selection as on my picture below and fill it with color of #d7ff00.

Remove selection with Select > Deselect and apply Filter > Blur > Gaussian Blur.

Ok, now we received next effect:


Time to add the numbers. Now, select the Horizontal Type Tool and set up the foreground color as #c32b01. Write out the number two using the AvantGarde font.


After that rasterize this text layer with Layer > Rasterize > Type and apply Edit > Transform > Free Transform to rotate the number, then use Edit > Transform > Distort to bring it in the same projection as on my picture below.




Duplicate layer with Ctrl+J and move lower layer a little bit down and right.



Ok, after that use the Polygonal Lasso Tool to connect the upper part of the number with its projection. After that fill selected area with color of #c32b01.



Apply the Color Overlay layer style to this the current layer.



Create a new layer above and merge it with previous to get all affects in one layer.

Now, we can start create volumetric number. Get out the Polygonal Lasso Tool and create selection as on my picture below. Then apply the Burn Tool (Brush: 150 px, Range: Shadow, Exposure: 20%)



Now, change Burn Tool to Dodge Tool (Brush: 150 px, Range: Highlights, Exposure: 50%) and add a little bit bright glare inside of selected area.


Now, create another one selection and use Dodge Tool and Burn Tool again to make the same effect. Process all sides of the number.



Ok, remove selection with Ctrl+D, move to the layer above and use the Burn Tool (Brush: 150 px, Range: Shadow, Exposure: 20%) to add a little gradient to this upper layer.



And the one last thing that we need to do to add the glare to the number. Use the Select > Load Selection to make selection of the current layer, then press Alt+Shift and cut off unnecessary part of selection with Elliptical Marquee Tool. Fill selected area with white to transparent gradi



Remove selection with Ctrl+D and merge all layers of number in one. Then apply the Outer Glow layer style to the new layer.



See the difference now?



Ok, add thee more numbers in the same way. I prefer to use different colors for each letter.



Then reduce a little some numbers with Edit > Free Transform.



Ok, we are done with numbers. Move to the next step. Select the Horizontal Type Tool and write out the text with white color in the bottom of the canvas as on my picture below (I used the font Annabelle):



Apply the Gradient Overlay layer style to this layer.





After that duplicate this layer with Ctrl+J and move lower copy two pixels down. After that apply Outer Glow layer style:



To finish off the tutorial I would like to add some decorative elements. I found these balls to use it on the card. Open up this picture and copy to the main canvas.



Ok, our greeting card is ready!

How to Design Google logo photoshop tutorial

Quick Photoshop tutorial that will teach you how to create google logo, and google style letters. Google’s logo font is called Catull, install it if you want to make a real replica of the google logo, otherwise use Garamond font or a similar one.

Tutorial:

1. Open a blank document and type Google using Catull font (or Garamond). Every letter should be in a separated layer.

2. Drop Shadow
Double clink on the G letter layer in Layers palette. Add shadow with these parameters.

3. Bevel and Emboss
Apply Bevel and Emboss.

4. Add blue color to the letter – #184dc5
OK/Exit

5. Right click on the G layer, copy layer style and paste it to the “o” layer. Double click on the “o” layer and update the color.
Red – #de1b00

6. Repeat the last step on other latters and the end result should be something like this.
Yellow color – #ffcf00
Green – #32a93b

For more of Creative Tutorial on Adobe Photoshop we can really boost the creativity in you visit our forum and be a member of the great graphics forum where we talk and help graphics artist
www.graphicspalace.com/forum

How to Design Apple iPhone Photoshop tutorial

Make a realistic Apple iPhone illustration in Photoshop. Quick, intermediate level photoshop tutorial.
Download psd file, iPhone isolated against a white background.

Tutorial:

1. Open a new document (1280×1024px) and make a rounded rectangle with 20px radius. Add the Inner Shadow like in my example.

2. Duplicate the body layer and make it a little smaller, and fill it with black color.

3. To make the iPhone metal frame more shiny, add two more details at the top and bottom.
To do it duplicate the main body layer again, make a color selection (CTRL+left click on the layer in layers window),
move the selection a few pixels down and hit delete button. Duplicate the layer and rotate it vertically to make the bottom one.



4. Make the home button. Create a black circle and add a gray 2px outline.
To make the glossy effect at bottom, repeat the 4th step (duplicate the circle layer, make a selection and cut).
At the end make a 4-5px radius rectangle and add 2 px gray outline.


5. Add the side buttons. Make them all with 1px rounded rectangle and add a dark gray to light gray gradient.
Put these layers under all existing layers in the layers palette.


6. Add the screen. Make a dark gray rectangle shape and add 2px outline with a bit lighter gray color.



7. Make the receiver. Create two identical rounded rectangles, make the bottom one in white color, and the top one in gray and outline in a darker gray color.

8. Add a glossy effect on the screen with gradient tool. We are done.

For more of Creative Tutorial on Adobe Photoshop we can really boost the creativity in you visit our forum and be a member of the great graphics forum where we talk and help graphics artist
www.graphicspalace.com/forum

Windows Vista Logo Photoshop Tutorial

Simple step by step tutorial – how to make Windows Vista Logo – Photoshop Tutorial. Learn how to make a mirror and glossy effects, and how to use Photoshop tools – gradient, pen tool, bevel and emboss, eraser tool etc. (Note: click on the image tutorial to view it very well)

Tutorial:

Create document 640×480 pixels.
Fill it with white color. Create a new layer name it “circle1″. Select Brush Tool (B). Make a circle similar to mine:
Master Diametar: 300px
Hardness: 100%

Fill the selection with gradient.
Top:# 022646
Bottom: #1597d5

Duplicate layer (CTRL+J) and name it “circle2”
Decrease the layer to 94% and fill with gradient:
Top:# 02244a
Center:#183b61
Bottom:# 49a5e4

Use Pen Tool (P) to create square shape (with radius).

Create a new layer name it “window1”.
Right click, click on the shape, click “Make Selection…”
Fill the selection with any color.

Now duplicate layer and name it “window2”.
Use CTRL+T to flip the window2 layer vertical, and then horizontal.
Now you should repeat the same thing two more times to get four windows in total.

Fill the windows using gradient with equal colors from the original logo.

Add Bevel and Emboss to all windows.

Now you should have something like this.

We need some glossy effect on this window.
Create a new folder “window”, put all four window shapes into one folder.
Duplicate “window” folder and press CTRL+E to merge folder. Name it “Gloss”.

Lock Transparent pixels

And fill the “gloss” layer with white color.
Create a copy of this layer, name it “shadow” and put under the “window” folder (we need this one for later).

Unlock Transparent pixels, and use eraser tool to remove unnecessary part.

Set opacity 15%

Create a new layer “shine”.
How hold down CTRL and left mouse click to the “shadow” (do not select this layer) layer at the layer palette.
We have got selection like this one:

One click with Brush Tool to create shine similar to mine.

Set ~30% transparency.

OK, we need the backgroung more glossy.
Create a new layer “sbottom”
Hold down CTRL and click to the “circle2” layer.
Use Brush Tool # 3fb9ea and create a light blue shade at the bottom

Repeat this action with the top part of your logo.
#6f87a3 color

’s time to add some shadows to the window icon. Merge the window folder (CTRL+E),
And add a shadow

We are almost done. To make the windows icon more wavy apply this Gradient Overlay:

That’s it!

At the end you can add a reflection. Turn off the background (white locked layer at the bottom), merge all layers (CTRL+SHIFT+E). Create a copy of that layer (CTRL+J), then CTRL+T / Flip Vertical. Move down the layer and use Eraser Tool to delete bottom part. Set transparency to 20% or less

For more of Creative Tutorial on Adobe Photoshop we can really boost the creativity in you visit our forum and be a member of the great graphics forum where we talk and help graphics artist 
www.graphicspalace.com/forum