Jelly Fish Delight – Photoshop Tutorial

.

Final image preview:

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!

[download id=”17″ format=”1″]

Share
Preston Lewis
Preston Lewis
I'm a digital illustrator, screen printer, man behind the madness of Newfire Creations and lover of all things entrepreneurial! I have an undergraduate degree in international business and finance and an incessant drive to learn and create. :)
Recent Posts
Showing 86 comments
  • Mariel

    Very realistic, yet imaginative composition!
    Jelly Fish delight is a hit tut :)

  • carsoncross@gmail.com

    Great Job! Definitely Downloading!

  • Chris

    It certainly does sting… of awesomeness

  • clipping path

    the work is so real..i like the job.. :)

  • mmhayii

    what was the floral brush you use?? where did you download it.. thanks…

  • Belle

    Great tutorial thanks!

  • nomii

    aaaaawsooooooome

  • A good tutorial for a nice creation. I like this.

  • makjla

    love the tut and the floral brush you used! Where can i find it pls?

  • Amy

    […] Jelly Fish Delight […]

  • Web Design company

    Another great tutorial. This kind of post is really whta I’m looking for. Thanks for sharing this.

  • Web Design company

    This tutorial is really useful. I can also use this to produce different photo. Thanks for sharing it.

  • hi wats your myspace page

  • Bruce

    […] 31. Jelly Fish Delight […]

  • Clippingimages

    so fishy…nice tutorial indeed…thanks for sharing…

  • Steve

    […] Jelly Fish Delight […]

  • Al Kamal Md. Razib

    Nice jelly fish design ! well done job ! Thanks for sharing.

  • Rokaiya Yeasmin Munni

    Yes, really this is a inspiring tutorial. Now i will try to create a soft background with glowing jellyfish for my blog. Thx..

  • Tom Peterson

    Great illustration Preston. You done a great job here.

  • Çocuk Oyunları

    This tutorial is really useful. I can also use this to produce different photo. Thanks for sharing it.

  • Oyunlar

    […] 53.Jelly fish delight […]

  • harrows darts

    I’m adding your blog rss feed so that i can see your new posts. Keep up the good work!

  • Rylie

    Just wanna input on few general things, The website design is perfect, the content material is real superb : D.

  • the affiliate code

    you are really a good webmaster. The website loading speed is incredible. It seems that you are doing any unique trick. In addition, The contents are masterwork. you’ve done a fantastic job on this topic!

  • seo services delhi

    As I web site possessor I believe the content matter here is rattling excellent , appreciate it for your hard work. You should keep it up forever! Good Luck.

  • Elias Silverio

    good post! i will said many thanks for you. its very helpfull for me, i will adiing feed your blog now

  • Moving Companies NH

    Thanks for posting. I bookmarked this. Will check back often. :)

  • wakacje Grecja

    I think other web site proprietors should take this website as an model, very clean and great user genial style and design, let alone the content. You’re an expert in this topic!

pingbacks / trackbacks

Leave a Comment

Contact Us

We're not around right now. But you can send us an email and we'll get back to you, asap.

Start typing and press Enter to search