Photoshop Beach_Ball_Preview

Published on March 15th, 2013 | by Adrien | Supercolor

8

Create a Plastic Beach Ball in Photoshop

Enjoy this Post! Please Help spread the word and Share it!

 

In this Photoshop Tutorial, we’ll learn how to create a simple Plastic Beach Ball with nice colored stripes using basic shapes, Layer Styles and a few Filters.

Download

Step 1 – THE New Document and Main Shape

Open up Photoshop and create a new document 1250x1250px with a Transparent background. Fill this background layer with white, Edit – Fill – White.

Select the Ellipse Tool (U) and create a 850x850px black circle.

Add a Gradient Overlay Layer Style on this circle going from #DBDBDB to #F3F3F3 with those parameters :

Now let’s create the color stripes on the beach ball, select the Pen Tool (P) (make sure the Shapes option is select in the Toolbar), pick a vibrant colour and create a triangle oval shape like below.

Load the select of the big circle, Ctrl+Click on the Thumbnail on the circle shape layer, this will load its select then select the stripe shape layer and create a Layer Mask, Layer – Layer Mask – Reveal Selection.

Add a Gradient Overlay Layer Style on this stripe shape going from #FFFFFF with a 0% Opacity to #FAFAFA with those parameters :

Select the Pen Tool (P), create an other over triangle shape on the top part of the beach ball. I choose a blue colour and add the same Layer Mask than on the other stripe shape.

Add a Gradient Overlay Layer Style on this shape going from #FFFFFF with a 0% Opacity to #FAFAFA with those parameters :

Select the Pen Tool (P), create the third and last oval triangle shape on the right part of the beach ball, I choose a pink colour, apply the same Layer Mask with the big circle selection on this shape

Add a Gradient Overlay Layer Style on this shape going from #FFFFFF with a 0% Opacity to #FAFAFA with those parameters :

Place those 3 stripes shapes layers in a new group, rename the group “Stripes“.

Step 2 – Top Plastic Part

In this step we’ll create the top round plastic part on the beach ball using a few ellipse shapes. Select the Ellipse Tool (U), create a grey oval shape of the top right part of the beach ball like below, use the Free Transform Tool (Ctrl+T) to rotate this shape.

Change the Opacity of this oval shape to 35% and Add a Drop Shadow Layer Style with those parameters :

Create an other oval shape using the Ellipse Tool (U), a little smaller than the previous and add a Gradient Overlay with 2 light grey colours and Drop Shadow Layer Styles with those parameters :

Select the Ellipse Tool (U), create two small oval shapes in the center of the bigger ones. Add an Inner Shadow Layer Style on the first small oval shape with those parameters :

Add an Inner Shadow Layer Style on the smaller oval shape with those parameters :

Place those 4 oval shapes in a new group, rename this group “Plastic Top“.

Step 3 – White Highlights

Let’s now add a few highlights on this beach ball, select the Ellipse Tool (U), create a 850x850px white circle, the same size than the beach ball, select the Elliptical Marquee Tool (M), create an oval selection on 2/3 of the beach ball and create a Layer Mask, Layer – Layer Mask – Hide Selection. Change the Fill of this shape to 5%.

Apply a 2,5px Gaussian Blur Filter, Filter – Blur – Gaussian Blur, on this shape.

Select the Pen Tool (P), create a white highlight shape like below on the left part of the beach ball.

Change the Fill to 5% and Add a Gradient Overlay Layer Style on this shape going from #FFFFFF with a 0% Opacity to #FAFAFA with those parameters :

Create a new layer, select the Brush Tool (B) with a white soft rounded brush around 750px, create a Layer Mask with the beach ball shape selection like before on this layer and change its Fill to 15%.

Create a new layer, select the Brush Tool (B), this time pick a 500px soft rounded brush and paint on the oval shapes, change the Fill of this layer to 15%.

Step 4 – Top Shadows

Create two black 850x850px circles using the Ellipse Tool (U) on the beach ball, change the Fill of both circles to 0%, place those 2 circles in new group, rename this group “Shadow Top“. On the first circle add a Gradient Overlay Layer Style with a Black to Transparent gradient with those parameters :

on the second circle add a Gradient Overlay Layer Style with a Black to Transparent gradient with those parameters :

Step 5 – Blur

Select all the layers we created except the background layer, press the Cmd+Alt+E keys on your keybord, this will create a new layer with all the layers merged inside. Apply a 2,5px Gaussian Blur on this merged layer, change its Fill to 20% and Blending Mode to Overlay.

Step 6 – Shadow

Now we have our beach ball, let’s add a shadow under it, select the Ellipse Tool (U), create a 750x25px oval shape under the beach ball, place this layer just in front the background layer. Apply a 50px Radius Gaussian Blur on this shape.

Duplicate the shadow layer twice, change the Fill of the first duplicated shadow to 25% and use the Free Transform Tool (Ctrl+T) to reduce 50% the second duplicated shadow layer.

Here’s your Beach Ball, I hope you enjoyed this Tutorial, just using a few highlights and shapes you can create some cool looking objects, feel free to download the Source Files if you need help.

Download

Enjoyed this Post? Please Help spread the word and Share it!


About the Author

Hi, I'm a designer and the creator of supercolortuts.com, I like to share Tips and Techniques in Photoshop and Illustrator. Check out my Portfolio at supercolorstudio.com or my Prints shop supercolor.bigcartel.com



8 Responses to Create a Plastic Beach Ball in Photoshop

  1. Pingback: Create a Plastic Beach Ball in Photoshop | News | Design Blog

  2. Pingback: Learn how to create a colorful plastic beach ball in Photoshop | Photoshop Roadmap

  3. Pingback: Creare un pallone da spiaggia con Photoshop - sastgroup.com

  4. Pingback: Best Of Web And Design In March 2013 | Creative Nerds

  5. Brian says:

    That ball looks a little weird and “out of round”. This is definitely a job for a vector program, like Illustrator or CorelDraw. Even if just as a starting point, to then finish off in Photoshop.

    • Thanks for your comment, the colour stripes give this “out of round” feeling. I wanted to show how to create this beach ball from start to finish in Photoshop. You’re right about the fact that starting this ball is Illustrator would be more easy and precise.

  6. Pingback: Tutoriais Photoshop para melhorar suas habilidades de design – Site para Empresas – Blog sobre Internet e Criação de Site

  7. nasr says:

    nice tutorial :) i love it !!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Back to Top ↑

Follow Us and Subscribe!

”Tweeter” ”Facebook” ”RSS” ”Dribbble”