Jelly Fish Delight Photoshop Tutorial


This is Jelly Fish Delight Photoshop Tutorial Training
Screen shot 2010-02-09 at 12.21.16 AM

First we’re going to open a document with dimensions:
Screen shot 2010-02-08 at 10.17.46 PM

CREATING THE BACKGROUND:

We’re first going to create the background.  Click the little black and white circle that’s at the bottom of the layers palette and select “Gradient” like the picture below:
Screen shot 2010-02-08 at 10.21.36 PM
Make sure the dialogue box looks like this:
Screen shot 2010-02-08 at 10.29.31 PM
Then select the rectangle next to the word “Gradient” and insert the following settings:
Screen shot 2010-02-08 at 10.30.28 PM
Rename this new gradient layer “Gradient.”  After you rename it copy it by selecting it in the layers palette and selecting Command + J.  With the new duplicated layer flatten it by adding a new layer above it, selecting them both in the layers palette and pushing Command + E. You should now have 2 layers in the layers palette… the original gradient and the flattened duplicated gradient.
Screen shot 2010-02-08 at 10.36.27 PM
Now, we’re going to add an inner shadow to the duplicated layer.  Select the duplicated layer in the layers palette and click the little “fx” in the bottom of the layers palette and select “inner shadow” and enter the following settings:
Screen shot 2010-02-08 at 10.38.37 PM
This is what we should now have:
Screen shot 2010-02-08 at 10.39.08 PM
Now we’re going to add some glows to make the background look a little more unique than just a gradient.  Grab the brush tool and select a circular brush with a hardness of 0% and a foreground color of #ccffff.  Create a new layer above the duplicated background layer and click once in the middle of the background image.  Set this layers blending mode to “Overlay”  Do the same for another dot but on the left side of the image and with a color of #336666. Here is the result:
Screen shot 2010-02-08 at 10.42.15 PM
It’s a subtle change but enough to add a cool effect.  Now, select all of these layers and push Command + G on your keyboard to group them.   Name the group “background.”

CREATING THE TEXT

Now we’re going to add the text.  First go here to download the Star Avenue font that we’ll be using.  Select the text tool (t) and type “king tutz” on the stage (or whatever you want your composition to say).
Screen shot 2010-02-08 at 10.48.06 PM
Find a good floral brush on the web (there are tons out there). Using your floral brush paint a new floral on it’s own separate layer.  Make sure each floral is black so it best blends with the text.  Here is what we came up with:
Screen shot 2010-02-08 at 10.50.29 PM
Group all of these floral layers and the text layer and name the group “text.”  Duplicate this layer as we did before with the background group and flatten the group (command + E) as we also did with the background layer before.  Name this new flattened layer “kingtutz.”  We flatten this so we can add different effects like a drop shadow and a gradient overlay.  Click the “kingtutz” layer in the layers palette and select the little fx in the bottom of the layers palette and click “drop shadow.”  Enter the following settings:
Screen shot 2010-02-08 at 11.42.09 PM
Then select the check box next to “gradient overlay” and add the following settings:
Screen shot 2010-02-08 at 11.42.25 PM
We should now have this:
Screen shot 2010-02-08 at 11.42.57 PM

BACKGROUND REVISITED

We want to add some more cool effects to the background using the brush tool as we did before.  However, this time we’re going to set the layer blending modes to “saturation.”  We only added 2 different layers. We grouped these layers and named the group “random glows”  Here is the effect we got:
Screen shot 2010-02-08 at 11.52.26 PM
Now, we’re going to add some blurred dots to the background so we need to create a custom brush.  To do this, we need to select the brush tool (b) and select a round brush with a hardness of 53% and a size of 102 px.  Then in the Photoshop menu at the top of the screen select window > brushes.  Enter the following settings for the brush:
Screen shot 2010-02-08 at 11.55.16 PM Screen shot 2010-02-08 at 11.55.21 PM Screen shot 2010-02-08 at 11.55.27 PM
Use a nice green (00cc99) and create a new layer and start clicking to create random circles.  Click about 4-5 times and then create a new layer, change the brush color and click again.  Repeat this a few times until you get the desired amount of dots.  You can even select a dots layer and select filter > blur > gaussian blur and increase blurring to add perspective.  Set the dot layers to overlay ( you can also experiment here to create your desired effect).  Once you have the effect you like.  Group all of these dot layers and name the group “dots.”  Here is the effect we came up with:
Screen shot 2010-02-08 at 11.58.31 PM

ADDING JELLYFISH

This is a cool part.  We’re going to add jellyfish but first you need to download this jellyfish Photoshop brush.  After you’ve downloaded and installed the jellyfish brush, create a new layer beneath the “kingtutz” text layer.  Click to add various sizes and shapes of jellyfish on the stage (make sure each jellyfish is on it’s own layer).
After you have the desired jellyfish, we’re going to add gradient overlays to each jellyfish.  Click one of the jellyfish layers you just created and select the little fx at the bottom of the layers palette and select “gradient overlay.”  Enter the following settings:
Screen shot 2010-02-09 at 12.05.13 AM
Screen shot 2010-02-09 at 12.05.19 AM
Add this same gradient overlay to each jellyfish.
Screen shot 2010-02-09 at 12.07.54 AM
We want the jelly fish to pop more so we’re going to duplicate each jellyfish layer and set the layer blending mode to normal.  Here is what the layer palette should look like (after some grouping and organizing of the jellyfish layers). Also, here is the effect we have so far:
Screen shot 2010-02-09 at 12.08.44 AM

Screen shot 2010-02-09 at 12.08.51 AM

JELLYFISH GLOWS

Now we’re going to use the brush tool to click and paint a white dot (on it’s own layer of course) on top of each jellyfish.  We’ll then set the blending mode of these new layers to normal.  Group the layers and name the group “jellyfish glows.”  Make sure this group is above the jellyfish group.  This makes the middle of each jellyfish look like it’s glowing  We should now have this:
Screen shot 2010-02-09 at 12.12.27 AM

ADDING BUBBLES

To create a more underwater effect we’re going to add some bubbles.  First download the bubbles here.  These are istock photos so if you plan on using these for a publication make sure you have proper rights.  Open the bubbles in our Photoshop document.  With the bubbles selected select image > adjustments > invert.  Then, set the bubbles layer blending mode to “screen.”  Then, grab the eraser tool and erase some of the harsh lines around the image.  After you’ve done this, push command + U on your keyboard and set the saturation to -100.
Screen shot 2010-02-09 at 12.19.06 AM
The bubbles need to pop more so select the bubbles layer and then select image > adjustments > brightness/contrast and enter the following settings:
Screen shot 2010-02-09 at 12.18.33 AM
Now, we’re going to duplicate this layer, and erase pieces of it as we place it around the text.  Here is what we came up with:
Screen shot 2010-02-09 at 12.21.16 AM
That’s it!  If you made it this far… congrats!  You’ve just created a pretty cool composition and learned some advanced moves.

IF YOU ENJOYED THIS.  SUBSCRIBE TO OUR RSS FEED TO GET FREQUENT UPDATES.  ALSO, LEAVE A COMMENT AND TELL US WHAT YOU THINK!  THANKS!


0 comments:

Post a Comment