Archive for December, 2009

Christmas season is nearly just around the bend. Have you ever thought to make your own christmas greeting card to give as a gift for your family and friends? If you do, your in luck! For we decided to make a christmas greeting card in our photoshop tutorial.

Today were going to make this glowing Christmas Tree Greeting Card

final-glowing-christmas-tree

So lets get this thing started..

1. First set your background to whatever color you like.. i choose red on mine..#a72218.

redbg

2. Then set the Gradient Tool(G) to White to Transparent and set the Gradient setting to Radial then apply the White Gradient on top of the Red Layer Background.. I did this mine like this to add highlights on later..

white-gradient

and on the White Gradient Layer Blending options, change the settings to Overlay..

white-gradient-overlay

3. So now we start on making the Christmas Tree. Make a triangular shape on our canvass by using the Shape Tool(U), choose the Polygon Shape setting… and set the sides to three(3) to make the triangle

triangle

Also we wouldn’t want the bright shining star on top of our tree missing; So again using the Shape Tool(U) choose the Custom Shape icon and choose the black star shape.

custom-shape-star

Note: If by any chance that the star shape is not on the shape selection, you can easily load it up clicking on the load icon on shapes and the select SHAPE.

star-shape

and place it on top of the triangle shape

tree-star-shape

4. So now we have a tree shape. Next we will now draw a wave like line using our Pen Tool(P), Just draw the line
just like so.

tree-line

5. Now the fun and easiest part.. we will now use our Brush(B) to make the star effect on our tree. First we select our star shaped brush tip on the Brush Preset (F5) and then set the these following settings on the brush tip.

Note: If ever you can’t see the star brush tip for this effect, you can easily load it up by clicking on the side icon and choose the Assorted Brush to load up the star brush tip that we will need for our effect.

brush-tip

brush-setting

So we have our brush settings done, but before applying the brush on our canvass; we must hide the triangle shape we made earlier by clicking the hide layer on the Layers Panel and so we have this.

triangle-line

Then we create a new layer File>Layer>New>Layer and name it whatever you like for example brush star, I just named my New Layer Stroke. So choose again our Pen tool(P) to apply our effect, on the new layer, Right Click and choose stroke path.

stroke-path

And so we now have this new brush effect

brush-stars

6. Now that we have our starry Christmas Tree, we will now apply more effects to our tree to make it more stunning. First select your layer in which you have applied the star brush and then apply this Outer Glow Settings.

tree-outerglow

With the same process, we now select the star on top of the tree and apply this new settings.

top-star-outerglow

After applying those settings, we now have this:

glowing-tree

7. Now that we have our tree I just placed a rectangular box using our shape tool (U) to act as a card to hold our grettings. Tilted it a little using the Free Transform command Ctrl+T:

glowing-christmas-tree-greeting-card-box-no-style

And then apply this setting on the rectangular shape.

box-syles
note: on this settings, you can play around as much as you want to achive your desired outcome

glowing-christmas-tree-greeting-card-box

8. Then give it your message.. using your Text Tool.. (T) and type your most touching message for your love ones..

Here’s our final product..

final-christmas-glowing-tree

You can download the PSD File of the Glowing Christmas Tree Greeting Card Photoshop Tutorial here so you can study it further.

To learn more photoshop effects visit our photoshop tutorial page. You can watch our own free photo shop video tutorials that consists the most basic way of using your photoshop. Or avail our special offers of essential tutorial packages and download our mixed bag of photoshop video tutorials.

Again since we started doing requests from our readers, here’s another one cause weve been bombarded by majority of our readers for this request. Its a simple technique usually used on a web 2.0 design concept.

So what were doing today is the reflection technique photoshop tutorial.

final-preview

This technique is usually applied side by side with the shining or glossy effect for web 2.0 designs, to enhance and make our graphic more realistic and stand out.

Lets now start learning how to make a nice reflection on our graphics.

1) First lets create a new blank white canvass for our tutorial. We can use any size of canvass for this one, but i have used the default web canvass (640×480). File>New>Preset>Web.

2) Now on our blank white canvass, were gonna type our text. You can write whatever you like, but we have used the “TUTORIAL” for this one and were gonna give it a color of #0B7AAE. By the way any color would do on the text, its just my favorite color is blue 🙂

tutorial-text

3) Next on the layers panel, we select the text layer we previously made and then duplicate it. We go to Layer>Duplicate Layer. And after that we flip that layer vertically just go to Edit>Transform>Flip Vertical, and then nudge it just below the original text layer. Just like so:

duplicate-flip-text

4) After we have flipped and nudged our duplicated layer, we add a layer mask on the text we previously flipped vertically. Like so:

add-layer-mask

5) Now to make the effect, we will now use and set the gradient tool. So on the tool bar select the Gradient Tool(G). And make sure select the gradient settings to foreground to transparent, and the foreground color is black. and the gradient orientation to a linear one.

gradient

foreground

Now that were done on setting up our gradient, we now apply the gradient, on the flipped text layer with a layer mask. With our gradient tool, try to drag the cursor on an upward direction just like that:

apply-gradient

Here’s what we got after we apply the gradient on the masked layer:

gradient-flip-text

6)To finish off the effect, we just adjust the layer opacity of the text layer with the gradient mask, to make a more realistic reflection effect on our text.

layer-opacity

After the opacity adjustment, this is what we got

final

For more cool tutorials, please keep in tune with our blog, or visit our photoshop tutorials page for more cool and premium online photoshop video tutorials.

Also, if you have any photoshop tutorial requests, please do tell us and we’ll see what we can do. Later 🙂