Introduction to Effects in Illustrator
Adobe Illustrator is used by plenty of creators, designers, VFX artists, etc. to create vector-based graphics such as emoji, logo, webpage and so on using various effects in Illustrator such as Paper Cut Effect, Water Reflection Effect, and Line Art Effect and there are countless effects on the software for refining user experience in their visual standards, all these help to design things straight from the user-developed concepts to the digital medium for use in magazine, logos, brochure, and websites.
How to Apply Effects in Illustrator?
As all the software tools have smart working processes and shortcuts for making the effects we shall see them once after the other in detail.
1. Paper Cut Effect
Step 1: Open Adobe Illustrator and open a new file. Select Pen tool Shortcut on the keyboard is the letter “P”. Start drawing the outer most shape as needed and close the loop. Repeat the same inside the drawn structure twice as shown in the below image.
Step 2: Create the rectangular outer or squared outer for the complete image we can also use the complete artboard or file size for the better visual appearance of the effect. “M” is the hotkey or select the shapes from the toolbar on the left pane of the application.
Step 3: Flip the color panel control so that we can see the selected area clearly for further process of the effect. Select shape building tool “Shift + M” for selections of the exact area.
After selecting the tool, select any portion of the artboard we can see that the specific area is selected exactly eliminating others as shown below.
Step 4: Now select the colors to be filled inside the portions designed as regularly observed and best practice are to select the same color with differing RGB value as going deeper as selected in the image to give more realistic visual.
We can also go with multiple different values of colors as required.
Step 5: This is a few setting to get the deep paper cut effect by placing the portions of art in different arrangements. Select the innermost layer and go to Objects from Menu bar and go to Arrange and select Send to back.
Objects -> Arrange -> Send to back
Step 6: Select one of the remaining components after the other and set their arrangement to bring to the front individually.
Select the object -> Arrange -> Bring to Front
Step 7: The main move which brings life to work is to add shadow to the components. Select all 3 components of the design and click on Effects, go to Styling and select Drop Shadow. The drop shadow details window opens.
Effects -> Styling -> Drop Shadow
Step 8: Configure the Drop Shadow details as given below which are standard we can even change the values if need based on the look, feel and requirement.
Step 9: Make the artboard to the center of the application or screen and check if any more repetitions or changes are required. If everything is fine we can export the file to image formats and save it.
2. Water Reflection Effect
Step 1: Open the new artboard with a rectangular shape and create the objects which must be reflected we can use different shapes and objects to make the reflecting. Create text using shapes, pen, brush, and other tools.
Step 2: Select the design created and click “O” from the keyboard to enable reflection, hold the Alt key and select the anchor point to reflect the object in the respective direction. Double click on the reflection tool shown below to open the windows to configure the values. As water reflection is observed naturally on the bottom side so select Horizontal from the window and click on copy to create a reflection copy.
Step 3: The reflection copy sets are created, select the reflection copy and click down arrow button to create the gap between original and reflected objects.
Step 4: Select all and press Ctrl + G to group everything on the single file. Press Shift + F7 or windows -> Align to open Align options.
Click align to Artboard which aligns the content to horizontal Align Center and Vertical Align center to get the component frame exactly to the center of the frame.
Step 5: Select the selection tool and drag and select all the components and right-click and select ungroup options. This separates the objects for selection.
Step 6: Double click on the warp tool from the toolbar. Wrap configuration window opens and configures the setting of the wrap as given values to create a diagonal warp tool.
Step 7: Select the object which must be created as waves and move warp tool along them to create waves effect as shown in the image. Repeat this for every object.
Step 8: After completing the warp moves on the design, we can add and delete few more anchor points if required for detailing and shaping at curves and repeat the warp tool move to get the shape. In the end, we get them out as shown below or even better based on the practice. By this, we can add a water reflection effect to design content.
3. Line Art Effect
This is the other most simple and easy effect.
Step 1: Import or create the shape which must be created into lines and create a new layer with the name of lines.
Step 2: Select lines from the toolbar and draw 2 lines with stroke and configurations as required. Place both at the start and end of the design as shown below.
Step 3: Select the blend tool and select both lines and click enter to fill the gap with lines in between.
Step 4: Double click on Blend Tool to open the Blend window options, configure the option to maintain gaping uniformly.
Step 5: Select lines layer and go to Objects from the menu bar and select expand.
Step 6: Expand window opens configure the window options and click Ok.
Step 7: The lines and objects both must be in different layers sharing the same area.
Step 8: Click the object layer (lion) and select lines layer and select Sharp builder tool hold Shift + Alt and drag the corner on to the lines which are not on the object (lion) which gets deleted automatically.
Step 9: Now remove the object layer also now we can see a line remaining in the shape of the object which is used as a reference. This is how we get lines art effect from Illustrator.
We have seen how to create a few interesting effects through Illustrator. This is the tool designed for quick artworks, effects and interesting things for graphic designers of various roles such as VFX, web designing, arts, paper editors, Magazine makers, logo makers, brochure makers and many more. The tool needs to be understood and get enough practiced by beginners to be habituated with the interface. This tool is used in many studios providing opportunities to art students to get in a job. Illustrator is the top smooth vector-based creating tool for objects many upcoming icons and emoji are developed through this tool.
This is a guide to Effects in Illustrator. Here we discuss how to create different Effects using layers and different option in Illustrator. You may also look at the following article to learn more –