Nov 21, 2009

Making Realistic Clouds - Photo Shops Realistic Cloud TUT!

free web hosting
Open Discussion > Xisto Network Sites > The GFXTrap Forum - Trap17 Graphics Site > Tutorials

Making Realistic Clouds - Photo Shops Realistic Cloud TUT!

LooneyMapleStory
Well First off this is just a simple Tutorial on how to make a Realistic Clouds Background
First off you'll need Adobe Photo Shop, After getting that you'll need a Brain, a pair of hands, and a few Basic Photo Shop Skills!
I Created this when I first Started using Photo Shop So this shouldn't be an issue.

okay First step :

Open a new RGB Background with Transparency.

CODE
File -> New


Make the Settings look like this

CONSOLE
Name : Clouds
Preset : Custom
Size : []
Width : 500 | Pixels
Height : 500 | Pixels
Resolution : 72.009 | Pixels/Inch
Color Mode : RGB Color | 8 Bit
Background Contents : Transparent


Then Press The Hot key 'd' To restore the default background and foreground colors(Black and White)

Using the Rectangular Marquee Tool Select the entire background and right click then click fill Fill with the the Foreground color



Next On the Color Palette, set the Background color as #3E6CAA and the Foreground color as #76B6F4.

Then Right-click the background layer on the Layer Palette and choose Blending Options.
Apply a Gradient overlay using the settings below

QUOTE
If the colors shown in the Gradient Overlay window are not the blue shown in the screenshot, click on the dropdown in the Gradient Overlay window and choose the first option.


Create a new layer
CODE
Shift+Ctrl+N
and Press D to reset the Color Palette.

Render the Clouds by doing
CODE
Filter -> Render -> Clouds
Next, render Difference Clouds
CODE
Filter -> Render -> Difference Clouds
Do this Three Time. Do this by using the top menu to execute the Difference Clouds filter once, then pressing the Ctrl-F hot key 2 times to repeat the last filter (in this case Difference Clouds) twice.
It will then look like this


Now Adjust the color Levels
CODE
Image -> Adjustments -> Levels...


Adjust "Input Levels" to approximately: 29, .056, 77 or until it looks like the image below
<levels>
First Select all, then Press Copy, Click the eye icon to the left of your cloud creation layer and hide it. Create a new layer, Enter quickmask mode by pressing the "q" key, Then Paste.


Exit quickmask mode by pressing the "q" key. Press 'd' to reset the colors, Fill the selection with the background color.


Deselect the selection. Hot key is CTRL+D. Now do
CODE
Layer -> Layer Style -> Bevel & Emboss
Set "Size" to approximately 50 px


Now Set Contour to the Gaussian curve.

[quote]If the options shown in the Bevel and Emboss window are not shown in the screenshot, tick the contour sunoption and click on the dropdown in the Countour window and choose the sixth option.

Create a new layer and then do
CODE
Filter -> Render -> Clouds


and then
CODE
Filter -> Render -> Difference Clouds
Repeat Difference Clouds 10 to 20 times until you have a complex pattern.


Now Enter quickmask mode by pressing the "q" key. Paste. (The clipboard should still contain the clouds layer contents (Cloud Texture).)


Exit quickmask mode by pressing the "q" key.
Copy.
Deselect the selection. (command-d)
Click the eye icon to the left of your cloud texture creation layer (Layer 4) to hide it.
Create a new layer. (Layer 5)
Paste.

menu: Filter -> Stylize -> Emboss

1. Set the "Height" to around 50 pixels.


Now do
CODE
Image -> Adjustments -> Levels

and Set "Output Levels" to approximately: 218, 255



Go back to your clouds layer (Layer 3) and "Create Layers" from the Bevel & Emboss effect
CODE
Layer -> Layer Style -> Create Layers




Now Delete the screen layer (white streaks), leaving the multiply layer.
and then Select the multiply layer (black streaks) and:
do
CODE
Filter -> Blur -> Gaussian Blur

Set "Radius" to around 16 pixels.
Adjust the multiply layer's "Fill" to around 50%


Thats it

 

 

 


Comment/Reply (w/o sign-up)

andreip
I'm impressed. Really creative and useful. I knew some other techniques on how to make clouds but this I have never seen before. Awesome again.
Cheers!

Comment/Reply (w/o sign-up)

Xalor
This is a pretty good tutorial and the outcome is pretty great. I will try this soon, the only thing with this is that the clouds usually have a decievable flow, and this doesn't. The only thing we could do is take and try to smudge it slightly getting it to go in the right directions. I like the usage of built in features instead of using premade cutouts or pre-made brushes.

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : making, realistic, clouds, photo, shops, realistic, cloud, tut

  1. Making A Simple Signature With Adobe Photoshop
    A tutorial to basic signature designing: By Accure (3)
  2. Advanced Solutions In Sig Making
    (6)
    QUOTE Advansed solutions in sig making Ok,...first of all,... this tutorial is for people that
    knows the basics,... so beginners sorry,... I will try to learn you how to make sig like this
    Step 1: The most important thing is that you know what you want to do,... we can say that this is
    stock sig,... but it's also much more,... we will use many stock images, brushes smudge,
    filters, c4d and anything that we will fill necessary for our sig to look nice,... When you desided
    what you want as your sig there it's time for gathering materials,... google is yo....
  3. Photoshop - Lightning Tutorial
    How to make realistic lightning in photoshop. (18)
    This tutorial will teach you how to make realistic lightning. 1) Open a new file, set the
    canvas size to about 400 x 300 pixels. 2) Set your foreground color to white and background color
    to black. 3) Go to Filter > Render > Clouds. 4) Go to Filter > Render > Difference Clouds.
    5) Go to Image > Adjust > Invert. 6) Go to Image > Adjust > Levels. 7) Move the arrow in the
    middle all the way to the right. 8) To change the color of the lightning like I did, go to
    Image > Adjust > Color Balance. 9) That's all there is to making realistic ligh....
  4. [gimp] Making A Php-nuke Tech Style Block
    (0)
    This is my first tutorial ever so, good luck to me and I hope Everyone can understand it well
    enough. This is also my fist post As a member of the Forums so, Hello Everyone...I hope I can
    contribute as much as these forums will contribute to me. Since I am a Penny Pincher I will be
    using the GIMP which is like a free version of Adobe Photoshop. If you Never Heard of the GIMP, you
    can get info on it here . If you use Photoshop, you should be able to use this tutorial as
    well.(with some minor changes) Ok, on to the Tutorial: The end product will look like so: And
    c....
  5. [photoshop] Fire Tutorial
    Making fire out of filters... (11)
    In this tutorial I will describe how I immitate fire using filters, in Photoshop. This technique
    works with many canvas sizes, but for this tutorial I used 300x300. - First off, make sure you
    have the default colors as your foreground and background colors (press "D" on your keyboard). -
    Next, render some clouds. Filter > Render > Clouds . - Next, some difference clouds. Filter >
    Render > Difference Clouds . This step, repeat until the light shades take up most of the space.
    Outcome: - Next, we'll mess around with the lighting effects. Filter > Render >....
  6. Making Icons With Mspaint
    And some icon uses and howtos. (9)
    Ok, so this is simple. Open up a canvas. Click atrobutes, size. Choose 16x16 or 32x32. Now just
    paint away!!! Once you are done, save this as iconname.ico replacing iconname with whatever you
    want to call it. Save it, and you will hopefully see the icon! you can use this on your site by
    renaming it favicon.ico, but remember: it has to be 16x16 for sites. You can also use it as
    something like a folder or document. Just right click and hit properties, then look for something
    where you can change the icon (it should be 32x32) and BOOM! (I am using linux at the time of writ....
  7. Photo To Comic
    (10)
    Use a big pic for this tutorial, mine was originally 1600x1200 so... step 1. choose a pic. Copy
    the layer and select the new layer... then stamp it (Filter->Sketch->Stamp) and choose Cutout
    (Filter->Artisic->Cutout) When you stamp it try to keep as many details as possible... it may look
    messy but the cutout will take care of that. Set the blending to Overlay, and there you have it!
    There are probably alot of similar (hopefully not identical) versions of this tutorial... well...
    enjoy.....
  8. Making A Photoshop Pattern
    (2)
    This was my first tutorial EVER! Please comment....
  9. Making Adobe Photoshop Brushes
    how to make brushes in photoshop (3)
    This tutorial is based for Adobe PhotoShop 8.0 Want to know how to make a brush in Photoshop?
    /blink.gif' border='0' style='vertical-align:middle' alt='blink.gif' /> well then this tutorial is
    for you! Please read the post carefully. 1. First make a 150 by 150 canvas. Make sure the settings
    are: Preset: Custom, width: 150 -pixels, height: 150 -pixels, resolution: 72 -pixels/inch, color
    mode: RGB color -8 bit, background contents: white . Click the Text tool. Then change your font,
    size. I recommend you Porcelain for your font, and the size 200 px. You should kno....
  10. Making A Fuzzy Graphic
    with PS7 or higher (4)
    Needed: Photoshop 7 or higher (can also use PSP) 1. Select a graphic to use, generally one with
    large graphics instead of small details 2. Go to the Layer tab> Duplicate Layer 3. Go to the
    Filter tab> Texture> Patchwork with Square size 4 and Relief of 8 4. Go to the Filter tab> Blur>
    Motion Blur with an angle of -35 (35 degrees) and a distance of 100 pixels 5. Then, on the Layers
    tab (or Windows tab> Layers), have that pixelated layer highlighted and then do 55% opacity. 6.
    Save and show off to the world: NOTE: You can always modify the angle and distance of....
  11. Quick Photo Gallery
    photoshop photo gallery (0)
    I'm not sure why people bother to download photo gallery apps when there's a much quicker
    way of creating one. If you have photoshop installed, scroll down the file menu to automate and
    it's all there. Creates the web page, has a couple of different layouts, with thumnails and all
    the javascript. It sort of dumb that you can't do the same thing in imageready. I've been
    using it alot lately and it does what most of those free downloadable apps do but much easier i
    find. It also gets you used to using the automate feature of photoshop. Once you get the....
  12. Making Matrix Code Using Photoshop
    (3)
    1) Open a new file,choose any size. Make the background white. 2) Go to Filter>Texture>Grain, like
    the following: 3) Go to Filter>Artistic>Neon Glow, like the following: 4) Go to
    Filter>Stylize>Glowing Edges, like the following: The end, choose whatever colour u want but if
    you want propal matrix try that and it will lok good /wink.gif' border='0'
    style='vertical-align:middle' alt='wink.gif' /> ....
  13. Making Infrared Digital Photography
    ...simple as it can be..... (2)
    Click for enlarged image First we open the image the image that will be converted to infrared
    mode. It is important that this is image that has lot of sunshined surface. Autumn time with lot of
    newborn plants and bluming trees are the best object for infrared images. We then make the copy
    of layer1 with Layer -->Duplicate layer --> OK. we must open afterwards Image -->Adjustments -->
    Channel Mixer... We check Monochrone, and then push slider for Red color to 200%, slider for
    Green to -40% and slider for Blue to -60%. Important thing is that sum of red, green ....
  14. Photoshop Tutorial
    A Realistic Sun (17)
    Well, Once Again, I present another tutorial, this time, credit goes to Nathan Ng. Let's begin:
    ***TO SEE HOW IT LOOKS LIKE, SCROLL TO THE BOTTOM OF THE TUTORIAL*** Tutorial: A Realistic Sun
    STEP 1: Start a new document about 800x800. We will intially make it large, then scale it down.
    It looks better that way. - Create a new layer. - Then use the eliptical marquee tool, and while
    holding down shift, create a circle selection. Make the selection almost as big as your canvas.
    STEP 2: - Fill the selection with black. - Now go to Filter >Render >Diffe....

    1. Looking for making, realistic, clouds, photo, shops, realistic, cloud, tut

Searching Video's for making, realistic, clouds, photo, shops, realistic, cloud, tut
See Also,
advertisement


Making Realistic Clouds - Photo Shops Realistic Cloud TUT!

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com