Hell of Tutorial in Photoshop

by abduzeedo | Jul 29, 2008

• abduzeedo's blog

A few days ago I took sometime to try some tutorials I read

such as the really cool Dramatic Text on Fire Effect in Photoshop by
Collis from PSDTUTS, and put some 3D typography ideas into
practice. My idea was to create a 3D text with fire coming from the
inside of the document like a hole.

Step 1

The first thing you will have to do is create the 3D text. To do that you can use Illustrator.
It has a very nice 3D filter and it will work just fine.

Type the text you want and go to Effect>3D>Extrude & Bevel. Change the Position to
Off-Axix Bottom. Then you just rotate the X,Y, and X Axis until you get the result you
want. Follow the image below for reference. Tip: It's very important that you select Draw
Hidden Faces. Otherwise Illustrator will not create some faces that will be very
important for the end result.
Step 2

Now you will have to expand the 3D effect in order to select and change the color of the
faces you want. Go to Obejct>Expand Appearance. First select the top faces, and move
them away. Then select just the outer faces and fill them with black.
Step 3 - Photoshop
Create a new document in Photoshop and fill the background with Black. Copy the 3D
text without the top faces and paste it in Phothoshop. Position it in the middle of the
document and reduce its size.

Step 4

With the Magic Wand Tool (W) select the black faces and delete them.
Step 5

Go to Images>Adjustments>Hue/Saturation, change the color of the text to Orange.

Step 6

Make sure you have black and white for the background and foreground colors. Then go
to Filter>Render>Clouds... After that, resize the layer. Make it smaller just to cover the
word. Then just change the Blend Mode to Color Dodge
Step 7
Now create a new layer on top of the others and fill it with black, then with the Brush
Tool (B) select a regular brush, very soft, like 0% hardness, and white for the color. Then
just paint over some ares to make them brighter. (1-4)

Step 8

Apply a Layer Style to the 3D word, use Stroke with 1px Size, 40% Opacity and Black
for the color.
Step 9

Let's add a Gradient Overlay to the background. It will be necessary in order to make
some of the light effects work. Use Radial for the Style and use Black and
#412e1d(brown) for the colors.
Step 10

Now duplicate the 3D layer and go to Filter>Blur>Gaussian Blur use 30px for the
Radius. Position this layer beneath the Hell layer.
Step 11

With the Ellipse Tool(U) create an ellipse like the image below, then go to
Filter>Blur>Gaussian Blur. Use 70px for the Radius. After that, just change the Blend
Mode to Overlay.
Step 12

Create a new layer on top of the Backgroud layer. Fill it with white and go to
Filter>Texture>Texturizer. Use 60% for Scaling, 15 for the Relief and Top for the
Light. Change the Blend Mode to Multiply.
Step 13
Here I wanted to add a nice texture to the floor, so I used a wooden texture. You can find
the one I used at http://www.sxc.hu/photo/947335. Or you can check the Great Wood
Textures at http://abduzeedo.com/great-wood-textures.

Paste the image in the document and resize it to make it cover the gradient area. Then go
to Edit>Transform>Distort. Move the vertices to apply a nice perspective to the wood.
After that just change the Blend Mode to Multiply.
Step 14 - Fire

Now let's create the fire. To do that I will use what I learnt from the awesome Dramatic
Text on Fire Effect in Photoshop by Collis from PSDTUTS.com. Basically we will get a
photo of fire with flames and use the Warp tool to create different variations of the flame.

Download the image at http://www.sxc.hu/photo/985088 and paste it in the document.

Make sure that it's in front of the other layes. Then with the Eraser Tool (E) delete some
areas. Also go to Edit>Transform>Warp and distort the flame to get a nice effect. Then
just change the Blend Mode to Screen.
Step 15

Create more flames using the same technique, you can even use the Smudge Tool (R) to
change the form of the flames.
Step 16

Create a new layer in front of the other layers and go to Filter>Render>Clouds. Make
sure you have selected Black and White for the Background and Foreground colors. Then
you can resize the layer a bit to make the smoke smaller. With the Eraser Tool (E) delete
some areas and just leave smoke over the text. Then change the Blend Mode to Soft
Light.
Step 17

Repeat the same thing as the previous step, this time however use Hard Light for the
Blend Mode. This step will create a more volumetric smoke to the image.
Step 18

Let's create the cracks on the floor. To do that let's use another image from sxc.hu, you
can download it at http://www.sxc.hu/photo/995884. Place the image on the document
and resize it to cover the gradient area. Then like we did before with the wood texture, go
to Edit>Transform>Distort. Distort the image until you get a nice perspective, then
change the Blend Mode to Multiply.
Step 19

This step might look complicated but it's not. Actually it's quite simple. Duplicate the
crack layer and change the blend mode to Normal again. Go to
Image>Adjustments>Invert, then go to Image>Adjustments>Desaturate. This will
invert the colors so what was once black will now become white and vice-versa. Now go
to Image>Adjustments>Levels and use 40, 1.00, and 226.

Right after that select the Magic Wand Tool (W) and select the black part of the image.
Then go to Select>Similar, Photoshop will select all the black from the layer. Then
delete the blacks and you will have the cracks in white. Now just apply a Layer Style. Go
to Layer>Layer Styles>Color Overlay. Use #ffba00 for the color.
Step 20

Select the Eraser Tool (E) with a big soft brush, use 0% hardness. Then start deleting the
layer. Leave just a small area close to the word. After that go to Filter>Blur>Gaussian
Blur. Use a small value 0.5%. Then the last thing here, move this layer 2 pixels left and
bottom, so it will create a nice 3D effect.

Step 21
Here you can duplicate the yellow crack layer and apply a another gaussian blur, this time
use a greater value and change the Blend Mode to Color Dodge. If you want you can
duplicate it one or two more times to make the effect brighter.

Conclusion

You can add more cracks or change the flames, now it's up to you. The idea of this
tutorial was to create an image using fire coming from hell, like a deeper place using 3D
typography. It's basically a mix of tutorials and techniques. It's all about playing and
looking on the web, there are really great tutorials out there.
Click on the image to see a full preview
How to Create Explosive Typographic Effects in Cinema 4D

Mon, Oct 27, 2008

Photoshop

In this tutorial I will walk through the steps I used to create this illustration to bring alive
the word “collide.” While you may not find yourself needing to recreate the word
“collide,” I hope you will find useful the techniques I will cover:
- extruding text in Cinema 4d
- using displacement maps in Cinema 4d
- using the explosion deformer in Cinema 4d
- exporting to photoshop from Cinema 4d
- unique color enhancing techniques in Photoshop
- various layer modes applied in Photoshop for great light effects
(A basic knowledge of Cinema 4d and Photoshop is required)

STEP 1: Creating 3d text

I created a new document in C4d and added some text with the built in text tool.
I typed the word COLLIDE in the Attributes manager.
I applied Extrude Nurbs by making it a parent of my text.
Parent/child relationship shown above in my Objects Manager.
There’s a small problem at this point: The word “collide” is treated as one object and I
want to manipulate the individual letters. In order to do that I need to Explode Segments
from the Function menu.
Now each part of each letter is broken into individual splines and I can extrude them
separately as well as manipulate them.
On a couple of the letters I need to Connect the inside spline and outside spline together.
The “O” and the “D” need to be connected because they are 2 individual splines as a
result of the Explode Segments function I applied. I selected the 2 splines and right
clicked to pull up a menu. I chose Connect. Once I’ve connected them I am ready to
extrude each individual letter and place them where I want in my composition.
I have applied an Extrude nurbs to each letter now. See my object window for clarity.
And now I’ve named each nurb so that I know what letter it is.
Next I will click on each letter’s Extrude Nurbs and adjust the cap to be a Fillet Cap. I
chose 3 Steps with a Radius of 3. This gives a nice looking edge to each letter.
Next I selected each letter and changed it’s position and rotation into a random spot that I
felt would work for this composition.

STEP TWO: Creating reflective material for my 3d text

I created a new material that I will plan to tweak a bit later to get better results. But for
now I know I will want to add reflection, environment, and a color.
My reflection is set to 35% and I did the same for environment as well. These are just
settings I am randomly choosing and require some tweaking as the project progresses.
I added a light and and a sky to my scene.
I created a material to apply to my sky. I used a picture of a sky. There is definitely a lot
of experimenting that can be done with what you can place in the sky and how it will
look in the reflections of the material on the text.
I applied the new material to my sky and experimented with the Projection method.
Cubic ended up being what I chose based on the way it looked as it reacted with my text.
Here is the result of my sky being reflected on my text. You can load the same image of a
sky into your reflection and environment materials but the results will look different than
using a sky in c4d to be reflected. I’ve found that I have more control over the reflections
this way. I can rotate the sky. I can change the projection method of the material on my
sky. Ultimately, it allowed me to get the results I wanted with ease.
My text material wasn’t quite colorful enough so I added a tint of blue to the original
material.
Here is the result of adding the tint of blue. Much better for what I am looking to
accomplish.

STEP THREE: Using a displacement map to create my collision effect

I copied several of my letter from the word “collide” and will apply a displacement map
to those to create the collision.
I copied my reflective material that I created for the word “collide” and then I checked
the “displacement” box and loaded a texture. Cinema 4d has built in textures you can
experiment with for the displacement. Usually something black and white will work best
but it is not completely necessary. I chose “brick” from the preset surfaces. I’ve also used
black and white jpegs of stripes or other patterns that I’ve created in Illustrator.
Here you can see I set the Height to 500m and kept the strength at 100%. This is
definitely a step that I could get lost in time experimenting with different heights,
textures, and even projection methods for this material. Each tweak will give you
amazing new results to choose from.
Here is the result of my current settings on the displacement material.

STEP FOUR: Adding exploding bits and pieces to my collision

I added a pyramid to my scene that will be used as the object to explode. I increased the
Segments to 5. The more segments you have, the more bits and pieces to explode.
For this step I added an Explosion FX. I will use the Explosion later. (notice the
difference above)
In order for the Explosion FX to work, it must be a child of the parent (the object to be
exploded being the parent). I adjusted the Thickness until I found a setting I liked.
Here is the what my exploding pyramid looks like after playing with the Time and
Strength of the explosion.
Next I copied my pyramid twice. On one of them I left the settings but moved the
position of the pyramid to quickly double the amount of exploding segments. Then on my
3rd copy of the pyramid I added an Explosion rather than Explosion FX. This gave me a
bunch of tiny specs of metal flying through the air rather than the large chunks created
from my other 2 pyramids.
You can see the addition of the tiny explosion particles in this render above.

STEP FIVE: Adding the final effects in Photoshop

In my Render Settings, I made sure Alpha Channel is checked. Then I make my final
render by choosing Render to Picture Viewer from the C4d Render menu.
When I open the rendered .tif in Photoshop it contains the alpha channel I included from
C4d.
I selected the Alpha Channel, deleted the background and added a solid black background
on a new layer below my collide artwork.
I wanted a feeling of air & space around my artwork rather than just solid black, so I
added clouds from the Photoshop Filter menu.
Next I made a selection around a portion of the clouds and feathered the edge using the
Refine Edge button.
I deleted the extra part of the clouds with my selection and adjusted the Levels of the
layer.
I found a picture of smoke to really give this collision illustration some convincing
touches. Almost like a car wreck and the engine is over heated.
Next I copied and pasted the image then inverted it (command, “I”) and set it to Screen
Mode.
I added a layer mask and revealed all. Then I went in with an airbrush on the layer mask
and started erasing different areas of the smoke to make it look like it was interacting
with the “collide” rather than just placed on top.
Here is what my smoke looks like after erasing bits of it. Next, I copied that layer and
repeated the same steps to add some more smoke toward the bottom of my composition.
I felt the piece needed some more color to make it pop so I added a layer and airbrushed
pink onto the layer with a large brush size. The layer was set to Soft Light and placed
below my “collide” artwork so that it would effect the colors of my background but not
my 3d collision.
I wanted to spice things up a bit and throw some lighting into my collision.
I copied and pasted the lighting into my composition, desaturated, and set the layer mode
to screen.
Then I copied my layer of lighting and added a gaussian blur to the copied layer. I set
both layers to Add and moved them below the layer I airbrushed with color earlier. This
created some nice color through my lightning streaks.
The final result in Photoshop with all the layers displayed.

CONCLUSION:

I created 3d text in Cinema 4d. Then I created an explosion using displacement maps and
exploding 3 different copies of my pyramid. Once I saved with an Alpha Channel for
PHotoshop, I created a background for my 3d artwork by using the cloud filter and then
using layer modes to create color and lighting effects. The most challenging part of this is
getting the displacement the way you like it. Experiment with different patterns and
different projection methods for the material.
Reader Tutorial: Typography Wallpaper
in Photoshop
by abduzeedo | Oct 26, 2008

• abduzeedo's blog

We have accpeted some tutorials from readers and we think

it's really good to open the blog, so anyone can share their skills with
the community. Because of that, we will start the "Reader Tutorial"
series. If you have or want to write a tutorial and publish it here on
Abduzeedo, just send it via email to us. Thank you very much and
enjoy our first tutorial from Jonathan Connolly.

Hey guys this is Creative Volition, an advertising and design agency based out of South
Florida. Just a quick thanks to Abduzeedo for being such a great help to the design
community. Also a special thanks to everyone at Creative Volition for making our design
agency what it is today.

Here is a quick tutorial from one of our latest designs. Hopefully this tutorial can benefit
in your pursuit of becoming a better designer.

Step 1

Create a new document at 1200 x 800 pixels with a resolution of 72dpi. Start off by
importing all of your vector designs separately into a Photoshop canvas. In this case we
divided our vectors into 3 separate smart objects and dragged them into the Photoshop
canvas.
Step 2

Hide all vectors and create a new text box. In this case I typed out the name of our
company, "Creative Volition Inc.". The font we chose was "ITC Avant Garde Gothic".
Keep your font in full caps, especially if your using this one! Continue to copy/paste your
text across the text box.
Step 3

Text settings: 16pt font, Regular, 16pt height spacing, Color #404040.
Step 4

Continue to copy/paste the text until it fills the entire canvas. Stretch the box out using
the text tool until it expands beyond the canvas size.

Step 5

Once the text box is filled completely with the copy begin to rotate the box clockwise in
about a 45 degree angle.
Step 6

Make one of the smart objects visible. Command/Apple click the preview box on the
layer panel to create marching ants around your object.
Step 7

Once the marching ants appear, hide your smart object so you can see the selection.

Step 8

Rasterize the type layer and with the marching ants active on your rasterized layer click
Edit > Cut.
Step 9

Then click Edit > Paste and align your new layer so all the words connect. Open the
Layer Style box and change the "Color Overlay" to white.
Step 10

Continue to do the same procedure with your other smart object layers but make sure to
always cut from the rasterized layer.

Step 11

Lastly create a new layer and fill it with any color. Place this layer on top of all other
layers. Drop the fill down to 0%. Open the Layer Styles box and change the inner glow to
the following settings and click OK.
Conclusion

Thats it! You should now have a beautiful design in front of you.
Preparations:

In this tutorial, we will need the beautiful Suddenly

Spring brushes designed by GValkyrie.

Download the Suddenly Spring brushes here.

All rights of these resources belong to their respective

owners.

Step 1 - Setting Up Background:

Create a document of size 750×550 pixels.

Set the foreground color to #004B64 and background to

#000000.

Using the Radial Gradient tool, drag a circular gradient

from the top downwards.
Step 2a - Create a 3D Text:

Open up Adobe Illustrator.

Set the Fill to be #FFFFFF and type in your first letter

with a bold font. I am using Helvetica 75 Bold.

Draw a black layer below the white letter so it is visible.

Step 2b - Create a 3D Text:

Select the letter and go to Effect > 3D > Extrude &

Bevel.

Fill in the settings shown on the left.

Check on Preview so you are able to see the end results

from the settings. Adjust the values if necessary.

Step 2c - Create a 3D Text:

Fill in the remaining of settings as shown on the left.

Click OK once you are done.

Step 2d - Create a 3D Text:

Repeat Step 2a to 2c for the rest of your letters.

Adjust the values in Step 2b to get the letters facing in

different directions.

Select the first letter and press on Ctrl+C to copy it.

Step 2e - Create a 3D Text:

Go back to Photoshop and press Ctrl+V to paste the first

letter.

Paste As prompt will appear. Choose Smart Object.

Do the copying and pasting for rest of the letters.

Step 3a - Apply Surface Gradient:

Select Magic Wand and enter the settings shown on the

left.

Click on top surface of the first letter.

Step 3b - Apply Surface Gradient:

Click on Refine Edge.

Fill in the settings as shown on the left.

Step 3c - Apply Surface Gradient:

Create a new layer above the first letter and name it as

Surface. Fill the selection with #000000.

Select the new layer and choose Blending Option.

Activate Gradient Overlay set the colors to be #003146

and #B8EBFE. Set the Blend Mode to Normal, Opacity
to 100%, Style to Linear, Angle to 90 and Scale to
100%.

Step 3d - Apply Surface Gradient:

Repeat Step 3a to 3c for the rest of letters.

Try to use different colors of same theme in the gradient

overlay, such as shades of green and cyan.
Step 4a - Adding Flowery Swirls:

Load Suddenly Spring brushes. Create another layer

above Surface layer and name it as Floral.

Set the foreground to #FFFFFF. Select one of the

Suddenly Spring brushes and paint over the gradient.

Set the Blend Mode of Floral layer to Overlay and

opacity to 50%. Select the Floral layer and Ctrl+left
click on the Surface layer to load its selection. Click on
Layer Mask button.

Step 4b - Adding Flowery Swirls:

Repeat Step 4a for rest of the letters.

Create new layers in between each letter to paint some

black (#000000) shadows with Soft Brush tool. Mask
these shadows the same way done for the Floral layers.

Step 4c - Adding Flowery Swirls:

Create a new layer below all the letters.

Set the foreground color to #BEF7A8 and paint some

flowers around the letters.

Right-click on the layer and choose Blending Options.

Activate Outer Glow and set the color to #FFFFFF.
Leave the rest of settings as default.
Step 4d - Adding Flowery Swirls:

Repeat Step 4c to plant more flowers around the letters.

Step 4e - Adding Flowery Swirls:

Create a new layer below everything.

Set the foreground color to #FFFFFF and paint a large

flower. Go to Filter > Blur > Gaussian Blur and set the
radius to 6px.

Set the Blend Mode of this layer to Overlay.

Step 5a - Glowing Stars:

Create a new layer above everything and name it as

Stars.

Use Soft Brush tool with size 1px and color #FFFFFF,
draw a big cross as shown in the diagram. Erase slightly
on the 4 corners with big Soft Eraser.

Select Soft Brush tool, set its opacity 20% and size to
30px. Paint a fade dot in the center of the cross.
Step 5b - Glowing Stars:

Right-click on the Stars layer and choose Blending

Options.

Choose Outer Glower and set the color to #FFFFFF.

Leave the rest of the settings as default.

Optional:

You may repeat Step 5a and 5b for as many stars as you

like with different sizes.

I hope you have enjoyed the tutorial as much as I do.

Thanks
Suspended Text Effect

Here’s how I made suspended translucent text effect. As for me it looks wonderful.

First create a new document, 1000×500 pixels, black background.

Then select Horizontal Type Tool and write something like ‘SUSPENDED.’
In the above image I’ve used Verdana as my font of choice, which is free and it’s sized at
a meager 120 pt. Ok, now create a new layer, after that activate the Gradient Tool and a
White to Transparent gradient, fill in the work area as on picture below. The gradient
should move from top to bottom - Top being the most opaque.

Then create a selection of the layer contents for out text (you can press Ctrl and click the
Layer Thumbnail in the Layers Palette to make this selection). Now, go to gradient layer
and press Ctrl+J to create a copy of the gradient in the shape of the text.
After that you can delete the text layer because you don’t need it more for this tutorial.
Using Rectangular Marquee Tool select and cut every letter to the separate layer but
only type one letter per layer.
Create a new layer above all your letters. Create a selection of your first letter and fill in
that selection with your selected color on the new layer. Set this layers Blending Mode to
Screen.
Repeat this process for the remaining letters using different colors for each letter.
For letter ‘S’ use color of #ff0000;
‘U’ – #ff7e00;
‘S’ – #fffc00;
‘P’ – #a2ff00;
‘E’ – #06ec00;
‘N’ – #00d8ff;
‘D’ – #004eff;
‘E’ – #7200ff;
‘D’ – #f000ff.
You’d now have this:
Merge all of your white gradient letters and merge all of your colors into one layer. You
should now have two layers - one with the plain gradient letters, the other with the colors
for the letters. Then set up opacity to 60% and press Ctrl+J to duplicate each of two text
layers. After that apply Filter > Blur > Gaussian Blur with similar settings as on a
picture below for each of two layers.

Now you have something like this:

Merge all of text layers into one layer and using Rectangular Marquee Tool select and
cut every letter to the separate layer but only type one letter per layer again. It’s time to
make a rope to hang the letters. Select the Pen Tool; you need to make sure that you’re
working with Paths instead of Shape Layers. Once you have it mastered make sure the
path is joined up with the beginning point, this will be removed when we have stroked
the line. Draw out your rope using paths:

You have your path done. Now make a selection from path (Right click on shape form on
the Canvas > Make Selection with radius of 0 pixels), create a new layer and go up to
the main menu, select Edit > Stroke then select the color of #e5ffff and a stroke width of
about 3 pixels.

Press Ctrl+J to duplicate layer, then press Ctrl+F to apply Gaussian Blur Filter.

For the effect suspended in the air rotate (you can rotate the letters by using Edit > Free
Transform) and move your letters as on picture below. Put all the letters above the layers
with rope.
Ok, looking nice. Now you need to make aperture into the letters to make real effect
suspended in the air. Go to lower layer with rope and use Select > Load Selection. After
that go to each of layers with letters and cut away parts of letters by using Eraser Tool to
receive image as below:

Press Ctrl+D to deselect chosen area and apply Eraser Tool again with similar setting to
these:
Ok you are done! And the last one you can play with the background to make it funnier.
Go to the layer with background and create a new layer above. Then select a soft paint
brush from the tools menu and scatter some different sized spots of your canvas using
different bright colors, for example #fe5a00, #ffe100, #7cff00 and #00fff5.
Now select the Eraser Tool and a soft round brush and erase some smaller different
sized spots to get a picture as below:

Set the opacity to 27% up.

That is it. Great job!
Super Cool Frilly Bits Typography
by abduzeedo | Jun 23, 2008

• abduzeedo's blog

Last week we published our 10th Wallpaper of the Week. It

was an awesome typography/design from Ginger Monkey Design
called Compassion. What I really liked about that design was how
they mixed some "frilly bits" with the typeface to create an
outstanding piece of work. I decided to create a tutorial showing you
how to do that as well.

In this tutorial I will show you how to mix some vectors with letters to create a really nice
design.

Step 1

The first thing to do is to find the elements we will use. There are lots of websites where
you can find nice vectors, and there's a post from Cameron Moll with a huge list of these
sites. So that's a nice place to start.
http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/

After checking all the sites out, I bought the vectors from
http://www.istockphoto.com/file_closeup/object/5836792_floral_design_elements.ph
p?id=5836792
Step 2

Open Photoshop and create a new document. I used 1680x1050 pixels. After that, type
abduzeedo and go to Layer>Layer Style>Gradient Overlay. Use Red, Yellow, Green,
and Light Blue for the colors. I used Futura for the typeface
Step 3

Let's start mixing the vectors with the type. First you will have to find the right
"ornament" for the letter you want. Then you will have to place it in a way that it follows
the shape of that letter. In the image below you can see that the "ornament" seems to be
coming from the "a".
Step 3

After you align the ornament with the letter, it's time to add some depth. To do that let's
use the Layer Styles. Go to Layer>Layer Styles>Drop Shadow. Use Multiply for the
Blend Mode, Black for the color, 100% Opacity, -60% Angle, Distance of 5 pixels
and Size of 5 pixels as well.
Step 4

Here let's create a layer from the shadow of the layer style. To do that click with the right
button of the mouse on the layer with the drop shadow. Then select Create Layer from
the menu. That's it, you'll now have a layer with the shadow.
Step 5

Now that you have the shadow in a layer let's apply a mask. Go to Layer>Layer
Mask>Reveal All. Then select the Brush Tool(B). The color will be black and the
brush will be regular with a diameter of 45 pixels and 0% hardness. Then just paint the
mask to hide some parts of the shadow. The idea is to create the impression that the
ornament is coming from, and passing above the letter.
Step 6

Repeat the same thing for the other letters. However it's not necessary to do that for all of
them. I only did it on the A, B, D, Z, E, D, and O. After that select the ornament and
word layers, group them together and rename the group to "logo". Tip: Always use the
color of the exact part of the letter that the ornamet will come from.
Step 7

Here let's add some texture to the image. You can hide the other layers. We'll use some
textures from a blog called DesignReviver, they published an article called 300+ Vintage
Style Textures and Photoshop Brushes.

Download the Vintage II pack and place "Vintage10.jpg" image to the document.
Because the image is 1500 pixels and the document is 1680 pixels, you'll have to
duplicate the image and fill the remaining part of the document with it. After that go to
Image>Adjustments>Hue/Saturation. Use Hue 49, Saturation 19, Lightness +35.
Step 8
Download the "15_textures__art___vintage_by_jocosity" pack and place the
"textur2.jpg" in the document. Then change the Blend Mode to Overlay and go to
Image>Adjustments>Hue/Saturation. Use Hue +2, Saturation -41, Lightness -75.
Step 9

Download the "Old_Paper_Textures_by_lailomeiel" pack and place the

"DSC02679.JPG" in the document. It will go over the other textures, then just change
the Blend Mode to Color burn. Now, select all texture layers and group them. Rename the
group Textures.
Step 10

Select the "logo" group and go to Layer>Merge Group. This will convert the layer and
all groups inside it to a single layer. Then go to Layer>Layer Style>Drop Shadow. Use
Color Burn for the Blend Mode, 100% Opacity, -60º for the Angle, Distance and
Size of 5px.

Step 11

Duplicate the "texture" group and change the blend mode of the "paper" layer to
Overlay. Merge the group in order to create a unique layer from it. Change the order of
the layers and put the new texture layer on top of the logo layer. Then go to
Layer>Create Clipping Mask and change the Blend Mode to Multiply. Duplicate the
texture layer again making sure that it is still with the clipping mask. Then just change
the Blend Mode to Overlay.
Step 12

Group the "Logo" layer with the two texture clipping mask layers. Duplicate the
group and merge it to a single layer. Then go to Filter>Blur>Gaussian Blur. Use 4.5
pixels for the Radius and change the Blend Mode to Screen and 80% Opacity.

Conclusion

In this tutorial we learnt how to mix some vector ornaments with a word to produce a
nice typography. We also played around with vintage textures and cliping masks that
gave our image a not so "clean" look. You can create many variations of this effect.
Below I added a Radial Gradient so the textures only appear where the logo is. Again it's
all about experimentation.
STEP 1

Create your text using the Type Tool.

STEP 2

Go Select > Load Selection...

Just hit OK, and it will select the outline of the text.

STEP 3

Then Select > Modify > Expand...

Change this to the value you want the outline to go outside of the text.

STEP 4

Create a new Layer under the text layer.

 STEP 5

Fill the selection on the new layer with the foreground color. (ALT-
Backspace)

STEP 6 (optional)