Category Archives: Text Effects

Create Your Own Font and Kill Comic Sans

Font! The word has a whole lot of science involved with it. Fonts are everywhere and those who don't understand fonts use Comic Sans! Don't worry, I am not diving into the never-ending debate of "Comic Sans in not a font" and related stuff. We are here to learn how we can create our own personal font. A point comes in everyone's life when we want to see our own handwriting in the form of font. Also, one may just want to experiment with fonts and want to see something different in the fonts list in their personal computers. This is when you feel the need to create your own font. This article will try to dig into two different perspectives of this issue and find a solution in both cases.

 Read more

50 Excellent Text Effects Tutorials in Adobe Illustrator

We are all well acquainted with the power of Adobe Illustrator and how important it is to a designer. Be it creating appealing text effects or creating awesome characters, Adobe Illustrator is always there to help out designers. In this collection, we are presenting some amazing and helpful tutorials regarding creating incredible text effects by using Adobe Illustrator. With this selection, you can learn how to create blurry, sketchy, bubbly, sticky, sleek, glossy, retro, futuristic effects. Without further ado, let us move towards the collection of amazing tutorials. Kindly note that some of these tutorials may also require the use of Photoshop intended for finer details. If you think we have missed some cool tutorials out there, then let us know or share them with us in the comments. Enjoy!

 Read more

Using Retro Style Images And Banners For Advertising

Retro style images and pop art graphics like those of Roy Lichtenstein and Andy Warhol is a popular style adopted by graphic designers for web and print design. They are chic, fashionable, eye-catching and add to the 'cool' factor of the company and its products. Lots of stock images are available for download which can be used for web designing, however if you want something unique or customized it's better to grab a pencil and paper and do it yourself.

 Read more

Quick Tutorial – Creating a Letterpress and Embossed Text Effects in Photoshop

In the past few years the letterpress text effect has become a huge trend in web design. It's being used in headers, headlines and even interfaces. The love for the letterpress effect has been transferred from printing machines to our computer screens. If done right letterpress can be a splendid and neat accent in your design. Another superb, yet often underrated, text effect is embossing. You may have seen it in some menus though. Text embossing is another effect which digital art has borrowed from traditional design. This tutorial will guide you through creating the letterpress and embossed text effect in Photoshop. The tutorial will be using some basic layer styles together with some more advanced techniques. If you're a beginner in Photoshop text effects, continue to read to find out how to achieve fantastic looking letterpress and embossed text effects in Photoshop.

 Read more

31 Fresh and Useful Photoshop Tutorials

Photoshop is the premiere graphic editing program used by designers all over the world. It’s popularity never stops growing and as it grows more people want to try to create something beautful, fun or just weird with this incredible software. Photoshop is second to none and today we have compiled a great collection of awesome, useful and totally fresh Photoshop tutorials.

 Read more

50 Incredible Vintage and Retro Photoshop Tutorials

Do you love 1900's all the way to 1980's style or forget about  these vintage years even you're in 2000's? Nostalgic and old-fashioned look and feel in your design is one way to create the vintage and retro–inspired designs that you wanted. Mixtures of rich colors, grunge elements and various textures will make the perfect vintage and retro design for you. In this post, I'll be presenting 50 incredible vintage and retro photoshop tutorials for 2010.

 Read more

50 Eye Catching Photoshop Text Effect Tutorials

Techniques really is a great help to create a stunning photoshop text effects that will give your design a great look. Every now and then there are different designs and styles that are used to create text effects that are being featured to match the latest trend on the web. In this post, I'll be featuring 50 most eye-catching photoshop text effects tutorials that you can use for your design, website , hobby or even just a crash course for newbie.

 Read more

40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials

Typography is defined as the art and technique of arranging type, type design, and modifying type glyph, and in order for you to master this art you should learn more techniques and methods to manipulate text to create stunning typography art. Using 3D effects makes text & typography more realistic and brings it to life. In this article I compiled a list of 40+ 3D Text Effect Photoshop Tutorials for you to learn new 3D text effects.

 Read more

Unique 3D Text – Xara 3D + Photoshop Tutorial

So hello again! It's time for my first tutorial I've ever been made. I actually hope You will enjoy this one, and that will encourage me to do some more. We will use Xara 3D to get 3D text effect, then export text to Photoshop and add some style there.  If You haven't got Xara 3D, You can download demo for free ( 15 days trial) and You can read my review about Xara and their pros and cons. And yeah, If You don't want to download program I will give You *.psd file with text elements, so You can skip Xara part and get straight to Photoshop retouching part. Before we start here is what we will be creating today: Click on image to enlarge

1.Xara 3D tutorial part:

• Okay, let's open Xara 3D programm.  By default there will be "X3D Version 6"
• Click on the Text options, press CTRL+A to delete existing text and type T, choose font, You like and press OK.

• 1.2. Now we will change text a little bit -
• 1. Click on Text toolbar, to get off that rounded circle;
• 2.Click on Bold - to make text little bigger;
• 3.Click on Lightning to show lightning arrows;
• 4. Click on Bevel options to change default Bevel settings;

• 1.3.
• 1.3.1. Change bevel shape to rolled to add little bit emboss effect;
• 1.3.2.Click to Round to round corners a little bit;
• 1.3.3. Change depth to 10 - to soften a little emboss effect;

• 1.4. Okay, now we will play with lightning and 3D effects.
• 1.4.1. Click on Text as shown and move Your mouse cursor to add any 3D effect while it is exactly as You want;
• 1.4.2. Click on the arrows and move them around to get glossy view and better lightning, if needed;

• 1.5.Okay, We are done in XARA, now let's export text to Photoshop:
• 1.5.1. Click File-Export or CTRL+SHIFT+E to get export view;
• 1.5.2. Choose where to save file,then do check everything like picture below, to add transparency choose *.png format and in the options click Transparent checkbox;

Do this with every letter, change 3D effects, maybe colors - play with options until You are satisfied. I got 4 png files at the end, one for every letter - T,Y,P,E.

2.Adobe Photoshop part

If You are starting just from now on - click here to get *.zip file with all 4 *.png files. I will use many Photoshop keyboard shortcuts, if You want to learn about most useful ones, read my article  - 48+ Greatest Adobe Photoshop Keyboard Shortcuts. 1.step

• 1.1.Create a new document, call it TYPE,  I used 1000x750 size.
• 1.2.Open T document in photoshop, press CTRL+A to select all, then CTRL+C, open Your TYPE document and press CTRL+V to drop it in the document;
• 1.3. resize text with CTRL+T and holding ALT+SHIFT to resize from center point and to resize it proportionally, rotate it to get better result;
• 1.4. Repeat those steps for all 4 text documents until You got result similar like mine:

2.step Now lets create some background,click on background layer to make it active:

• 1. Press G to activate gradient editor;
• 2.Click on radial gradient;
• 3.And then double click on the gradient editor, to get gradient editor;

• 4.Choose Foreground to background;
• 5.Use color codes to get output as mine, copy those RGB codes and use them: #f8b1d7, #8871a1

Now click and pull Your mouse like in the picture to get same result: 3.step Now let's add shadow to create more realistic effect: 1. Select all four text layers - easy technique is to select first layer, hold SHIFT and select on last layer You want to select, then right click and press duplicate;

• 2. Now press CTRL+E to merge those layers into one, rename it - shadow and move it below all text layers.
• 3. Hit D to reset foreground/background color;
• 4.CTRL+CLICK on the shadow layer to select it, then press ALT+DELETE to fill it with black color;

• 5. Hit CTRL+D to deselect layer;
• 6.Go to Filter-->Blur-->Gaussian Blur and type 10 to radius pixels, hit OK;
• 7. Change opacity to ~40% to soften shadow;

4.step I added more shadow to make it more realistic, You can skip this step if You want:

• 1.Click on Elliptical Marque tool and change feather to 50px;
• 2.Hit D to reset background/foreground color;
• 3. Click CTRL+SHIFT+N to create a new layer;

4.Click and drag marque tool below the letters, then change opacity to ~20-40%; 5. step In this step we will add some colors to actual text, I took idea here actually from Nick Ainley's work - 1.Double click on T text layer to get blending options: Check everything as in the pictures below, to get different colors just play with gradient overlay:

• 2. Okay, now You have one text nicely colored. To copy layer style --> right click on the layer - click "copy layer style";
• 3.Click on the other text layer - right click and "past layer style", just change gradient overlay colors to get different results;

My result is like this: 6.step Okay now lets add some more interesting background and styling:

• 1.Download those curvy line brushes - of course, better is to make those curves in Illustrator and then just import to Photoshop, but I will not bother You to do it now. I am sure You want to get faster to the final illustration.
• 2. Load brushes into just by double clicking and find them clicking F5 - to get brushes panel.
• 3.Click CTRL+SHIFT+N to create new layer and move it to top of all layers.
• 4. I used white background color.
• 5. Now change opacity to ~60-70% and click E, to grab eraser tool and erase few places to get effect that those lines are rambling through the letters:

Do this in big zoom ( click ALT+ Mousewheel to zoom in/out), so You can erase lines more precise: Repeat those steps, add some blending options to get Your own unique results! This is my final result: If You couldn't do something, check out my *.psd file - click here to download. If You couldn't do anything - please ask, I will be here to help You!

How To Create Great Typographic Wallpaper In Photoshop

This tutorial will lead teach you how to create really interesting and unique typographic wallpaper in few easy steps. Really even beginner will be able to recreate this effect, add their own style and thought in it, I am sure you will enjoy and learn a lot from this tutorial! You will learn how to create good looking background, add lightning effects and work with fonts, sizes, colors to make just necessary places stand out! Let's get started!

 Read more