Jump to content


Photo

New & Improved 3D Text/Logo Tutorial!


  • Please log in to reply
173 replies to this topic

#1 jake2k

jake2k
  • Members
  • 1,363 posts
  • LocationDunedin, Florida
  • Reputation:6

Posted 21 March 2008 - 03:21 AM

Seeing how my last 3D text tut was a big hit but unfortunately a huge headache to many people I set out to find an easier way to accomplish this effect. Now many days... weeks... ok months later I have come up with what I hope is an easier more "noob" friendly tutorial, not to mention the improvement in the visual department ;) .

So without further ado I present to you my "New & Improved 3D Text/Logo Tutorial!"


[#1] Open a new document and insert your text or logo (you can use the align object plugin to center it on the canvas), you can of course use whatever background you like so don't worry about the checkerboard as that is my BG of choice.

Posted Image

[#2] Now open the Rotate/Zoom menu (Ctrl+Shift+Z) and adjust the handy Roll/Rotate orb to a similar position as mine. Remember to experiment with different settings as this can produce some really cool effects, this can be said about almost every step of this tut.

Posted Image

-NOTE: Steps 3 & 4 can be reproduced using pyrochild's outline object plugin-

[#3] Duplicate the layer, place it under the the original and use your motion blur to add the 3d effect. The only thing you have to do the same as me is make sure the centered box is unchecked the rest is up to you.

Posted Image

[#4] To make the 3d-ness more solid your gonna have to hit the duplicate button then the merge button, keep doing this until it looks good and solid but stop before your edges get too jaggy (it took me 6 times).

Posted Image

[#5] Click on your logo/text layer and duplicate it, select the layer under the new layer and invert it from black to white (Ctrl+Shift+I). This step adds a little definition to you 3d image but is completely optional.

Posted Image

[#6] Now you have to add some color to your image, usually I would just invert it white and use one of my ed-fects to do this but it no longer works :x so heres another way: Invert it so that it's white and open your curves menu (Ctrl+Shift+M) and go to the RGB tab then select either one or two colors and move the line to something similar to the picture. You should try and get it close to the color you want but it doesn't have to be perfect...

EDIT: As long as the object is white there are a few different ways you can add color to it like color balance, color filter or color flip/rotate.


Posted Image

[#7] ...it doesn't have to be perfect cause you will be using your Hue/Saturation menu (Ctrl+Shift+U) to "fine tune" the color. Remember to make your motion blur layer a little (or [url=http://hyperboleandahalf.blogspot.com/2010/04/alot-is-better-than-you-at-everything.html]alot[/url]) darker but really you don't have to cause your the artist ;) .

Posted Image

[#8] Now for the fun (and probably hardest) part: adding the "glare". Make a new layer on top of everything and use the line tool to make some lines where you want your glare to be, connect the lines around your object then fill the middle with white. Everyone has their favorite style of glare so just experiment with your placement and shape to find something you like. (i guess that wasn't too hard :P)

Posted Image

[#9] Using your magic wand select the area around your logo/text, move to your glare layer, and hit delete.

Posted Image

[#10] Use your feather blur to make the edges softer. -NOTE: When I do the last two steps I use a method that involves the alpha mask plugin cause it make the lines [url=http://hyperboleandahalf.blogspot.com/2010/04/alot-is-better-than-you-at-everything.html]alot[/url] cleaner the what you get when using the feather blur but for the sake of simplicity I went with this method for the tut.-


Posted Image

[#11] Adjust the transparency of your glare and maybe mess around with your gradient tool in transparency mode.

Posted Image

[#12] -NOTE:You can skip this step if you want to save yourself a possible headache- Your mission, if you choose to except it, is to add some shiny accents! Make a new layer, select your line tool, color = white, and make a small line over an edge of your logo/text. Before you let go of your mouse button note the angle of your line at the bottom of the screen as you will need this for the next step (I made it red so you could see it easier... your welcome!).

Posted Image

[#13] Go to your motion blur and enter the angle that you "noted" in the last step, you can choose what distance you like best and whether or not the centered box is checked. ~I know the next few pics are screwed up but I blame that on lack of sleep~

Posted Image

[#14] Add a few of these, "shinys" as I call them, to your logo/text but not too many! I'm still trying to figure out how to get them to go around curves but there stubborn little fellows.

Posted Image

EDIT: I found a better, faster, easier way to make these: Make your line (it can be curved) then select the gradient tool in transparency mode and click the end of the line dragging it near the center, then repeat on the other side.

[#15] Guess what?... Your freakin done! Merge it all minus the background if you have one, if yours looks exactly like mine then give yourself a pat on the back and if yours looks somewhat like mine then give yourself a back rub cause your an artist who likes to be outside of the box :D . Try a little glow and see if that tickles your fancy and you can of course add a reflection by duplicating the layer, moving it below the top one, and dropping the transparency down a bit. Aaaand don't forget to add a shadow cause that will really make it stand out.

Posted Image

Thank you for taking the time to read my tutorial and I hope no one suffered any brain damage doing so (I probably did writing it). Don't forget to post you results here and spay and neuter your cats and dogs.

Posted Image

Posted Image Posted Image

Posted Image

^Click to visit my Flickr Gallery^


#2 erkansus

erkansus
  • Members
  • 83 posts
  • Reputation:0

Posted 21 March 2008 - 03:28 AM

very nice, great outcome , simple too!
Posted Image
Posted Image
Posted Image
Posted Image
Coded My First WebSite At 11
Built My First Computer At 10
Started Image Editing At 13
Current age 16 :P

I BITE U ^_^

#3 david.atwell

david.atwell

    Former Moderator

  • Members
  • 627 posts
  • LocationIndianapolis, IN (39°46′5.88″N 86°9′29.52″W)
  • Reputation:18

Posted 21 March 2008 - 04:19 AM

You win. :-)

Posted Image

The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.
Amy: But how did it end up in there?
The Doctor: You know fairy tales. A good wizard tricked it.
River Song: I hate good wizards in fairy tales; they always turn out to be him.


#4 Geoff

Geoff
  • Members
  • 65 posts
  • LocationPerth, Australia
  • Reputation:0

Posted 21 March 2008 - 04:20 AM

Definitely beats your last 3D text tut in terms of simplicity and quality, good effort

Geoff

Posted Image


#5 Mike Ryan

Mike Ryan
  • Competition Hosts
  • 4,263 posts
  • Reputation:9

Posted 21 March 2008 - 04:25 AM

#3 Is wrong, it should be Motion Blur not Zoom Blur :wink:

Posted Image


#6 jake2k

jake2k
  • Members
  • 1,363 posts
  • LocationDunedin, Florida
  • Reputation:6

Posted 21 March 2008 - 04:36 AM

#3 Is wrong, it should be Motion Blur not Zoom Blur :wink:


I blame it on lack of sleep :lol:

Posted Image

^Click to visit my Flickr Gallery^


#7 007 Nab

007 Nab
  • Members
  • 2,269 posts
  • LocationThe People's Republic of Socialist Romanistan
  • Reputation:0

Posted 21 March 2008 - 04:50 AM

Very good tutorial - I really enjoyed it and found it easier to understand than your first one way back when.

I also like the new effect.

Nab

"pyrochild, you're my favorite person ever. We should go snowboarding some time."~ 007 Nab. Ish.
Posted Image
Click signature for stock source. Photograph by William Albert Allard. © National Geographic.
PDN Gallery | I Made a Deviant Art!


#8 Frozen_byte

Frozen_byte
  • Members
  • 282 posts
  • LocationGermany
  • Reputation:1

Posted 21 March 2008 - 05:02 AM

Great tutorial and great result:
Posted Image
Posted Image

#9 pyrochild

pyrochild

    Plugin Author of the Year 2012

  • Administrators
  • 11,249 posts
  • LocationColorado
  • Reputation:132

Posted 21 March 2008 - 06:53 AM

Looks good. Maybe we'll get less people asking about WordArt... :roll:

Posted Image
[I write plugins and stuff] [Follow my stupid brain on Twitter]

If you like a post, upvote it!


#10 Jordan C King

Jordan C King
  • Members
  • 67 posts
  • Reputation:0

Posted 21 March 2008 - 06:59 AM

Good Job- I made something way different to this! Good Outcome. :D

Posted Image
Posted ImagePosted ImagePosted ImagePosted Image


#11 Max Power

Max Power
  • Members
  • 1,168 posts
  • LocationGermany
  • Reputation:0

Posted 21 March 2008 - 10:51 AM

I like it and I'm going to use it :D

#12 Dalton

Dalton
  • Members
  • 572 posts
  • Reputation:1

Posted 21 March 2008 - 03:00 PM

One word.
Freakingtotallyawesome!
:P
MyBB Tutorials, check out my site. :)

#13 Sozo

Sozo
  • Competition Hosts
  • 4,386 posts
  • LocationYe Olde Dominion
  • Reputation:9

Posted 21 March 2008 - 06:45 PM

Beautiful as usual Jake!

#14 Dark End

Dark End
  • Members
  • 44 posts
  • Reputation:0

Posted 21 March 2008 - 07:20 PM

Nice tutorial.

Posted Image
Posted Image

#15 ncfan51

ncfan51
  • Members
  • 2,561 posts
  • Reputation:0

Posted 21 March 2008 - 07:45 PM

Impressive, Jake. :)

Posted Image

+_+_+_+_+_+_+_+_+_+_+_+ I am a disco dancer. +_+_+_+_+_+_+_+_+_+_+_+


#16 pyrochild

pyrochild

    Plugin Author of the Year 2012

  • Administrators
  • 11,249 posts
  • LocationColorado
  • Reputation:132

Posted 21 March 2008 - 07:49 PM

Steps 3&4 can be replaced with Outline Object with the angle checkbox checked so that you don't have to duplicate the layer a bunch of times.

Posted Image
[I write plugins and stuff] [Follow my stupid brain on Twitter]

If you like a post, upvote it!


#17 jake2k

jake2k
  • Members
  • 1,363 posts
  • LocationDunedin, Florida
  • Reputation:6

Posted 21 March 2008 - 08:26 PM

Yes after some extensive testing I decided that your outline plugin makes these steps obsolete, this makes things easier so thank you :D

Posted Image

^Click to visit my Flickr Gallery^


#18 The|Liam^x2

The|Liam^x2
  • Newbies
  • 3 posts
  • Reputation:0

Posted 21 March 2008 - 11:02 PM

nice tut :wink: thanks

Posted Image

#19 punisherjb

punisherjb
  • Members
  • 154 posts
  • Reputation:0

Posted 21 March 2008 - 11:17 PM

just when i think their is nothing but rubbish noob posts out of the blue comes a piece of greatness
if everyone had but a shard of your ability we would have no noobs

great tut simple to understand and easy to follow 10/10
recently converted from photoshop
Posted Image

#20 Dalton

Dalton
  • Members
  • 572 posts
  • Reputation:1

Posted 22 March 2008 - 03:41 AM

Everybody's been a noob at one point.
;)
MyBB Tutorials, check out my site. :)