To do so, head to the Appearance Panel, select the appropriate layer and double-click on Drop Shadow and adjust your settings. It is a good time to check if the Drop Shadow needs some adjusting. To clean some of the unwanted portions of the text use the Shape Builder Tool (Shift + M) while holding the Option/Alt key to delete them. Make sure you are at the top-most layer and Paste in Front (Command/Control + F) to paste the text you copied before.Ĭhange its color to white and create an Offset Path with the same values as used before. Make sure that the Preview box is checked and experiment with the values to achieve the best results. Click on the Illustrator Effects button at the bottom-left side of the panel and go to Stylize > Drop Shadow. Head to the Appearance Panel (Window > Appearance). Select the text and square shape, head to the Pathfinder Panel (Windows > Pathfinder) and choose Minus Front to knock a hole in the shape of your text on the square. Make a Copy (Command/Control + C) of the text to be used later. Once you are happy with the placement, go to Type > Create Outlines (Shift + Command/Control + O). Fill it with a nice contrasting color.Īdd your text, choose the font you want to use and size it. Open or import your chosen background image, look at its measures and create a square on top of everything.
Step 1: Add a top layer to the background You should have three groups (layers) of text, the background, the white outline and the front fil l.įor this we will use Little DinoFont by Anastasia Feya's Fonts & Crafts and as the background we will use the Paper Cut Out created in this tutorial. Delete them until you only have the text portions that complete the letters.Īfter the clean up, select all the background letter pieces and Unite them. You will have many pieces of the letters and maybe some unwanted paths mixed in. Select the background text, go to Object > Expand and then, right-click on top and choose Ungroup. To do so, select the white outline and the background text layers and choose Trim in the Pathfinder. If you are using the text for vinyl cutting or something similar and don't want to have to layer the white outline underneath your word, you can cut out that outline through the background text (in our case, we will be cutting the outline through the word Bundles). You can change the color of the front text if you want to. To change the outside color, head to Object > Expand then, right-click on top and choose Ungroup. Go to Object > Path > Offset Path and set the values that work better with your design to create an offset path as the knockout. Īlign this text with the one in the background using Vertical Align Center in the Align Panel, making sure that Align to Artboard is your choice.Ĭhange the Fill color to a contrasting one (we used white). Select the whole word and lines and merge them together using Unite in the Pathfinder Panel. To convert the Strokes to Paths, select them and head to Object > Path > Outline Stroke. Use the Direct Selection Tool (A) if you need to adjust something. Choose a brush size similar to the thickness of your letters. To do so, use the Paintb rush Tool (B) or the Pen Tool (P) if you want. You may need to add some details to the top text so the letters on the sides seem to prolong beyond the background text. If some of the letters overlap, merge them together choosing Unite in the Pathfinder Panel. Once you are happy with your text, select both instances and go to Type > Create Outlines (Shift + Command/Control + O) to vectorize it. Choose your font and size it appropriately.
Now, type the one that will be used as the on top. To center it, in the Align Panel choose Horizontal and Vertical Align Center, making sure that Align to Artboard is your choice. Ĭreate a New Document and use the Font Tool (F) to type your text.įirst, type the one that will be used as the background. We will explore two ways of creating a knockout. First with two fonts, and second we will use a background image with a solid foreground on top and knockout the text from it.įor this version we will use the Samiyatta Font Duo. A knockout effect lets whatever you choose as background show through the foreground, basically placing a solid layer on top over an image or text and knocking through that solid layer to show a portion of what lays behind. In this tutorial you will create a knockout effect with text.
0 kommentar(er)
