Here is the result of our lesson:
(Click to enlarge)
Today you will learn how to create a cute Twitter Twitter icon in Photoshop.
Translator’s Note: while working, change the name of each layer in order not to get confused and look for the desired layer for a long time. Do not rasterize the layers, they should all be vectorial. Carefully look at the pictures, so as not to be mistaken with the settings.
Step 1. Create a new PSD 800 file? 600 pixels, 72 dpi, RGB color and white background, draw a circle, color # 0099FF. Drawing a circle, hold Shift, so you can create a perfect circle no matter which direction you drag the mouse.
Step 2. Pinch Alt + Shift and duplicate the circle to create the character’s head and body. Both vectors will remain on the same layer.
Step 3. Now change the proportions of the duplicated circle. Click Ctrl + T, to cause free transformation.
Step 4. Using the tool Arrow (Direct Selection Tool), change the contours so that the sides of our birdies smoothly passed into the head.
Step 5. Later we will add layer styles for shaping. To create the eyes, we will create a vertical oval and duplicate it, as we did earlier.
Translator’s Note: In the same way, draw the pupils, just hold Shift to create the perfect circle.
Step 6. When we are finished with eyes, we will create hair. Create two similar vectors of different sizes.
Step 7. Now it is the turn of feathers for the tail. Draw a rounded rectangle with a radius of 30 pixels. Via Arrows (Direct Selection Tool) select the 3 top anchor points and click Ctrl + T. In the top menu, click on the paper-like icon to keep the proportions. Then, hold the mouse on “W” (width), pull to the left, change the value by 60%.
Translator’s Note: to select the top 3 points, arrow tool select a rectangle so that exactly these points fall into it, they will turn black.
Step 8. Create 4 copies of this layer, rotate and reduce to make feathers for our bird’s tail.
Step 9. Now reduce the length of the tail by clicking Ctrl + T and pulling up the bottom edge.
Step 10. Now we will create a bird’s beak. Create a small horizontal oval.
Step 11. After selecting the top and bottom anchor points, lift them up a few pixels up to create a sad expression.
Step 12. Use 30-pixel rounded rectangles again to create fingers (3) on character’s legs, then duplicate to get a pair.
Step 13. With the tool Pen (Pen Tool) draw a tree branch. Create additional anchor points, then use the Arrow to give the branch the desired shape.
Step 14. Duplicate this path, (Alt + Shift), press Ctrl + T and set the top menu width (W) to 20% more.
Step 15. Match the two extreme points on the right in one place, and connect the left edge with Pen , to get one circuit.
Step 16. Now we will create the fingers. Draw a Ellipse , and then instrument Arrow move one of the points closer to the center. Then, using the levers on the pivot points, create a shape like in the image below.
Step 17. You need to create 3 fingers for each hand. We will arrange them as if they are intertwined.
Translator’s Note: duplicate fingers, as in the previous steps – using the arrow tool , hold down Alt + Shift and drag the outline. First create only 3 fingers, and position as shown.
Step 18. After we have created the fingers of one hand, duplicate them by dragging, holding Alt + Shift, and then click Ctrl + T and select Flip horizontally (Flip Horizontal).
Translator’s Note: it was more convenient for me to duplicate the second hand on a new layer, so as not to be confused with the contours and arrange it as needed.
Step 19. Next, using the tool Pen (Pen Tool) create hands.
Step 20. Now create a tear on the left cheek of the bird, we will need only 3 steps. Draw a circle, select the top anchor point and drag it upwards. Using tool Angle (Convert Point) make the angle sharp.
Step 21. Now we can start adding layer styles. Hide the layers with hair and hands to better see what we will do on the body. Add Inner shadow (Inner Shadow). Uncheck the box Global light (Use Global Light) and set the angle to 90.
Step 22 Let’s return visibility to layers with hair and hands. Double-click on the thumbnail of the hair layer. When the color editor opens, pipette the color of the edge of the head. Now the hair is perfectly combined with the rest of the body.
Step 23 Now add volume to your eyes. Add a layer style Gradient overlay (Gradient Overlay). We will use a Radial Gradient, from white to black, set the angle to 90. Reduce the size (Scale) to 50% so that the transition from one color to another is not so soft.
Step 24 Inside gradient editor (double click on it) place another point on one third of the scale (30%), this will make it more accurate and sharp.
Step 25. Now add Inner shadow (Inner Shadow) to give your eyes a reflection.
Step 26. Add Internal glow (Inner glow), using the values shown in the following image.
Step 27. Now add stamping (Bevel and Emboss) and Stroke around the eyes. For a stroke, set the color to # 0099FF.
Step 28. Now adjust the parameters Stamping. Use the settings shown in the figure below, they will help us achieve the 3D effect.
Step 29. Add External glow (Outer Glow) around the eyes, it will give the edges a glow, like plastic.
Step 30. Finally, add soft shadows to mark the neck of our bird.
Step 31 Work with pupils. We will use Internal glow (Inner Glow) black color, multiplication mode (multiply). The source of the glow is set in the center (Center), and not from the edge, as is usually used. Increase the Choke to 100 and the glow to 10 and we get ideally located pupils.
Step 32 Add Linear gradient (Linear Gradient) to create volume inside the iris. To give a plastic glow it will be better if the gradient is darker at the top.
Step 33 Make a little brighter lower edge of the iris. Remove the global light checkbox again and set the following settings.
Step 34 I added some shadow to highlight the iris and create a small emboss around it.
Step 35 To make your eyes look more realistic, let’s add highlights. Create a small horizontal oval and change the shape as shown. Duplicate it, as we did earlier, and place it on the other eye.
Step 36 Staying on the layer with the flare, remove the Fill to 0%, add Gradient overlay (Gradient Overlay).
Step 37. Now add a reflection on the iris, as if the light is reflected from the eyes.
Step 38 Now we add the shadow of the hair on the head. Select hair layer and go to panel Contours (Paths). Select our outline and click below on the icon to convert the outline to the selection.
Step 39. Move the selection to the right, if necessary, change the size and tilt of the selection (using Ctrl + T). Create a new layer, and draw a shadow with black soft brush with a pressure of 10%.
Step 40. To remove excess, use a soft-edged eraser. Repeat all steps for the second part of the hair.
Step 41 Now we will work with the bird’s beak. First, add a shadow under the beak.
Step 42 Now add a shadow to the bottom of the beak.
Step 43. Add a Internal luminescence (Inner Glow) to highlight the beak.
Translator’s Note: the color should be slightly lighter than the beak.
Step 44. On the new layer, draw two small circles, change the fill value to 30%. Then add Casting a shadow (Drop Shadow). This will give volume to the nostrils on the beak.
Step 45. Now we will work on a tear. Use Gradient overlay (Gradient Overlay) with type – radial to create volume.
Step 46 Add Inner shadow (Inner Shadow), remove the global light checkbox (global light) and set the settings as in the following figure. This will add shine to our tears.
Step 47. Finally add a shadow from the tears.
Step 48 Now let’s work with the paws. Add Inner shadow (Inner Shadow) to give the impression as if the light falls at a 90 degree angle.
Step 49. Add Internal glow (Inner Glow) to give a 3D effect.
Step 50. Finally proceed to the tail. With the help of the gradient, add a shadow from the branch to the tail.
Step 51. Add stroke (Stroke), 3 pixels wide, to give volume to pens. Use a darker color than the character’s body.
Step 52 Add some texture to the branch of the tree. Use for this parameter Emboss and Bevel (Bevel and Emboss)
Step 53 Add Inner shadow (Inner Shadow) to make a highlight.
Step 54. Now go to the hands. Set the values below.
Step 55 Now select Blending options (Blending Options) and tick as shown. This will allow us to hide unwanted areas under the mask.
Step 56 Now create a selection (use the tool Rectangle selection (Rectangular Marquee)) and add a layer mask.
Step 57 Soft brush black, remove the excess on your hands so that you can not see a sharp transition
Step 58. Now we will create a shadow for the hands, but this time not with the help of layer styles. While on a layer with wings, go to the outline palette and click the icon again to convert the outline to a selection.
Step 59 Now click Ctrl + T and select Deformation (Warp) on the top menu, twist the outline as shown in the picture, create a new layer and fill with black.
Step 60. Now use the filter Gaussian blur (Gaussian Blur), set the value to 2 pixels.
Step 61. Set the settings as shown below. Add a mask to this layer and paint over the unwanted areas with a black soft brush.
Step 62 Now go to the cams. Let’s start with the shadow.
Step 63. In the next step, add a 3D effect using the parameter Emboss and Bevel (Bevel and Emboss).
Step 64. Now add a shadow to the bottom of the cams.
Step 65 A little light up the upper part of the hands.
Step 66. Now open the contours palette, we will draw each finger on a separate layer.
Step 67 Convert the outline to selection and soft. brush In black, draw a shadow as shown below.
Step 68 Navigate Selection – Modification – Compress (Select – Modify – Contract) and set the value to 1 pixel.
Step 69 Next, add a layer mask, take a soft black brush and gently remove the excess.
Step 70. Do this step with each finger, but be sure each finger on the new layer, in the future we will not be difficult to remove unnecessary. Once you are done, select all the layers with your fingers and click Ctrl + E. Then you can reduce the intensity of the shadow by lowering the opacity.
Step 71. Now add a reflection on the bird’s body, we will use the techniques from the previous steps.
Step 72. Navigate Selection – Modification – Compress (Select – Modify – Contract), set the value to 6 – 7 pixels.
Step 73. Now we will make feathering, set the value to 2 – 3 pixels.
Step 74. Create a new layer, set the mode to Overlap (Overlay), and a soft white brush to make highlights.
Step 75 Squeeze the selection by another 3 pixels, and swipe again with a brush.
Step 76. Now we erase too much. Press Ctrl + H to hide the selection in order to better see the area you are working on.
You can add any background and our Twitter is complete!
But the translator version:
Author: Alberto Sosa
Transfer: Akimenko Akimenko