Drawing

How to Break an Egg in Photoshop

Create this amazing broken egg illustration in Photoshop. This in-depth tutorial contains 50 steps to show you how to use shapes, gradients, selections, and more to create this artwork. A full resolution PSD is included with this tutorial.


Preview of Final Results


1


How to Break an Egg in Photoshop – Photoshop Tutorial


Step 1

Remember to do everything on different layers. It is a way easier to merge things rather than tearing them apart. Create a new document with pretty big measurement. My choice is 1858 x 2500. This is a little trick that is common in digital painting. I mean- we will be scaling our output image down in a final step. You are loosing some texture and details by using this gimmick but generally whole image looks better.

Fill the whole area with some orange color that will be our background. Push [ Shift ] + [ F5 ] to open up a fill window. My color is #ea9b0b. This will give us a warm feel. Now pick the gradient tool, choose [radial gradient] from the option bar, pick some lighter color than our base, let’s say # f6b22d, set gradient opacity to about 30% and make one or two gradients in upper part of picture like on the image below.

2


Step 2

Now pick the color #f7e778 and create the selection like below with polygonal marquee tool. Then fill it with a gradient that has options same as before.

4

5


Step 3

Go to Filter > Blur > Gaussian blur and apply it to our second gradient. Choose some very huge value like 160px. In my case I’m setting the ‘soft light’ as a layer blending mode and duplicating the layer. Now pick some darker color like # cc6e00 and use it on a corners. Leave settings as they are except gradient type- you can change it to linear gradient. You can also use the gradient once or twice on the bottom and top of the image. Here is how I made it.

6

And here we get some nice looking warm background. We could leave it as it is, but in my opinion this should be a bit lighter in a middle of an image. I’m leaving it in your choice if you will apply another gradients or not. I’m going to add two additional gradients. I have chose reflected gradient type, a very light color and place them horizontally in a center of image. They are both on different layers. They have blending mode changed to overlay and respectively opacity changed to 90% and 50%. Here is my final background:

7


Step 4

Now we are making the step into basic shapes. Hold down left mouse button or right click on the rectangle tool and choose Ellipse tool.

8

When the ellipse tool is picked, hold [ shift ] and create the circle with color #be713d. I have also aligned it horizontally.

Tip: To center your layer horizontally, click on a background layer in layer’s window, then hold control and click on a layer you wish to center. Pick move tool and click button shown below that exist on a tool’s option panel. You can center your image with grids or selection, but i think it’s an easiest way to achieve this.

tip1

9


Step 5

Once you have a circle you need to modify it a bit to achieve an egg’s shape. To do this, take the Direct selection tool and play with each of the squares of a circle.

10

It’s very important part, so get focus on the shape until you will think that is perfect. Here’s my workflow:

11

And my output:

12

You can download my shape here if you have problem with your own.

egg-shape.csh | 1 KB

Related posts
DrawingPhotoshop TutorialsUpdated

How to Create an Amazing Mixed Media Poster in Photoshop

DrawingPhotoshop TutorialsUpdated

Create a Pixel-Perfect Notebook Icon in Photoshop

DrawingPhotoshop TutorialsUpdated

Quick Tip: Easily Add Cartoon Color and Shading to Lineart

DrawingPhotoshop TutorialsUpdated

Create a Fantasy Warrior Painting From Scratch

12 Comments

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Join Our V.I.P. Mailing List!

Subscribe and get the latest Photoshop tutorials, tips, and more via email. As a way of saying thanks, you'll also receive a free copy of Lomocam Photoshop Actions ($7 retail value).