1、How To Design a Flat Teacup Logotype in Adobe IllustratorStep 1Lets start shaping our cup from the circle. Use the Ellipse Tool (L) to make a 275275 pxshape.Take the Eraser Tool (Shift-E), hold Alt and erase the top half of the circle. Do the same for the bottom of the shape, erasing a small part to
2、 make the bottom of the cup flat.Extend the shape up a bit to make the cup taller.Step 2Take the Rounded Rectangle Tool and make a thin stripe of 17520 px size for the saucer. Use the Eraser Tool (Shift-E) to delete the top part of the saucer and attach it to the cup.Make the saucer a bit darker to
3、make the shapes clearly visible.Step 3Lets add a handle to our cup. Make a 13080 px shape using the Rectangle Tool (M). Select both the cup and the rectangle and click the cup once again to make it a Key Object (you will see a thick selection). Head to the Align panel and click Vertical Align Top to
4、 align both shapes to the top of the cup.Now we can use the Direct Selection Tool (A) and the Live Corners feature to make the handle rounded by pulling the circle markers.Step 4Select the handle and go to Object Path Offset Path, setting the Offset value to -20 px in order to create a smaller shape
5、 inside.Select both shapes and use the Minus Front function of the Pathfinder to cut out the inner shape.Finally, place the handle behind the cup by using the Shift-Control- keys combination.Step 5Lets add a trendy semi-transparent shadow to our flat cup. Select all the elements of the cup and dupli
6、cate them (Control-C Control-F). Keeping the copies selected, Unite them in thePathfinder into one single shape.Use the Eraser Tool (Shift-E) while holding Alt to delete the left half of the merged shape. Switch the Blending Mode of the remaining shape into Multiply in the Transparency panel and adj
7、ust the color, darkening the right part of the cup.Step 6Now lets make a stylized steam rising from our hot cup. Use the Line Segment Tool () and hold Shift to make three vertical lines. Head to the Stroke panel and set the Weight to 6 pt, Cap and Corner to middle positions, this way making the tips
8、 of the lines rounded.Go to Effect Distort & Transform Zig Zag. From here, set the Size to 5 px, Ridges per Segment to 3 and Points to Smooth, creating wavy flowing lines.Step 7Lets make a simple green leaf for our tea. Use the Ellipse Tool (L) to make a 9090 px circle. Select its top anchor point w
9、ith the Direct Selection Tool (A) and Convert selected anchor point to corner from the control panel on top.Drag the point up a bit, making the leaf bigger and use the Line Segment Tool () to draw a vertical line across the leaf for the midrib.Step 8Add a few veins to the leaf. Select the veins, dou
10、ble-click the Reflect Tool (O) and select theVertical Axis. Click Copy to flip the shape horizontally and attach the veins to the opposite side of the midrib.Step 9Make another leaf of darker color and place both elements behind the cup, making them fit the composition.Step 10Lets finish up with our
11、 logo by adding some text to make the overall composition look balanced and completed.Use the Artboard Tool (Shift-O) to make your canvas square, setting its size to 600600 px. Place the cup in the center of the Artboard and add some text to your liking with the help of the Type Tool (T). Im using free fonts like Source Sans Pro and Euphoria Script.Author: Yulia Sokolov
