3d letter drawing tricks tutorial b
In this tutorial I volition showcase three dissimilar approaches for creating elementary 3D lettering effects in the context of affiche design. Onward and upward we go!
Introduction
I volition start off by drawing the letter-forms for the 3 words "ONWARD," "AND" and "UPWARD." From in that location I will show three ways to create uncomplicated, yet interesting 3D effects. 3D is the latest craze (See: well-nigh every movie that has come up out in the terminal two years) but my interests are in 3-Dimensional lettering that has old school, subtle, elementary, imperfect, more humanistic qualities. Cartoon inspiration from vintage poster lettering, and overall aesthetics, everything will exist wrapped together to create the full poster design.
Drawing Lettering
Equally always, proficient lettering starts with a sketch. You just need to become the basic idea and composition. The basic idea for this tut is that the poster volition exist split diagonally and the letters will go from big to small (and vise versa).
Stride 1a
This sketch is very rough and is basically there to reference when actually creating the lines in Adobe Illustrator (AI).
Step 1b
Open a new document in AI and paste in the sketch. Lock it in place.
Step 2
Create exterior guides loosely based on the sketch (Drag from the Rulers).
Stride 3a
Side by side, we'll create diagonal guides. Create another guide, simply while notwithstanding selected go Control-click > Transform > Rotate.
Step 3b
In the prompt window enter an Bending of 33 and hit OK.
Step 3c
The guide is now diagonal. Re-create another guide (Click + Elevate + Shift) above and below. All guides are now setup.
Footstep 4a
Adjacent, referencing the sketch and start drawing the letterforms using the Pen Tool. The colour/line-weight doesn't matter at this point, they will exist addressed later. Also, as mentioned previously, the bones idea is that the letters volition go from big to small along the diagonal.
Step 4b
Using the guides as starting points, be sure to proceed the vertical lines on the letter-forms precise by belongings shift while drawing. It might be easier to draw if y'all hibernate the sketch (Toggle the heart icon in the layers palette).
Footstep 4c
The kickoff give-and-take, "ONWARD," is complete.
Pace 5a
Next, apply the diagonal guides and draw the word "AND." There isn't a reference for this in the sketch, but the idea is to draw the letters between the 3 diagonal guides. Sometimes, I like to start with the center letter and work my piece of work out from in that location.
Footstep 5b
Finished the word "AND." Recall, the letterforms can have some variance and unique characteristics, but they nonetheless need to stay independent within the guidelines.
Step 6a
Moving on to the third word, "Upwards."
Step 6b
We're getting closer. Also, just an FYI, I often toggle on and off the sketch to meet how the letterform should be drawn.
Stride 6c
Tip: Smart Guides volition make drawing on the guides and keeping things independent/precise a not bad bargain easier.
Stride 6d
Hither are the completed vector letterforms, shown compared to the sketch.
Multiply and Move
Finally, we get to the 3D effects. Let's get-go simple, with a basic approach.
Step 7a
Using the Round Rectangle Tool, draw a background shape/color (C:30, Y:10) that aligns with the left and top/bottom guides. And ship them to dorsum (Shift + Command + Left Bracket central).
Step 7b
Alter the "ONWARD" to a white fill.
Step 7c
Side by side, select the "ONWARD" lettering and Re-create > Paste in Front end (Command + F). While holding shift, movement it diagonally (approx. to the center diagonal guide). Modify the fill up colour to l% of the background color (C:15, Y:5).
Step 7d
With the "ONWARD" lettering selected, in the Transparency palette, simply change the blending mode to Multiply. That'due south it, a elementary, vintage looking 3D outcome.
Depict and Multiply
Side by side, nosotros tackle a slightly more complicated effect. This will have more cartoon of shapes, and uses the same blending mode as the previous approach, simply with a unlike three-Dimensional outcome. The basic thought is that by drawing shapes that overlap and applying the Multiply blending mode, it will create a darker third colour to accomplish the 3D effect. The fox is getting the hang of how to depict the shapes. Its difficult to explain exactly the process of how to draw the shapes, just seeing information technology help will assist. Hither we go!
Step 8a
With the "AND" lettering selected, change information technology to an orange fill (M: 35, Y: 85).
Step 8b
Making certain Smart Guides is agile, start drawing within the shapes of the "AND" letterform using the Pen Tool. These shapes should accept a darker orange fill up color (1000: 75, Y:100). You should first to see the 3D result.
Step 8c
To complete the interior shape of the "D" within the word "AND," select the ii correct bezier points and Copy, Deselect all and Paste in Front. And so continue drawing the shape.
Step 8d
With the "AND" interior shapes drawn the 3D outcome is apparent.
Step 8e
To really make the effect 'pop,' same equally above, change the blending mode of the "AND" lettering to Multiply.
Fatigued Traditional Color
The third 3D effect uses a more traditional approach of drawing the 3D shapes, extruding from the existing lettering. These letterforms will take a nice, thick 3D effect, accomplished through drawing three shades of a color.
Step 9
Change the color of the "UPWARD" lettering to a light brown (C:25, Thou:twoscore, Y:65).
Step 10a
Again, brand certain Smart Guides is agile. Start by using the existing points, utilize the Copy + Paste in Front method, and so describe outside the shapes of the "Upwards" letterform using the Pen Tool. Color with a medium brown (C: thirty, M: fifty, Y: 75, K:ten).
Stride 10b
To continue the 3D consistency, and with the magic of Smart Guides, utilize a 45 caste angle for the 3D shapes.
Step 10c
Keep congruent with the exterior background shape and keep hammering out the medium brown shapes.
Footstep 10d
Here is shown the medium brown shapes finished.
Step 11a
To stop this off it should be fairly obvious, we need to draw the darkest shade of dark-brown (C: 35, M: threescore, Y: 80, K:25) for the letterforms. In many areas you may be able to just draw dark brown shapes over the gap of existing shapes.
Pace 11b
Use copies of the existing light brown shapes and the Subtract from shape area option in the pathfinder palette to create the medium brown shapes.
Step 11c
The night brown 3D shapes are now consummate, too as the complete 3D lettering issue.
Drawn Traditional Color
Now, to tie this all together and brand it expect similar a existent poster. We'll utilize a few more shapes, textures and color effects to brand it look like a vintage poster.
Step 12a
Commencement, yous may discover that there could be a few areas on the "ONWARD" lettering that might take the dark brownish color. Let'south integrate some textures. Showtime, Copy and Paste in Front the existing medium brown shape you want to integrate texture inside.
Stride 12b
Using textures from my previous tutorial "How to Create a Vector Texture From Scratch," paste the texture into position.
Step 12c
Once the position is finalized (Tip: check the position with a unproblematic clipping mask), select both the texture and copy of the medium dark-brown shape. Use the Intersect shapes areas choice in the Pathfinder palette.
Step 12d
Hitting expand in the pathfinder palette and y'all take texture shades!
Step 13
Apply that process to whatsoever other areas that make sense. In that location are some questionable areas that could use texture but it's a judgment call.
Step 14a
Draw a shape that follows the diagonal guides and fill it with a lighter pink color (M: 35, Y: 21). Add a point on the center diagonal guide and make the light pink shape await like a banner shape.
Footstep 14b
Change the color of the original "AND" lettering to white and scale the banner shape up (and so it doesn't get lost in the other lettering).
Step fifteen
Next, lets make this a bit more fun. Draw an old biplane flying through the letters, with a white string connecting the banner and a dotted white line coming from the banner.
Stride 16
And finally, to really requite it that vintage, muted tone. Depict a light yellow (Y:half-dozen) rectangle over the entire document and change the blending manner to Saturation. Print!
Last Prototype
Some of this info is fairly straightforward, merely hopefully there were a few $.25 in at that place that you could learn from. The last paradigm is beneath. You can view the large version hither. Cheers!
Source: https://design.tutsplus.com/tutorials/create-a-variety-of-3d-lettering-effects-for-poster-design--vector-4305
Kommentar veröffentlichen for "3d letter drawing tricks tutorial b"