Jason Hoppe Adobe Certified Expert & Adobe Certified Trainer
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio

Design Points n PixelS


    BLOG
    ​SIGN UP

Sign Me Up

INFOGRAPHIC SERIES - Paper cutouts

3/17/2019

3 Comments

 
Creating a paper cut out look in illustrator can produce great effects. This simple method of creating a gradient with a drop shadow and inner glow will give you this look.
Picture

Picture
Create a rectangle and fill it with 10% gray. 
Picture
Create a small rectangle for the ground. Fill it with white.
Picture
Use the Corner Widgets to round the ends of the rectangle. 

Picture
Apply an Inner Glow Effect with the Mode set to Multiply, color set to 75% gray, Opacity at 65%, Blur of 3mm.
Picture
COPY the shape and add a gradient that goes from 20% gray to white. 
Picture
On the gradient filled shape, add a Drop Show Effect. Set the Mode to Multiply, Opacity of 45%, X offset at 7mm, Y offset at 6mm, Blur at 4mm and color is black.

Picture
To save these fill and glow/ drop shadow attributes, drag the shape with the Inner Glow applied to it, into the Graphic Styles panel and name it. Do the same with the shape that has the gradient and drop shadow. 
Picture
Create a rain drop by starting with a circle. Click on the Graphic Style to apply the gradient with the drop shadow.
Picture
Use the Direct Selection Tool to move the top point up.

Picture
In the Properties Panel click on the Convert Point to convert it from a smooth to a corner point. 
Picture
Copy the rain drop and apply the graphic style with the Inner Glow to one rain drop and the gradient and drop shadow to the other. 
Picture
Place the inner glow behind the and the gradient with the drop shadow in front. Rotate the rain drops and create smaller and larger groups. 

Picture
Place the rain drops in the setting. 
Picture
Create clouds by putting several circles together. Select all the circles. 

Picture
Use the Pathfinder Unite mode to make them one complete shape. 
Picture
Draw a rectangle over the bottom of the clouds, select the cloud and the rectangle and use the Pathfinder Minus Front Mode. 

Picture
Apply the inner glow style to the clouds. Duplicate the clouds and apply the gradient/drop shadow and place it in front of the other clouds.
Picture
Create a butterfly by starting with an oval, rotate it at 45°.
Picture
Copy the oval, reduce the size and rotate it to -45°.

Picture
Flip the set of wings to create the butterfly. Select all the shapes in the butterfly. 
Picture
Use the Pathfinder Unite mode to create a complete shape. 
Picture
For the antenna, start with a circle, no fill, 8 pt stroke. 

Picture
Use the Direct Selection Tool to select and remove one corner section. Hot Dog the ends in the Stroke Panel.
Picture
With the Pencil Tool, draw a straight line from the open circle. 
Picture
Duplicate and flip the antenna.

Picture
Select both antenna and choose Object>Path>Outline Path. Make these a compound path, choose Object> Compound Path>Make.
Picture
Apply the inner glow graphic style to the butterfly, duplicate the butterfly and apply the gradient/drop shadow style. 

Picture
Draw a line with the Pencil Tool to create the path of the butterfly. Apply a 7pt stroke in 20% gray to the line. Click on the dashed line, set dash to 12, gap to 24 and hot dog the end caps. 
Picture
Select the path and choose Object>Path>Outline Stroke. Apply the gradient/drop shadow effect to the line. 

Picture
The drop shadow/inner glow may be too big on the small line. To edit the effect, open the Appearance Panel and click on the Effect to reduce the amount of drop shadow or inner glow
Picture
Duplicate the line and apply the inner glow to the line and place it behind the gradient/drop shadow line. 
Now anything you create can have the paper cut out look!
3 Comments
Bre
3/19/2019 11:34:21 am

Thanks!! Great tutorial... I was a little confused on the properties panel, because I do not have that panel, but I figured out how to make the raindrop.

Reply
jason hoppe
3/19/2019 11:36:59 am

Hi Bre
The Properties panel is on the newest version of Illustrator. If you are running an older version, then the Convert Anchor Point will be in the Control Bar.

In the newer versions of Illustrator it will be in both the Properties Panel and the Control Bar.

Reply
lynellwb
3/19/2019 07:32:21 pm

Hello, I tried this and the raindrops look like they are from a very dark place. Why are the rain drops coming out black and not white?
thanks,
Lynell

Reply



Leave a Reply.

    RSS Feed

    Archives

    December 2020
    September 2020
    August 2020
    July 2020
    June 2020
    May 2020
    April 2020
    March 2020
    February 2020
    January 2020
    December 2019
    November 2019
    October 2019
    September 2019
    August 2019
    July 2019
    June 2019
    May 2019
    April 2019
    March 2019
    February 2019
    January 2019
    December 2018
    November 2018
    October 2018
    September 2018
    August 2018
    July 2018
    June 2018
    May 2018
    April 2018
    March 2018
    February 2018
    January 2018
    December 2017
    November 2017
    October 2017
    September 2017
    August 2017
    July 2017
    June 2017
    May 2017
    April 2017
    March 2017
    February 2017
    January 2017
    December 2016
    November 2016
    October 2016
    September 2016
    August 2016
    July 2016
    June 2016
    May 2016
    April 2016
    March 2016
    February 2016
    January 2016
    December 2015
    November 2015
    October 2015
    September 2015

    RSS Feed

Proudly powered by Weebly
  • Home
  • Contact
  • Classes
  • Blog
  • Blog Index
  • Portfolio