Today we will learn to draw a terrific broken egg. In this lesson there are more than 50 steps, with the help of which you will learn how to create shapes, use gradients and various selection methods. Be patient and try to create your little masterpiece.
So let’s get started!
This is what we should end up with:
Part 1: Draw an Egg
Step 1. First, do not forget that you need to work on different layers. After all, it is much easier then to merge all layers together than to suffer how to separate one part of our work from another.
All subsequent layers that we will create belong to the background group.
To start, create a new document large enough. The author chose the size of 1858x 2500. This is the usual focus that is used when creating digital graphics. In the end we will slightly reduce the size. Of course, some small details may be lost, but in general, the work will look much better.
Fill the background layer with orange. To do this, press [Shift] + [F5] to open the color palette window. The author suggests using color # ea9bob. This is a very warm shade and it will undoubtedly give our work even more elegance. Now choose a tool GradientTool (Gradient) Make sure you choose RadialGradient (Radial Gradient). Take some color lighter than our background color (for example, # f6b22d), set the gradient opacity to 30% and make it one or two fills on the top of our picture. Focus on my drawing:
Step 2. Open a new layer.
And now we take the color # f7e778 and with the help Polygonallasso (polygonal lasso) make a selection. Fill it with the same gradient as before.
Step 3 Go to Filter-Blur- Gaussian Blur. (Filter – Blur – Gaussian Blur) Apply the filter to our second gradient. Select a large value (160 pixels). I personally chose an overlay mode. SoftLight (Soft light). Duplicate this layer. Choose a darker color (for example, cc6e00) and process the corners of our picture with it. Leave all settings the same, change the gradient to LinearGradient (Linear Gradient). You can also go through the gradient a couple of times at the top and bottom of the picture. That’s what happened with me:
It’s time to give a warm tint to our background. Of course, we can all leave it as it is, but, in my opinion, the central part of the picture should be a little lighter than its edges. Therefore, I want to add two more gradients. I chose Reflectedgradienttool (Reflective Gradient) and very light shade. Place the gradients horizontally in the center of the image on different layers. Change the mode to Overlay (Overlay) and set the transparency to 90% -50%. Here is the final version of our background.
Step 4. All subsequent steps will be related to the “whole egg” group.
And now we will create basic forms. Choose a tool Ellipsetool (Ellipse).
Then hold [shift], create a round shape and fill it with the color # be713d. I also aligned it horizontally.
Another tip: To center the layer, go to the background layer, press and hold the Ctrl key. Go back to the layer you want to align. You are taking MoveTool (move tool) and click on the button as shown in the figure below. You can also align the image using a grid or selection, but it seems to me that my method is the easiest.
Step 5. Well, our circle is ready. Now we need to change it a bit and give it an egg shape. To do this, select the tool. Directselectiontool (Direct selection) and experiment a bit with our circle:
This is a very important part of the work, concentrate on the form, work until you yourself feel satisfied with the result. Here’s what I got in the process:
And here is the final result:
However, if you fail, you can download my shape: egg-shape.csh | 1 KB
Step 6. Now right click on the window on the main layer “whole egg”. We choose the option Rasterizelayer (Rasterize the layer). Remember that it is more important for us to create a bitmap image than a vector shape. It is for this purpose that we rasterize the base layer.
Now open a new layer and createClippingMask (clipping mask).
Tip: We create a clipping mask for several reasons: first, we need to get rid of the ugly edges in our form. To create a clipping mask, place the cursor between the layers in the layers window. Hold key Alt. When the cursor changes – left click, select the desired option.
In addition, remember that when you draw a circle, not all pixels are 100% filled. Clipping mask will help us solve this problem:
In addition, if you want to add a little shadow to the new layer, I also advise you to use a clipping mask. If instead you just use a gradient, nothing good will come out. See for yourself:
At the edges of the circle, all the pixels are visible and it looks ugly. Now you understand why in all subsequent steps up to 20 we will work on clipping masks.
From the translator: I advise you not to be lazy and look a little forward. In Figure 34 it is very clearly seen that almost all the layers in the group are bonded together. This is exactly what the author has in mind, saying that we will work on clipping masks. In English, the clipping mask sounds like a clipping mask. Do you understand? Clips – that holds, binds. Therefore, all subsequent layers will be tied to each other. I will call them “attached” layers.
Step 7. So, we have created an attached layer. Now we will work with light and shade and textures. First of all, we need to add a stroke to our egg. This adds contrast and separates it from the background layer.
Take a moderate brown tint (for example, # 854317), select the base layer. (Whole egg). Holding [ctrl] – left click on the layer. We get the selection of the contents of the layer.
Then go to Select–Modify–Contract (Select- Edit- Compress). Enter the compression parameter 2 pixels.
The area you selected should be smaller than the main form. Remove
all the excess with the key Delete (Delete). Deselect by pressing [CTRL] + [D]. Do not forget that you must do it on a new layer! After that, go to Filter > Blur >> Gaussianblur (Filter – Blur – Gaussian Blur). Slightly blur our stroke (set approximately 1.5 pixels). Change the blending mode to Multiply (Doubling), reduce the opacity of the layer with stroke to 50%.
Step 8. If you have at least one attached layer, you can create the second one automatically. Select the main layer (we have this whole egg, 1 copy), create a new layer. The created layer will automatically join our main layer.
Step 9. On the new layer we will add some light. It is very important to remember where the light source is. This will help us to avoid errors in the distribution of light and shade in the future. Now we will create the main source of light.
Select the contents of the egg layer ([ctrl] + [click]). Press the M key and select MarqueeTool (selection tool). Now use the arrows on the keyboard to move the selection. Click [SHIFT] + [ARROWDOWN] and move the selection 10 pixels down. That’s what happened with me:
Now choose some light shade (# e3a977) and fill it with a selection. Click for this Shift+Ffive or go to Edit – Fill, (Edit – Fill). Now move the previously created selection a few pixels to the right and up. If you prefer to use the mouse, and not the keyboard for this – please, no problem. At the end click Delete, to remove all unnecessary.
You can also use EraserTool (Eraser) to clear the bottom of the layer.
And now we go to Filter > Blur >> Gaussianblur (Filter – Blur – Gaussian Blur). Make the settings as shown below. Reduce transparency to 60%
Step 10. Create a new bound layer. You are taking BrushTool (Brush). The color is the same. Draw on the egg area where the light should be reflected.
Then again go to the filter Filter > Blur >> Gaussianblur (Filter – Blur – Gaussian Blur). (you can also click [ctrl] + [alt] + [F] to repeat the previous filter) and set the following settings:
Then remove the part where there should not be a bright light.
Reduce transparency to 20% and change blending mode to Screen (Lightening).
Step 11. We are done with the light. Now it’s time to distribute the shadows. Choose some dark color (I suggest # 915227), take a hard round brush, reduce its opacity to 30%. Spread the shadows around the edges of the egg.
Change the layer opacity to 80% and blur a little with the filter: Filter > Blur >> Gaussianblur (Gaussian blur).
Step 12. Choose color # f7b379. Create a new clipping layer on top of all layers, select a hard round brush and paint on the top of the egg:
Now take EraserTool (Eraser) and delete all unnecessary. This will help dim the light at the bottom of the egg.
Now blur as shown below:
Change the layer opacity to 70%
Since the blending modes are constantly changing, it is very important for us to observe the correct order of the layers. Look carefully at the picture below, make sure that you have the layers the same as mine:
Step 13. If you have everything in order with the arrangement of the layers, create a new layer above layer 10. We will use the same color as in the previous step. Take Gradient tool (Gradient) with 60% transparency. You can make one or two fillings, one more, the other less at the top of the egg.
Change the blending mode to Overlay (Overlap) set the transparency to 80%
Step 14. Create another bound layer above layer 10. We will use again Gradienttool(Gradient). Now we black out the bottom of the egg. But we will not change the color. At first glance, this seems a bit strange, but we will try to simply enhance the colors. We need this in order to avoid a sharp contrast between the clarified and darkened part of the picture.
Create two gradients as before. But transparency in this case should be 30%
Change the blending mode to LinearBurn (Linear Dimmer) set the transparency to 30%
Step 15. Need more work with tones. Select the base layer “Whole Egg Copy 1” (ctrl + click on the layer). Then go to Adjustments(correction). Create a new adjustment layer above all layers. You are taking Vibrance (Vibration) and set the following settings:
Step 16 Now let’s take a look at the texture. But before that we need to customize the basic brushes that we will use in our work. Create a new document 300 by 300 pixels. Select a small hard brush and take a little stroll through it throughout the document. Do not forget to change the size of the brush, use brushes from 3 to 8 pixels, achieve the effect, as if the large spots consist of several small ones:
Tip: You can change the size of the brush in two simple ways: You can press the right and left square brackets on the keyboard ([…]) One click corresponds to one pixel. The second way is even simpler: With the brush active, hold the alt key and right-click. Hold both keys and try moving the cursor left and right. Do you see? You can now instantly change the size of the brush.
And now it’s time to customize the brush. Make the settings as shown below:
Click on this icon:
So we saved our new brush settings.
Step 17. Create a new bound layer between layer 5 and the Vibration adjustment layer.
Choose a dark color, you can even black, set the brush size to 200-400 pixels and paint the egg, as shown in the picture below:
You should have something like this:
Change the layer opacity to 5-10% and blending mode to Multiply (Multiplication). Now see how it should look like at this stage.
Step 18. We continue to work with texture. Create a new layer above the previous one.
Choose a moderate dark color, such as # 7e3b0b. You must constantly change the brush size (from 90 to 500 pixels) and its transparency (from 9 to 30%). However, see for yourself, your settings may well differ from mine. I think the blend mode should be changed to Multiply (Multiplication) See what should end up:
Do not forget that there should be no coarse stains, the texture should be very delicate.
Step 19. Let’s go back to layer 5 with a stroke. It was to him that we created the first bound layer in steps 5 and 6. Select this layer, select the tool. EraserTool (Eraser) and remove the upper part of the egg, as shown in the image below. (Red lines indicate which part of the stroke should be removed.)
Step 20. Now we will add a light texture. Take the tool BrushTool (Brush) and select the brush we created. Draw on the top of the egg, changing the size of the brush from 250 to 100 pixels, and transparency from 50 to 60%. The color will be almost invisible, but if we change the blending mode to ColorBurn (Blackout Basics) you will see that you have not worked in vain. Also try reducing the opacity to 15%.
Although you will not see big changes, believe that they are very important for the work as a whole.
Step 21 Now we deepen our shadows a little. Choose color # 4e2e17. We continue to work on attached layers. Create another one at the top. Choose a small, hard and round brush. Draw several lines as shown below:
Take EraserTool (Eraser) and remove the bottom part:
Head over to Filter – Blur – GaussianBlur(Filter – Blur – Blur according to Gauss) to slightly soften the shadows on our surface.
Set the blending mode to Multiply (Multiplication), reduce transparency to 60%.
Step 22 Select the color # fbbd6d. Now we will add more light to give our egg a more natural look. Choose a small, hard and round brush, change its transparency from 25 to 50%. Draw on top of the egg again. This is what should happen:
Again Filter – Blur – Gaussian Blur (Filter – Blur – Gaussian Blur). Set a radius of 60 pixels, but remember that this only works if you accurately copy my dimensions. Play with the settings to achieve a similar effect, set transparency to 30%, blending mode –VividLight (Bright light).
Step 23 And now we will make the light even more saturated. Take a small brush and in a light color draw a few lines as follows:
Erase a little bit:
Blur with Filter – Blur – GaussianBlur (Filter – Blur – Gaussian Blur), set a small blur radius:
I reduced the opacity of the layer to 50%. In the same method you can add some more points of light. I advise you only to use a smaller blur radius. This is what happens:
Step 24 In these steps we will create several layers with shadows. This is necessary in order to “infuse” our object into the background. To do this, we use a few dark highlights at the bottom of the egg. Select a hard, round brush, color – # e19103 and paint as shown below:
It would be nice to use a clipping mask. Take EraserTool (Eraser) and a soft brush a little smooth out the glare at the edges.
Now we go again Filter > Blur > GaussianBlur(Filter – Blur – Gaussian Blur) with the following settings:
When you use this filter, pay more attention to the final result than to my settings. Experiment! Reduce transparency to 40% and set blending mode to Lighten (Replacing Light).
Step 25. We now turn to the creation of intense shadows. Select the contents of the main layer “Figure Copy 1” (([ctrl] + [click]) and move the selection up a bit. At this stage, you also need to create a clipping mask, this will simplify your work. Fill the selection (on the new layer!) With black or any dark color. Don’t deselect, click on the up arrow and move our shadow a little bit higher.
Delete the excess with the key Delete. Deselect, and Eraser erase the parts of this layer from the right and left edges.
Again we blur Gauss.
Change the blending mode to Multiply (Multiplication), transparency 60%, move the shadow slightly down. If you are not happy with the result, play with the transparency of the layer.
Step 26. It’s time to add some shadow and under the egg. By this we will achieve a visual effect that the egg is floating in the air. We will take Elliptical Marquee Tool (oval area selection). We use a little sophisticated technique, but we need it to achieve the desired effect.
Select the layer Figure copy 1 ([Ctrl] + [click] on the layer thumbnail), open a new layer, go to the main menu in Select – Transform Selection (Highlight – Transform selection). Now you can change the selection according to your desire. Change the size of the selection so that it looks like in my drawing.
Do not deselect! In this case, you can use any selection tool, for example, RectangularMarqueeTool (rectangular selection) Then drag the selection to the desired location.
Tip: You can drag the selection with the up / down arrows on the keyboard. To do this, hold the key Shift and move the selection 10 pixels down:
Step 27. And now we again use Gaussian blur and play a bit with blending modes. We can also use for this adjustment layers Curves (Curves) and Colorbalance (Color balance)
Go to Filter – Blur – GaussianBlur (Filter – Blur – Gaussian Blur). For my work, I used a blur radius of 70 pixels, but you may have other settings. In any case, focus on the picture:
In addition, for this layer, I used the blend mode Difference (Difference) and lowered transparency to 75%.
Place this layer below (below the original layer) and copy it again. You are copying a layer where a Gaussian blur was applied (remember that the original layer is at the top and remains untouched). Change the transparency of the new layer you created to 20% and leave the blending mode Difference (Difference). Now go to Edit – Transform – Scale (Editing – Transformation – Scaling) and change the height a bit (50-70% – what you need!)
This is what should happen:
On the original layer, we will add some more, almost invisible details. We need to scale (up to 25%) and slightly blur.
Set the blur radius to 23 pixels and change the blending mode to Multiply (Multiplication), transparency 25%. You can play with your own settings. As for shades, we will deal with them later.
Author: Maciej kwas
Transfer: Martha Dobrykina