2014 New Year Poster

With new year just around the corner, it is but timely to greet our friends and loved ones a cool poster or wallpaper via your favorite social media websites. Or, you can make a print out of it, kinda like a greeting card, and put your most lovely note into it. Ain’t that nice eh?

This tutorial shows you how to make such one, in a simple, easy-to-follow instructions below.

Preview

preview

Step 1: Background Setting
____________________________________________________________________________

Create a new document, about 1280×800 pixels (can be bigger for wallpaper, smaller for cards) and fill it with any solid color of your choice. This is because we are applying a chromatic color scheme here (meaning, the same color family which varies only by their lightness and darkness (e.g., hues). Just be sure that the color is bright and lively as we are about to make a new year greeting. The one i use here is almost like a burnt umber (be7032).

s1

Step 2: Creating the rectangular shapes
____________________________________________________________________________

There are 2 types of rectangular shapes that we will make – vertical and horizontal, with different width (of
which the former is thinner).

First off, create a new layer above the background layer. Pick the Rectangular Tool and draw your first rectangle. We will do the vertical first. Fill this with your background color. You’ll notice that as if there’s nothing changed, as a result. Don’t worry, the next step will make it visible.

Applying the layer styles.

Still on the same layer, click the fx icon below your layers palette then select Blending Options. Check Drop Shadow then input the following settings:

s2

With the first one done, create 2 more rectangles by duplicating twice the first rectangle layer. When done, position them evenly parallel with each other using the Move Tool (refer image below).

s3

Yay, we’re done with the vertical rectangles! What we’ll do next with these is to group it altogether and merge them. To do this, create a new layer group (name it ‘Vertical’) and drag each of the shape layer under it then Merge Group. This is how your layers palette should look by now:

s4

For the horizontal rectangles, do the same process as with the vertical. Create a new layer under the vertical layer, draw a fatter horizontal rectangle this time, then fill it the same color as the vertical rectangles. After this, apply the layer styles, duplicate the layer twice, and you’ve completed the 3 horizontal shapes! Group them together and then Merge Group.

s5

s6

Step 3: Making the numbers
______________________________________________________________________________

The numbers ca be a little bit lighter or darker, it’s all up to you. Mine is #ca8232, a little bit lighter than the first we used. Having decided for yourself what color to use, we’ll proceed in making the numeric characters.

First, create a new layer above all the other layers, then type your first number. I used the font Gill Sans MT Condensed here, size 100 pt. See below the values used for the Drop Shadow in the Blending Options (2nd figure).

s7

s8

Now that we’re finished with the first number, right-click that layer (‘2’ layer), then select Copy Layer Style. Click the other number layers (0, 1, 4) then apply the layer style by right-clicking the layer and selecting Paste Layer Style. Do this each of the layer.

This is how it should look by now:

s9

You can opt for the above image now or, if not yet satisfied, you can add more layer styles like the one below which is added with Bevel and Emboss in its default values.

s10

s11

Step 4: The finishing touches
______________________________________________________________________________

To complete our work, select a color again, a lighter or darker one than the previous ones. I chose lighter hue here (#eeac32).

s12

Type ‘Happy New Year’ using a Vivaldi font, size 18. Apply Drop Shadow, Opacity to 100, check Anti-alias, Ok. Position the text using the Free transform Tool on the right side vertically. Done!

final

Parchment Font Text Effect

The Parchment Font is an eye-catching, classical font originated from the Old French and late Middle English times. Derived from the ancient form of writing material like the skin (parch), yellowish paper of old, and others of this type. Bringing back the old glory like this one just interested me so much and, as such, my pleasure to share this back to life.

PREVIEW

Color

Linear Burn

Luminosity

Multiply

Normal

Step 1

Make a new document, 500×500 pixels, fill it with a gray paper pattern (Edit>Fill>Pattern…). You may fill it with a plain gray color as alternative, if you prefer to. When done, duplicate this layer.

Step 2

Add noise (Filter>Noise>Add Noise…),render clouds (Filter>Render>Clouds…), then Gaussian Blur (Filter>Blur>Gaussian Blur…) with the following settings:

Step 3

Grab the Text Tool and type letter “T” (or any letter of your preference). A “T layer” is created as a result and the image is like this:

Step 4

It’s time to apply the layer styles. With the text layer still active, click the “fx” icon below the layers palette then set the following:

After applying the above layer styles, the result would be something like this now:

Step 5

Go back to Layer 1 copy and we’ll make a little bit of enhancement, because our background is dull. So, click Create new fill icon (that half-shaded circle) then select Gradient…

Copper Gradient

Step 6

Now, activate the text layer (the topmost layer), then click once more the Create new fill icon. This time, select Pattern then choose the brown skin.

Note: I’ve uploaded a skin pattern here then loaded it in the Patterns (Edit>Define Pattern) lists.

Mode: Hard Light

Here is the outcome, another variant of the images shown above:

Grunge Metal Text Effect

Preview

STEP 1
First, you will need to download the two textures below and convert them into Photoshop patterns later. To do this simply open each image then go to EDIT >> DEFINE PATTERN in the menu.

grunge-metal

metal-hull

STEP 2
Create a new transparent document 670px * 400px at 72dpi as seen below.

STEP 3
To keep our psd file organized first click on the folder icon in the layer pallet 3 times to create three folders and name them FRAME, TEXT, and BACKGROUND respectively.

STEP 4
This step up to step 6 involves with the making of a frame with a footer-like signature of your website resembling a watermark.Let’s proceed…

Create a new layer within the FRAME folder and name it frame. Activate the shape tool by typing U, make sure the rectangular shape tool is selected, then draw out a square similar to the one below, leaving a little room on the top and bottom.

STEP 5
Activate the layer styles dialog box on your shape layer by double clicking on it or by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu. Then enter the settings below.

STEP 6
Create a new layer above the frame layer by going to LAYER >> NEW >> LAYER in the menu, activate the text tool by typing T, then type in your title using the settings below:

STEP 7
Within the BACKGROUND folder create a new pattern fill layer by going to LAYER >> NEW FILL LAYER >> PATTERN in the menu and choose the grungy corrugated metal texture you either installed or created in step #1 as seen below.

STEP 8
Open the layer styles dialog box by going to LAYER >> LAYER STYLE >> BLENDING OPTIONS in the menu and enter the settings you see below:

STEP 9
Above the grungy corrugated metal texture layer create a gradient fill layer by going to LAYER >> NEW FILL LAYER >> GRADIENT in the menu with the settings seen below.

STEP 10
Open the layer styles dialog box on the gradient layer you just created and enter the settings you see below.

STEP 11
Within the TEXT folder now activate the text tool by typing T then open the character pallet and choose Arial Black at 310pt with a vertical stretch of 110% as seen below and then type in some text.

STEP 12
Duplicate the text layer you just created by going to LAYER >> DUPLICATE LAYER . Then activate the layer styles pallet on the top text layer and enter the settings you see below.

STEP 13
Open the layer styles dialog box on the bottom text layer now and enter the settings you see below.

STEP 14
Duplicate the background layer, click the fx icon and select Pattern Overlay. Select the pattern shown here or any metal texture you’ve downloaded earlier to your lists of patterns.

That’s it!

Chrome Text Effect

Chrome Text Effect in Photoshop

Here’s an easy, cool chrome text effect everybody can learn in just a few steps mainly using the layer styles. Here’s the preview of our final result – a Softlight and Screen blend mode, respectively:

Softlight


Screen

Background Preparation

1. Open a new document (800widthx600height), fill it with black.

2. Pick your Brush Tool (soft) and paint canvass in dots, horizontal arrangement, with the following colors:



3. Apply Gaussian Blur with the following settings:

Done with the background.

Making the Text

1. Select a clean, bold font that is clearly visible with the effects that we’ll make. I use a Neuropol font here, size 72 pixels. Type the text onto the background we made earlier. This is how it looks:

2. Duplicate this layer if you want to. If not, it’s ok.

Applying Layer Styles

1. Right-click your text layer on the layers palette and select Blending Options. In the dialog box that opens, check Drop Shadow, Inner Shadow, Inner Glow, Outer Glow, and Bevel and Emboss.

2. Done selecting the layer styles above, it’s time to set the values in each layer style. To do this, click each layer style one at a time beginning with the Drop Shadow up to Bevel and Emboss (in order), then set the following accordingly:

Now, go to your layers palette and change blend mode from Normal to your desired taste. There’s a lot of possibilities here, actually. In this case, I just chose 2 – Softlight and Screen. Save.

Options

You can change the background you want. With the final image above, just paste it onto the background you selected, then choose the mode that blends well with your text. Here is another version of the above by changing the background and Blend Mode:

Overlay (Opacity : 100, Fill : 100)

Color Burn (Opacity : 70, Fill : 50)

That’s it! Enjoy!