3D Dreamy Scene On The Sky: Tutorial

Posted in 3D Effects, Tutorials • Posted on 17 Comments

title-dreamy Ok, it’s time for new tutorial. I wanted to create dreamy scene in the sky, learning different effects through all tutorial. We will use Adobe Photoshop, Illustrator and cloud stock image. Again we will use 3D effects to get the job done. And yes, if You can use, Xara 3D for this step – it will get a lot better results then using simple Illustrator’s Bevel&Extrude options. If You don’t know what Xara is , check out this review and tutorial using XARA 3D to get cool 3D effect. Let’s begin!

At first we need to find the background with the cloud. I found this one image, download it with clicking on the image and Save Image:

start_image

Step 1

Now I wanted to get more brighter colors, so get Your image settings window with Image–>Adjustments–>Brightness/Contrast. Play with the settings, I got something like this:

cloud-brightness

Step 2

Now I wanted to get wave effect, so the cloud will look like more whirlwind. Go to the Filter–>Distort–>Twirl, Zoom out a little bit to see the preview window with -/+ and use settings like mine to get this effect.

twirl-cloud

Step 3

Okay, now You must open Illustrator, to get 3D letters, You can use Xara 3D to get even better results, but although I know not many people use this program, I used Illustrator. Use light gray color and broad font, ~850pt for better results, to add 3D effect – Effect–>3D–> Extrude&Bevel.

Check “Preview” checkbox to see preview, change extrude depth to 150pt and rotate object until You are satisfied. Repeat those steps changing letters and adding different rotation settings.

extrude-letter

3d-dreamy

Step 4

When You are finished just copy and paste letters from Illustrator to Photoshop, each letter on the separate layer.

Rename all the layers so You can easier navigate between them later. Resize letters, rotate them to look better.

text-on-the-photoshop

Step 5

To get little more brighter colors, duplicate background layer and change blending mode to Overlay.

overlay-cloud

Step 6

Now I wanted to get more interesting and dreamy result, so follow me to these steps:

There are many ways to create this effect, but I used this one. Ok, create new layer and move it to the top.

Switch to Pen tool and create something like this:

curves-snow

Step 7

Switch to brush(B) tool, choose round brush with hardness 0%, then again switch to Pen tool, right click on the curve, Stroke path, use brush and simulate pressure. After that, right click on the path again and Delete path.

curves-snow

Step 8

Now let’s get to the exciting part:

Filter–>Distort–>Wave and use these settings:

wawe-snow

Step 9

The next step is to swirl those bits so use again Filter–>Distort–>Twirl and use maximal angle – 999 and hit OK.

Now Change blending mode to Color Dodge and add Outer Glow.

outer-glow-snow

Now You should be the same result as me:

dreamy-test2

Step 10

Ok, let’s move on, we should add colors to the letters, select letter D layer and with magic wand tool click on the white area, add new layer (CTRL+SHIFT+N),name it “D front” and fill it with color ( ALT+DELETE). We are doing this step for later use, so we could add  brushes on the front of the letter and different colors:

magic-wand

Step 11

Now return to D letter layer, add gradient overlay in blending options, change mode to overlay and reduce opacity, to save 3D look and shapes. Add gradient like You want, play with colors until You are satisfied.

d-letter-overlay

Step 12

Now select “D front” layer, add color overlay or gradient overlay, and add similar color like You did to D letter, just little more brighter, because it’s front of the letter. In the next step we will add brushes to the letter front to get a little bit cooler result. Use Your own brushes, anything it doesn’t really matters – just do the job until it feels good. To do the trick and add brushes only to the letter front, create new layer above the “D front” and add it as layer mask. You can do it holding ALT and hovering between D front and mask layer and clicking between them.

mask

Now with mask layer selected press F5 to get brush popup panel, press B to switch to brush, and brush something over the D letter front. Again feel free to experiment with different brushes, colors, and blending options. If You have no brushes to use check this list with 42 free nature and floral brushes.

I used white color and then added different blending options, outer glow to do the job. Repeat steps 10-11-12 to the rest of the letters, adding different settings, colors and brushes.

My result is like this, click to the image to see it full size:

3d-dreamy-scene

Download PSD version

I hope You learned something from this tutorial and feel free to ask for details. I added also PSD version of the tutorial, so check it out too. Enjoy and thanks for patience!

193 Written ArticlesWebsiteGoogle+

Dainis is 25 years young man, who struggled for 3 years while studying in design academy and working for local design agency, because of ignorant teachers and agency boss. He couldn't believe this is all life could offer to him! And then he discovered true Internet possibilities, he was lucky to find his passion early in life and take advantage of this beautiful Information (Internet) Age! Now he is committed to help others succeed, to help others take charge of their life and follow their passion! His goal is to open Your eyes and help unveil Your true potential!

17 Comments Best Comments First
  • kosyman

    Wednesday, October 15th, 2008 02:49

    1

    Great tutorial! Maybe one day I can get back around to working with some better graphics programs like Photoshop, etc. Most of the artwork I have attempted for clients has been using MS Paint, and I have experimented with a few others along the way too, but the time has not been allotted…

    I really enjoyed the tutorial & will have to come back & check out more of your website – from what I just saw, this website will be a huge online web resource ;)

    0
  • Rahul

    Thursday, October 16th, 2008 17:22

    7

    This is the first time in your website. Must say you’ve got quite a good stuff mate. and this tutorial is no exception at all.

    I’v got this site bookmarked for my future reference as well. Keep it up.

    Rahuls last blog post : Happy Bijaya Dashami – 2065

    0
  • Dainis Graveris

    Thursday, October 16th, 2008 18:58

    8

    @Rahul good to hear! I will continue to submit stuff like this regularly, so be sure to check out this site again!:) Thanks! :)

    0
  • Dainis Graveris

    Thursday, October 16th, 2008 08:14

    6

    Thanks people! :)) Glad to hear!

    @AuthorFriendly not yet, because Photoshop and Illustrator are far more popular programs for now, but I promise in the future to create something different :)

    0
  • Daniel Richard

    Wednesday, October 15th, 2008 18:28

    5

    Neat looking design with the word “Dreamy”! :D

    Daniel Richards last blog post : 8 Ways To Not Accomplish Anything In A Week

    0
  • Dainis Graveris

    Wednesday, October 15th, 2008 15:34

    2

    Thanks, for the kind words, mates! :))

    Yeah, I now Marcus, could be better, but for the first few tutorials, I hope it will be good enough:)) and again appreciate kind wordS!

    0
  • Justin Leaf-Wright

    Wednesday, October 15th, 2008 13:21

    3

    I need your skills mate

    0
  • Marcuss Zilgalvis

    Wednesday, October 15th, 2008 14:38

    4

    Appreciated, could have done a bit more on those symbols, but it’s neat anyway ;)

    0
  • Mohammed

    Monday, October 27th, 2008 12:27

    9

    thanks. Great tut. Keep up the good work.

    0
  • Tutorials Room

    Monday, October 27th, 2008 13:21

    10

    Good Tutorial! It was chosen for the home page of http://www.tutorialsroom.com
    Please submit all of your future quality tutorials in there.

    0
  • Mr.Carrot58

    Friday, October 23rd, 2009 05:06

    16

    It is important to conduct research on this, and to make such research available to educational and professional practice communities in Scotland and beyond. ,

    0
  • Amit

    Saturday, May 5th, 2012 06:17

    17

    It’s really nice tutorial. It’s so simple and u have done a nice job. Thanks for sharing it brother.

    0
  • Michael

    Wednesday, January 28th, 2009 19:35

    15

    Complete frustration as usual with these tutorials. I don’t know Illustrator, but my version does not have a 3D option under effect and all the filters are greyed out when I select the type.

    0
  • azwinner

    Monday, January 5th, 2009 14:46

    14

    great tutorial bro…

    thank for share

    0
  • Tom Ross

    Monday, October 27th, 2008 16:44

    11

    Awesome tutorial. I’ll have to keep my eye on your website :)

    Tom Rosss last blog post : 25 Ultra Inspirational Poster Design Tutorials

    0
  • Michael Stewart

    Wednesday, December 10th, 2008 05:43

    12

    Amazing tutorial that effect is just incredible.

    Michael Stewarts last blog post : Screencastr #9

    0
  • Yustian

    Monday, December 22nd, 2008 07:18

    13

    I like every your tutorial. Cool :)

    Yustians last blog post : Ebook gratis untuk memudahkan belajar SEO

    0
  • Amit

    Saturday, May 5th, 2012 06:17

    17

    It’s really nice tutorial. It’s so simple and u have done a nice job. Thanks for sharing it brother.

    0
  • Mr.Carrot58

    Friday, October 23rd, 2009 05:06

    16

    It is important to conduct research on this, and to make such research available to educational and professional practice communities in Scotland and beyond. ,

    0
  • Michael

    Wednesday, January 28th, 2009 19:35

    15

    Complete frustration as usual with these tutorials. I don’t know Illustrator, but my version does not have a 3D option under effect and all the filters are greyed out when I select the type.

    0
  • azwinner

    Monday, January 5th, 2009 14:46

    14

    great tutorial bro…

    thank for share

    0
  • Yustian

    Monday, December 22nd, 2008 07:18

    13

    I like every your tutorial. Cool :)

    Yustians last blog post : Ebook gratis untuk memudahkan belajar SEO

    0
  • Michael Stewart

    Wednesday, December 10th, 2008 05:43

    12

    Amazing tutorial that effect is just incredible.

    Michael Stewarts last blog post : Screencastr #9

    0
  • Tom Ross

    Monday, October 27th, 2008 16:44

    11

    Awesome tutorial. I’ll have to keep my eye on your website :)

    Tom Rosss last blog post : 25 Ultra Inspirational Poster Design Tutorials

    0
  • Tutorials Room

    Monday, October 27th, 2008 13:21

    10

    Good Tutorial! It was chosen for the home page of http://www.tutorialsroom.com
    Please submit all of your future quality tutorials in there.

    0
  • Mohammed

    Monday, October 27th, 2008 12:27

    9

    thanks. Great tut. Keep up the good work.

    0
  • Dainis Graveris

    Thursday, October 16th, 2008 18:58

    8

    @Rahul good to hear! I will continue to submit stuff like this regularly, so be sure to check out this site again!:) Thanks! :)

    0
  • Rahul

    Thursday, October 16th, 2008 17:22

    7

    This is the first time in your website. Must say you’ve got quite a good stuff mate. and this tutorial is no exception at all.

    I’v got this site bookmarked for my future reference as well. Keep it up.

    Rahuls last blog post : Happy Bijaya Dashami – 2065

    0
  • Dainis Graveris

    Thursday, October 16th, 2008 08:14

    6

    Thanks people! :)) Glad to hear!

    @AuthorFriendly not yet, because Photoshop and Illustrator are far more popular programs for now, but I promise in the future to create something different :)

    0
  • Daniel Richard

    Wednesday, October 15th, 2008 18:28

    5

    Neat looking design with the word “Dreamy”! :D

    Daniel Richards last blog post : 8 Ways To Not Accomplish Anything In A Week

    0
  • Marcuss Zilgalvis

    Wednesday, October 15th, 2008 14:38

    4

    Appreciated, could have done a bit more on those symbols, but it’s neat anyway ;)

    0
  • Justin Leaf-Wright

    Wednesday, October 15th, 2008 13:21

    3

    I need your skills mate

    0
  • Dainis Graveris

    Wednesday, October 15th, 2008 15:34

    2

    Thanks, for the kind words, mates! :))

    Yeah, I now Marcus, could be better, but for the first few tutorials, I hope it will be good enough:)) and again appreciate kind wordS!

    0
  • kosyman

    Wednesday, October 15th, 2008 02:49

    1

    Great tutorial! Maybe one day I can get back around to working with some better graphics programs like Photoshop, etc. Most of the artwork I have attempted for clients has been using MS Paint, and I have experimented with a few others along the way too, but the time has not been allotted…

    I really enjoyed the tutorial & will have to come back & check out more of your website – from what I just saw, this website will be a huge online web resource ;)

    0

Comments are closed.

54.81.166.199 - unknown - unknown - US