Step 3 Draw details
14. Look at the lines inside this shape. Maybe you can see that these lines create another smaller square. It’s simple enough to draw, but it can get quite complicated when you try to replicate it within Illustrator or any other program. So, let’s start by creating another square right on top. But instead of a Stroke, we’ll make it a Fill so we don’t mess up the stroke area.
You can resize the square by holding down Shift and then dragging.
15. Now go ahead and press Shift X again to turn it into a Stroke. The difference between this stroke and the stroke our main shape makes is that they have different weights, but that’s okay. We just need it to give us our baseline of where all the lines should be.
16. Now, let’s start creating the lines. We will use our Line tool. But first, we need to choose the stroke weights for the lines, and for that, we’ll use the stroke weight of our main logo shape. So, go ahead and select it.
17. Use the Line tool, and while holding down the Shift key, draw a line over the top line of the sketch. What holding down Shift will do is bring this line to the perfect 45 degree angle that we need it at.
18. Then go ahead and enlarge it to get all the lines in perfect shape.
19. Now, press Shift Option (Shift alt for PC) to copy this line at a 45 degree angle and start dragging it to position it over the next line in the sketch. Now press Command D (Ctrl D on PC) twice so our line repeat is perfectly spaced and equidistant from each other.
20. So, it looks good, but I want it to look even better, so I’m going to work on the lines a bit more. I’m going to make them thinner and increase the number of lines.
Make sure the ends of the top and bottom lines are very parallel to each other.
21. Now, highlight everything else, deselect the outer shape, press Shift M then hold Option (Alt for PC) to have the Shape Builder Tool remove the outer parts of the lines that we don’t need.
Start with the big, thick lines first, then move on to the smaller parts. This is how it will look.
22. Now the final shape of our logo design is coming together a bit. The inner lines are thinner than the boundary line of the main shape, but that’s perfectly fine. You are giving the form its balance.
23. Now duplicate this shape by holding down the Shift option (Shift Alt for PC) and dragging. Take it to your left. Mirroring will allow you to save your progress thus far and give you something to return to if something goes wrong. It also gives you a reference point to guide you forward.
24. Now let’s polish our design. Right now, the lines look a bit jagged, so we’re going to round the corners. The easiest way for me to do this is to select all of these lines, go to the Stroke option in the top menu bar, and hit it. From the dropdown select ‘Cap’, which will turn the corners of the lines into rounded caps.
25. The corners of the line are done, let’s do something with the top two corners of the main shape as well. They are contrasting quite a bit with the smooth rounding of the lines and we want to smooth them out very slightly. Highlight the area with the Direct Selection Tool, click on the blue circles and drag them down until you are happy with the curve of the top corners.
26. This is our final logo design form. And we don’t want to waste time with that. Group this shape now by pressing Command G (Ctrl G for PC) and selecting it all and duplicating it on a new artboard very quickly.
27. Now, I don’t want this shape to change every time I try to scale it, so there are a few ways you can secure this shape. One such way is to press Command K (Ctrl K for PC) and press Scale, Strokes