Fitness.com
Advertisement
Go Back   Sports Forum > Community > Graphics > Tutorials

Tutorials

Have you found a great tutorial? Have you made your own tutorial?


» Current Poll
Best 5 club teams in history of Football:
Liverpool 1977-1978 - 100.00%
1 Vote
Real Madrid 1956-1960 - 0%
0 Votes
Juventus 1985 - 0%
0 Votes
Milan 1989-1990 - 100.00%
1 Vote
Ajax 1971-1973 - 0%
0 Votes
Santos 1962-1963 - 0%
0 Votes
Torinho 1940's - 100.00%
1 Vote
Ajax 1995 - 0%
0 Votes
Flamengo 1981 - 100.00%
1 Vote
Benfica 1961-1962 - 100.00%
1 Vote
Total Votes: 1
You may not vote on this poll.
» Stats
Members: 48,616
Threads: 84,985
Posts: 1,031,250
Top Poster: Rindalik (4,430)
Welcome to our newest member, kucoco
If you register for free, you will be able to post threads, vote on polls and lots more. If you have problems with the registration or logging in, please contact the administrator.

Reply
 
LinkBack Thread Tools Display Modes
Old 07-25-2003, 12:08 PM   Real 3D Type -- using Layer Styles Post #1
Senior Member
 
Join Date: Feb 2002
Posts: 2,202
Rep Power: 10
theKeeper is on a distinguished road
Default Real 3D Type -- using Layer Styles

Recently i posted this effect on the PST boards, and thought that since it turned out quite well, i'd share it with our gang here too.

The initial technique for this effect was brought to my attention by Greg Vander Houwen. I've modified its application somewhat, to create a new look/effect.

This particular effect is VERY simple to achieve, specifically because of the "Layer Style" filters in PS6 & up. It's a great example of just how powerful these filters can be if used creatively.

1) Create your type layer. Type something simple for now. Use [size=16px]PSG[/size] if you want to directly compare your results with mine.

2) Apply the filters as seen in this, and the following posts (scroll down below this post to the example images containing the settings). Use those settings to start with and tweak 'em after if you like. By the way... the gradient i used was a custom "multi-level" metallic gradient. You can use one of the default "Metallic" presets for now.

3) Press Ctrl/Cmd+J to duplicate the type layer. Then open the EDIT>Transform>Scale filter and increase the height & width to 101%. Click the large checkmark on the far right side of the Options Bar to apply the change.

4) Now just repeat step 3 several times in a row ( count the number of repeats you do! ). You can do this very quickly by pressing Ctrl/Cmd+J then Ctrl/Cmd+Shift+T. The amount of repeats will depend completely on how 'thick/deep' you want your 3D effect to be. When you're done the repeat process, merge all of the new type layers down to one layer ( link them all together and press Ctrl/Cmd+E ) EXCEPT for the initial type layer you made. Leave that one by itself. We need that layer for the reflection.[list][size=14px]TIP:[/size] We're working from the bottom layer upward, and in the image, from the back to the front. That is how we're "building" our effect.[/list:u]
5) Because our type has a depth now, just copying and flipping it over will not work for a realistic reflection. Instead, we need to do step 3 ?over again, but we need to nudge our type layer down 1 pixel as well as scaling it up.

So now, duplicate the single original type layer you made and move this duplicate below the other type layers -- our reflection needs to appear behind our main type.
Then repeat step 3 but after scaling, nudge the type layer down 1 pixel as well.[list]TIP: look along the far left side of the Options Bar. You'll see some X & Y coordinates boxes. Click your mouse in the Y box, and tap the UP arrow key once. Then click the large checkmark at the far right side of the Options Bar to apply the changes.[/list:u] And now repeat the shortcut keys given at the start of step 4; don't forget to count the number of repeats you do! They need to be the exact same amount as you did for the main text.

6) When you have the reflection text created and all merged down onto one layer, flip the type over vertically and move it down below the main text so that the bottoms meet exactly. Add a Layer Mask to this layer and apply a black-to-white Linear Grad over just the text. The black needs to be on the bottom. This'll fade out our reflection. Then lower the Opacity to 50%.

7) And last is our perspective shadow. Select the text on the main type layer, as well as the original type layer. Add a new layer below the main type and fill the selection with black. Deselect. Then gBlur the shadow 1.5 pixels. Use the EDIT>Transform>Scale filter to scale the shadow down to around 1/3rd the normal text height. Then use the EDIT>Transform>Perspective filter and change the perspective of the top of the shadow text. The top of the shadow text should be narrower than the bottom.

Change the solid bg colour to a very subtle white-to-light grey... add a few blurry white streaks across the 'floor' in front of the type, and we're done! ?[righton]

NOTE: If you decide to create your type either smaller or larger than what is shown here, you may encounter a visible border between each of the separate type layers. So the depth effect will not look smooth. In this case, you need to change the scale amount from 1% down to .5%. That should fix this issue. If it does not for you, then change the scale amount to .25% instead. This reduces the visible space between the separate type layers; which will make the effect smooth. However, the trade off is that you'll need more layers. But that's no biggy.

Any questions/comments about this tutorial/effect can be addressed in the "General Photoshop" board.
theKeeper is offline   Reply With Quote
Old 07-25-2003, 12:10 PM   Real 3D Type -- using Layer Styles Post #2
Senior Member
 
Join Date: Feb 2002
Posts: 2,202
Rep Power: 10
theKeeper is on a distinguished road
Default Real 3D Type -- using Layer Styles

Layer Style settings...
theKeeper is offline   Reply With Quote
Old 07-25-2003, 11:07 PM   Real 3D Type -- using Layer Styles Post #3
Senior Member
 
Join Date: Sep 2002
Posts: 2,329
Rep Power: 10
wbiss is on a distinguished road
Default Real 3D Type -- using Layer Styles

[excited] Awesome Mark! Tx a million! [righton] [righton] [righton]
wbiss is offline   Reply With Quote
Old 07-26-2003, 12:56 AM   Real 3D Type -- using Layer Styles Post #4
Guest
 
Posts: n/a
Default Real 3D Type -- using Layer Styles

Great results Mark and as always detailed instructions [righton]
  Reply With Quote
Reply

Go Back   Sports Forum > Community > Graphics > Tutorials

Bookmarks

Thread Tools
Display Modes


Similar threads to Real 3D Type -- using Layer Styles
Thread Thread Starter Forum Replies Last Post
Real 3D Type -- using Layer Styles
Real 3D Type -- using Layer Styles: Recently i posted this effect on the PST boards,...
theKeeper Tutorials 1 01-11-2006 06:45 AM
PS 7 and up Layer Styles
PS 7 and up Layer Styles: Here are some layer styles I made. All are free...
astral1 Resources 4 06-23-2004 11:37 AM
Type styles
Type styles: Hi all Putting together some business cards...
sooty General Photoshop Board 4 02-10-2004 02:12 AM
Layer Styles
Layer Styles: Got an easy qustion here and for some reason I...
Lee General Photoshop Board 7 01-23-2004 08:29 AM
layer styles......
layer styles......: I have suddenly started this week having probs...
sfm General Photoshop Board 5 05-02-2003 12:50 AM

More threads of theKeeper
Thread Date Forum Replies Last Post
ATTENTION! -- About extra pages on large threads!
ATTENTION! -- About extra pages on large threads!: As you may all know, the Forum has had its share...
10-24-2003 Feedback 1 01-28-2004 07:22 AM
Secrets of the Gods: finding your doc's center coords.
Secrets of the Gods: finding your doc's center coords.: OMG i can't believe i forgot all about this! ...
11-07-2003 General Photoshop Board 49 12-28-2003 08:02 PM
Special Effects - using Gradient Maps (by Mindbender)
Special Effects - using Gradient Maps (by Mindbender): The following tutorial was written by Mindbender;...
11-13-2003 Tutorials 3 11-13-2003 09:18 AM
Anyone need this???
Anyone need this???: Hey does anyone care to know how to create this...
10-07-2003 General Photoshop Board 32 10-24-2003 09:20 PM
3D Logo Effect
3D Logo Effect: This is quite a simple effect in reality......
10-08-2003 Tutorials 2 10-08-2003 11:01 AM

Other threads in forum Tutorials
Thread Date Thread Starter Replies Last Post
how to do Fifa 08 ?
how to do Fifa 08 ?: Does anyone know how to do the effect Fifa 08 has...
12-13-2007 FiDELiTY 0 12-13-2007 03:27 PM
Simple BG tut
Simple BG tut: This has had a good response on other gfx sites,...
04-29-2006 Glen Toran 43 03-18-2007 01:38 PM
[Request] Tutorial like this
[Request] Tutorial like this: Is there a tutorial that look as good as these? ...
01-31-2007 MarkRFC 2 02-03-2007 12:09 AM
Sun effect
Sun effect: it's a tut of a noob, me :D i hope you...
10-08-2006 Butze 3 10-11-2006 04:31 PM
file types and paint splatters
file types and paint splatters: when i make my sigs i save them as JPEGS then...
06-27-2006 smog4life 9 07-05-2006 06:20 PM

» Online Users: 18
0 members and 18 guests
No Members online
Most users ever online was 2,128, 07-21-2008 at 08:27 PM.

All times are GMT +1. The time now is 08:36 AM.


Powered by vBulletin® Version 3.8.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0
Fitness.com | Weight Loss | Training & Fitness | BodyBuilding | Chinese | Spanish | French | Germany | Italian | Friend Codes |
You are viewing Real 3D Type -- using Layer Styles.