Anda di halaman 1dari 83

TEKS EFEK

Terdapat berbagai macam cara untuk menciptakan sebuah efek pada teks. Sebuah teks
visual menarik yang bersifat asli dan kreatif, yang dapat menarik perhatian dan
meninggalkan kesan yang mendalam pada siapa saja. Tipografi, Ya! karya atau desain
yang menggunakan pengaturan huruf sebagai elemen utama. Tipografi berasal dari
kata typo yang berarti huruf dan grafos yang berarti gambar. Terdapat beberapa faktor
yang mempengaruhi tipografi, di antaranya adalah bentuk huruf, karakter atau sifat
huruf, jarak, bentuk susunan teks, dan fariasi huruf.
Kamu akan menemukan beberapa teknik pembuatan efek dan ilmu pengetahuan seni
tipografi untuk membantu Anda tetap up to date pada tren terbaru dan teknik melalui
daftar tutorial terbaik yang telah kami kumpulkan.

1.Design Magical Fire Energy Text Effect in Photoshop

Lihat Tutorial
2. Design Unique Grass Wood Text Effect in Photoshop

Lihat Tutorial

3. Create a Magma Hot Text Effect in Photoshop

Lihat Tutorial
4. Lost in Space Typography

Lihat Tutorial

5. Creating 3D Lighting Effects Using Cinema 4D and Photoshop

Lihat Tutorial

6. Create an Awesome 3D Text Effect with Abstract Brush Decoration in

Photoshop
Lihat Tutorial

7. Create Awesome Splashing Water Text Effect in Photoshop

Lihat Tutorial
8. Design a Snowy Rock Text Effect in Photoshop

Lihat Tutorial
9. Create Awesome Abstract Text Effect with Brush Dynamics and Filters in
Photoshop

Lihat Tutorial
10. Amazing Video-Game Text Style in Photoshop

Lihat Tutorial

11. Drawing an Abstract Lightbulb

Lihat Tutorial
12. Memanfaatkan Mozaik Effect pada Texture Photoshop

Lihat Tutorial

13. Splattery Groovy Typography in Photoshop

Lihat Tutorial
14. Create a Multi-Colored Text Effect in Photoshop

Lihat Tutorial

15. Membuat efek tulisan tangan berangkai yang bersinar

Lihat Tutorial
16. Create Burning Typography with Sparkles Effect in Photoshop

Lihat Tutorial

17. Teks dengan Efek Kaca Transparan di Photoshop

Lihat Tutorial
18. Reader Tutorial: Extinction by Chanito

Lihat Tutorial

19. Transformers Effect

Lihat Tutorial
20. 3D Text Shatter Effect Tutorial

Lihat Tutorial

21. 3D Text On Fire

Lihat Tutorial
22. Create a Cool 3D Graffiti Text Effect using Line Art in Photoshop

Lihat Tutorial

23. Grunge Text Effect

Lihat Tutorial
24. Cartoon/Comic-Style Text Effect

Lihat Tutorial

25. Super Cool Frilly Bits Typography

Lihat Tutorial
26. Create a Layered Glowing Text Effect

Lihat Tutorial

27. Flowery Text Effect

Lihat Tutorial
28. Watercolor Text Effect

Lihat Tutorial

29. Smoke Text Effect

Lihat Tutorial
30. Soft Stylized 3D Type

Lihat Tutorial

31. Tutorial Photoshop Teks Efek Abstrak bergaya Futuristik

Lihat Tutorial

32. Membuat 3D Style Lettering

Lihat Tutorial
33. Efek Teks Colorful Plexi menggunakan Photoshop

Lihat Tutorial

34. Efek 3D Menakjubkan dalam 30 menit

Lihat Tutorial
35. Membuat Teks 3D dengan beberapa Extreme Lighting

Lihat Tutorial
Diposkan oleh willy elmas di 01:38
Email ThisBlogThis!Share to TwitterShare to FacebookShare to Pinterest
Label: Tutorial

In this Photoshop tutorial you will learn how to create colorful 3D text effect. Create 3D effect in Photoshop is difficult, therefore
to create effect like this, we will use a little bit Xara 3D, but you can use Cinema 4D or 3DsMax, so you will learn also some
Xara 3D techniques. Mainly, we will work with Layer styles and Pen tool. As you can see from the preview of tutorial, text effect
will be very glorious. This kind of text effect can be used for making a birthday poster, or creating any other celebration postcard.
So, lets start tutorial.

You May Be Interested In The Following Posts


If you like this article, you might be interested in some of our older articles about orCreate Colorful Smoky Text Effect in
Photoshop.

Final Image Preview

1.Step
We are going to create each alphabet separately in 3D, you can use any software you like (3dsmax, cinema 4d, xara3d). I used
Xara 3d because its simplicity and it take less time than any other.

2.Step

First we are going to make letter C . Follow the screens below to make it like this or you can use any color combination of your
choice. I used blue colors for letter C.

Colors used:
Face : 2E81B1
Text side : 2E81B1
Light1 : A1E9F9
Light2 : 7495AF
Light3 : A1E9F9

I used Angsana New font for letter C and other options like: Extrusion, Bevel options,Shadows are given below in the form of
pictures:

Shadows has been disabled.


Rotate and position your letter as your liking.
Export your image as .png. It will have only the text without the background

3.Step

Now I m going to create letter O. See the following picture.

Colors used:
Face : E935C6
Text side : E935C6
Light1 : F7DFB6
Light2 : 6A335D
Light3 : FF9AF3
Extrusion options: Depth 25; Outline width 20, gloss both: back face and front face.
Bevel options: Curved and Depth: 20.

4.Step
Now we will create letter L using same technique.

Colors used:
Face : 2EB17C
Text side : 2EB17C
Light1 : 80DB9C
Light2 : 74AF88
Light3 : A1F9B5
In Extrusion options I used: Depth 16 and Outline width 31, gloss both: back face and front face.
Bevel options: Curved- depth 20.

5.Step
Again repeat steps above with second letter O.

Colors used:
Face : FAFF32
Text side : 7D7E35
Light1 : FBF183
Light2 : E5E32F
Light3 : F7E529
In Extrusion options I used: Depth 16 and Outline width 131, gloss both: back face and fornt face.
Bevel options: Curved- depth 20

6.Step
And last letter R.

Colors used:
Face : A30FE7
Text side: 624F78
Light1 : C483FB
Light2 : EBC8F9
Light3 : CDA1F9
In Extrusion options I used: Depth 16 and Outline width-31, gloss both: back face and fornt face.
Bevel options: Curved- depth 20.

7.Step
Now lets move to Photoshop. Lets make the background. I used 2200 x 1375 px dimension size and fill i t with black. Then I use
a Wooden texture in the center of the page and desaturate it and played with Blending options and erase corner parts of the
wooden texture. You can find texture on Deviantart or Sxc.hu

8.Step
I also used Wrapped paper and desaturate it and Blending option set to Difference, opacity reduce to 55%. And the use large soft
round eraser to erase most of the part just left at the edges.

9.Step
I also used stars and galaxy texture into my image. You can find these type of pictures all over the Internet. Erase some part of it,
use different colors of galaxy and stars as you can see in this image. Make sure to play with Blending options. I used Screen.

What I have done is I use a Adjustment layer of gradient map from violet to orange on one side and Blending option set
to Soft light, opacity 55.

10.Step
Place and arrange all alphabets accordingly. I changed the color of letter O to orange with the help of Photo
filter and Hue/saturation.

And now we will work on each alphabet separately.

11.Step
Now comes the color correction part. Make a new Adjustment layer on letter C layer make sure to check the box of Use
previous layer to clipping mask.

And use following settings:

And adjust yellows and magentaas your requirement

12.Step
Now we going to adjust shadows. As you can see in the highlighted areas we have very dark areas and we are going to fix this by
using Soft brush and paint it over to get the following effect in the second picture.
I use some white and some light blue colors.

Similarly we are going to place all alphabets and rearrange and Free transform to get in the proper positions.
Fix the colors and shadows.

13.Step
Now using Pen tool or using tablet make some paths and curves, lines etc on the face of the letters.
Refer to the following image.

14.Step
Now we are going to add pattern overlay to sides of the each alphabets.
Right click on the layer and chose Blending options and then go to Pattern overlayoption and select Diagonal lines, scale it to
100 and use different patterns on each letter and then reduce fill to 0%, opacity to 20 30%.
Make sure that pattern should be on the sides not on the face. You can download the different patterns from Deviantart.

You will get the following result:

15.Step
Add some reflections to the letters. Duplicate the letters layers and Flip vertical. Erase some parts and reduce the opacity.

16.Step
Now we are going to add swirls to the text. Make a new layer behind the text layers, and add different swirls. You can find many
swirls brushes over the Internet. For letter C I use 2089ff color.
Following Blending options (Layer styles).

Color for Inner shadow 87a3ff.

Color for Outer glow 55bafa.

Color for Inner glow 00fff0.

Then I add new Adjustment layer Photo filter: Color filter (82) density to 46%.
To give more depth a make a new layer over the Adjustment layer and select round soft white brush, reduce its f low and applied
to the edges and curves to give the highlights and bevel feeling.

Similarly I done for each letter


[ad#300postad]

17.Step
Now we are going to add some lines and curves. I use Pen tool to make lines and curves. Create a new layer and create your own
path: select 2-5 px brush, color 459cd2 as your convenient and right click and select Stroke path and check Simulate
pressure box, select Brush.

18.Step

Make another layer and add another path smaller to the previous path with different color like 6d87a7.
Refer to the following image:

Make some branches coming out from the lines as I had done. Just repeat the same process with the Pen tool. Now we are going
to add some Blending layer options to give more depth to the lines.

Color used: c1dbff.

Color for highlight mode: 92c5ff.


Color for shadow mode: 0c3459.

Contour to: 46%.

Color used: 54abbb.


For bigger line use some dark colors and play with the settings to get the different results of your liking.

19.Step
Now add some droplets. I used Pen tool to make them and used same color as of the lines and same Layer Blending options.
Duplicate them and reposition and resize them.

20.Step
Find a nice picture of balloon and place it on your canvas. You will find it on Sxc.hu or Deviantart. If you dont find the exact
color of balloon then use Hue/saturation to colorize it. I used the same technique for different colors.

21.Step
For letter O follow the same procedure to make paths and curves and select pink color from the palette menu and here are
the Layer Blending options:

Color used : f7bddd.

Color for highlight mode: ffa2d2.


Color for shadow mode: b13383.

Range: 32.

Color used: ff9ddb.


And duplicate the balloon and use Hue/saturation mode to change its color to pink.
Here is the final result:

22.Step
Now for the letter L, use your creativity for the lines, select normal green color and use these Layer Blending effects:

Color used: 3e7b07.

Color used for highlight mode: d0ff87.


Color used for shadow mode: 2a5f00.

Color used: d2ff00.

Color used: 2e5e0b.


And here is the result:

23.Step
For letter O.

Color used: f9b263.

Color used for highlight mode: ffc580.


Color used for shadow mode: e07313.
Select contour range to 32.

Color used: f8a234.

24.Step

For letter R: make lines and stroke path with color violet then add following Layer blending options:

Color used:01070b.

Color used for highlight mode: 92c5ff.


Color used for shadow mode: 0c3459.
Contour range to 38%.

Color used: d5f9ff.


Here is the result:

Use Curves and Color balance Adjustment layer to enhance your colors and use Smart sharpen filter, use default settings.

Final Result: Colorful 3D text

Download Psd file


Download Psd file
Advertisement

If you like this article, you might be interested in some of our older articles about or Create Colorful Smoky Text Effect in
Photoshop.
Subscribe to our Rss Feed
Well send you updates and tutorials.

Social tagging:: #3d text #colorful text #cool text #photoshop tutorials #text effect

Written by Anant

I m young designer from Kanpur, India. I started learning photoshop by myself as a hobby. I really like photo manipulations and
abstarct designing. Its been a year and a half working as a designer.

Anant Flickr

66 Responses

Image Masking Service say:

awesome post! gr8 job!


thanks for sharing..
1

Clipping Path say:

awesome post! I always love to read your blog post..


thanks for sharing..


Michael say:

Great photoshop tutorial! Love the use of colors and text effects in this tut. It still has a web 2.0 feel, but maintains its uniqueness.
Just remove the balloons and change the color and this text effect can be used for a multitude of designs.
Thanks!

PsdDude say:

Great tutorial i really like 3d text effect it looks cool!

buy louis vuitton say:

great~~

deden say:

great tutorial its full color

TJ say:

it wont let me place the png letter on the bg in ps.

amrmex say:

very good

Harish say:

Cant we make these type of styles in PHOTOSHOP?


gossip girl season 4 say:

Great tutorial this going to help me tremendously with my photoshop skills

10

Toya say:

This would be more useful if the entire tutorial were in photoshop. The title is misleading and without the other programs used in this
tutorial, its rather pointless for anyone to try this.

11

Riyadi say:

Wow
Nice
Perfect
Thanks

12

new dresses say:

very nice logos. and these are not easy to do. i think so logo depends upon the maker idea and creativity.

13

Free PSD Tutorials say:

awesome tutorial amazing:D

14

MsHq say:

great tutorial ..however i would recommending giving links for the resources that u use to make the tutorial alittle easier to follow.
overall great though!

15

suryakant say:

wow !!!!!
it was amazing.
nice creation.

16

Graphics for Facebook say:

nice 3d text tutorial using xara and photoshop,


can I create this 3d text in photoshop cs5?

17

Graphics Design Farm say:

Wonderful tutorial of photoshop. Great idea to use color and text. Thank you very much for share

18

Benjamin Ren say:

!!!!!!!!!!!!!!!!!!!!!thats cool!!!!!!!!!!!!!!!!!!!!!!!!!!!

19

urdu books free download say:

i think this one is really nice, because i was trying to find this article, but couldnt find, but at least, i have found it. and only on your
site, thanks for sharing this.

20

I need to build a resource directory tool for a non-profit site any recommendation?
| Viral List Builder

Argentina Soccer T-shirt, Argentine Futbol Shirt, International Soccer T-shirts | World
Cup 2010
200 Awesome Fresh Articles for Designers and Developers | tripwire magazine
Cool Photoshop Text Effects | Tutorials Photoshop Flash 3d
10 Creative Text Effects For July Jo's Web Creative Resources For Designers
Photoshop Tutorials Roundup: July 2010 | Designious Times
25 Cool Photoshop Text Effects Tutorials
TOPGFX Blog Archive 25 Super Awesome Photoshop Text Effect Tutorials
Todo PhotoShop Recursos ToTaL AcCeSs
Adobe Photoshop CS3 Espaol (1 Link Manual etc.) | descargar gratis taringa
Top 10 Latest Photoshop Tutorial of Year 2010
35 Amazing Photoshop Text Effect Tutorials
40+ Stunning 3D Text Effect Photoshop Tutorials | Free Web Design Tucson
3D effect | JSSAY'S BLOG
40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials | Free Web Design Tucson
35 Photoshop
Peaxl.ru
Thatwebdesignguy Blog Archive 35 Amazing Photoshop Text Effect Tutorials
40+ Stunning 3D Text Effect Photoshop Tutorials | Prabaharan CS Blog
56 Awesome Photoshop Text Effect Tutorials you need to learn 68Design
(68ds.com) Creative Design Transmitter
10 Of The Best Photoshop Text Effect Tutorials
Panduan Membuat 25 Kreasi Photoshop dan Desainer | Little Story About Me
30 Aesthetic Photoshop Text Effect Tutorials - Psdeluxe
Photoshop | LonelyComet |

3D Best Photoshop Tutorial 2010 | webdesign14.com


9 Beautiful 3D text effects with Photoshop | Insfyre
35+ Amazing photoshop tutorials in 2010 | Flash, Design, Vector, Photoshop, Adobe
Tutorials | GraphicMania.net
Amazing 3D Tect Effect Tutorials Free PSD Tutorials for Photoshop,
Graphics,Freebies
15 Most Impressive Photoshop Typography Tutorials | YusraBlog
50 Beautiful Photoshop Text Effect Tutorials | VaneGraphics
35 Photoshop | ,,
, , , , ,
40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials DownGraf Your Graphic
World
Photoshop Links de Efectos! Taringa!
20 Amazing 3D Text Effect Tutorials GraphicBull | Design | Graphics | Layout |
Illustration | Web | Advertising | SEO
Super4desigN.com - 2010-2011
Mega Post Tutoriales Photoshop | Descargar Articulos Gratis
Late Night Stop The Best 3D Text Effects Using Photoshop Tutorials !
40+ Beautifully Fresh 3D Text Effect Photoshop Tutorials | Tutoriali.com.hr
-

32 Amazing Photoshop Text Effect Tutorials


Photoshop 3D Text Effect Tutorials Web Design Stuff
Amazing 3D text effects Tutorials Web Design Stuff
Stunning Photoshop 3D Text Effect Tutorials Web Design Stuff
30 Fascinating Photoshop Tutorials for Creating 3D Text Effects : Web Graphic
Resources : Website Design Tutorials : Photoshop Tutorials for Beginners
Top 10 Killer Typography Tutorials
60+ Photoshop Tutorials 2010 |
Learn 150 Cool Photoshop Effects to Become Master in Photoshop | How to use
Photoshop - Free Course

Leave Your Response


Name (required)

Mail (will not be published) required)

Website

Submit Comment

Notify me of followup comments via e-mail

Advertise Here

Create Colorful 3D Text Effect in Photoshop


How to Mix Hand Drawing Sketch With Photo
Create Blood and Milk Typography Poster in Photoshop
Create Beauty Woman Effect in Photoshop
How to Create Typography Poster Enigma Using Photoshop
Create Cracked 3D Stone Text Effect with Photoshop and Cinema 4D
Create Eye-Catching 3D Tech-Style Text Effect
Create Rockstar Poster in Photoshop
Create Take a Break 3D Text Composition
Create Colorful Blog Web Layout Using Photoshop
Create Beautiful Mystery Grunge Effect in Photoshop
Photoshop Marvel: Transforming the Image of a Girl into a Milk Figure
Create A Gorgeous Light Effect Using Photoshop
Create Stylish Pinky Portrait in Photoshop
Create Bring Me To Life Photo Manipulation Scene
Create A Simple Retro Photo Manipulation Using Photoshop
Create A Light Effect Photomanipulation Using Photoshop
Bicker with Light Effects in Photoshop
Create Colorful Composition in Photoshop
Create A Stylish Dancer Photo Manipulation

o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o

o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o

Popular Photoshop Tutorials

Popular Design Articles


12 Creative Wooden Social Networking Icons
40+ Fabulous Fairy Tales Inspired House Designs
75+ Amazing Logo Design Ideas for Company Logo
25 Cool Photoshop Photo Effects Tutorials
40+ High Quality Colorful 2011 New Year Wallpapers
33 Fabulous Photo Manipulation Photoshop Tutorials
50 Free Graffiti Fonts for Urban Artworks
50+ Free Valentines Day Wallpapers For Your Desktop
30 The Best jQuery Plugins Inspired from Twitter and Facebook
55 Superb Examples of Light Art Performance Photography
A Complete Guide Of Photoshop CS4 Shortcuts
Creative Spherical Social Bookmarking Icons
30 Aesthetic Photoshop Text Effect Tutorials
45 Useful Photoshop Actions for Effective Photo Enhancement
50 Creative Custom Pc Cases Designs
72 Charming Animals In Love Pictures
Free Stamp Social Network Icon Set
40 Awesome Pencil Sculptures
40 Beautiful Black and White Love Photography
60 Stunning Super Heroes Wallpapers

Top 10 Recent Posts


Best Ui Kits For Websites
The Best Free Photoshop Brushes
The Responsive Html5 Templates You Have Been Looking For
Cool Freebies For Cool Designers
Simply the Best Customized Android Homescreens
The Social Media Icon Sets You Have Been Looking For
You Havent Seen Better Portfolio Designs Than These
Wonderful Premium Business Cards Designs
The Most Professional Corporate Brochure Designs For You
The Perfect Fresh Inline Typefaces

o
o
o
o
o
o
o
o
o
o

Membership
Download all .psd source files for each Psdeluxe tutorial, get extra resources, premium tutorials
and much more for only 4.99 USD per month. Join now.
Learn More
Join Now

Go to...
Categories

Crumpled Paper Textured 3D Text Effect In Photoshop CS5 Part


2
Posted by textuts | On 16 May, 2011 | In 3D , Advanced

This is Part 2 of this tutorial. This part will explain how to decorate the 3D
text created in Part 1, and finalize the effect, using some brushes, textures
and adjustment layers.

The Final Result

Tutorial Details

Software Used : Photoshop

Version : CS5 Extended

Time : 0:30 0:45

Resources

RisingSun brushes by env1ro.

gvl Suddenly Spring brushes by gvalkyrie.

Flower Brush Set 1 by gvalkyrie.

Grungy paper texture v.5 by bashcorpo.

Step 1
Once youre done rendering the 3D scene, create a new layer on top of the
Background layer, and call it Dark BG. Fill the new layer with a dark color.
Here, the color#3d3d3d is used.

Download the RisingSun brushes set, and load it into your Brushes Preset.
Create a new layer on top of the Dark BG layer and call it Rays. Set the
Foreground color to #f4edd3, and use brush 3 (or any other one you like) to
add the rays-shape on the new layer.

Change the Rays layers Blend Mode to Soft Light.

Go to Filter > Noise > Add Noise, and set the Amountto 7,
the Distribution to Uniform, and check theMonochromatic box.

Step 2
Download the gvl Suddenly Spring brushes and theFlower Brush Set 1,
and load them into the Brushes Preset.
Pick the Sampled Brush 27 tip, and open the Brushpanel (Window >
Brush) to modiy the Settings as shown below:
Brush tip Shape

Shape Dynamics

Scattering

Create a new layer on top of the Rays layer and call itLeaves. Set the
Foreground color to #a7a400, and start painting some stokes of leaves with the
brush. You can Undo/Redo the process until youre satisfied with the result.

Once youre done painting the leaves, double click on the Leaves layer to
add the following Layer Style:
Drop Shadow

Color : #c6af90

Distance : 2

Size : 0

Inner Shadow

Color : #c7c6b4

Distance : 2

Size : 2

Step 3
Create another new layer on top of the Leaves layer, and call it Flowers.
Set the Foreground color to#e23333.

Pick the Sampled Brush 19, and in the Brush panel, change
the Settings as below:
Brush Tip Shape

Shape Dynamics

Again, paint the flowers on the new layer.

Once youre done painting, double click the Flowerslayer to add the
following Layer Style:
Drop Shadow

Color : #bfa98a

Distance : 2

Size : 2

Inner Shadow

Color : #dfc6c7

Applying the Layer Style adds more depth to the painted shapes, and makes
them pop out even more.

Step 4

Open the Grungy paper texture v.5 and place it under the 3D text layer.

Change the texture layers Blend Mode to Multiply, and the Opacity to
50%.

Create a new layer on top of the texture layer and call itGradient. Set the
Foreground color to Black, and grab the Gradient Tool to create a Radial
Gradient, using the Foreground to Transparent fill. Check

theReverse box so that the black color covers the corners not the center,
and click and drag from the center of the document to one of the corners.

Change the Gradient layers Blend Mode to Soft Light, and the Opacity to
60%.

Step 4

Click the 3D text layer, then, click the Create new fill or adjustment
layer icon at the bottom of the Layerspanel. Choose
the Exposure adjustment layer.

Right click the Exposure adjustment layer, and chooseCreate Clipping


Mask.

This will make the adjustment layer affect the 3D text layer only (the layer
below it).

Change the Exposure to 0.55, the Offset to -0.0080, and the Gamma
Correction to 0.80.

You can change the values as you like, or use other adjustment layers. But
for now, thats it.

And this is the final result once again.

LAST DAY: Complete Mandevilla Font Family - only $17!

Ends: 6hours5min37sec

PARTNERS

PSD Dude

Pixel2Life

POPULAR POSTS