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

Design Points n PixelS


INFOGRAPHIC SERIES - Security File Folder

2/5/2018

0 Comments

 
Here is a simple way to create a Security File Folder using Illustrator. Simple lock symbol with a file and a file folder complete with an action line to show the file going into the folder. Enjoy!
Picture

Picture
Create a rectangle, filled and a contrasting stroke.
Picture
Draw another rectangle offset on the top. Select both shapes.
Picture
Use the Pathfinder Minus Front mode to remove the smaller rectangle, leaving the file folder tab.

Picture
Use the Direct Selection Tool to select the upper right corner of the tab, them move it to the left to create an angle. (Remember to click OFF the folder before clicking on the upper corner point or the entire shape will move). 
Picture
Picture
Use the Direct Selection Tool to select all the corner and pull the corners in to create equal corners, here I did a 35mm corner. You can see this measurement in the Control Bar. 
Picture
Create another rectangle with the same rounded corners, fill with a lighter color. 

Picture
Picture
Round the stroke corners using the stroke panel. 
Picture
Draw a circle with no fill. 

Picture
Move the circle behind the body of the lock.
Picture
Create a circle and a triangle for the key hole.
Picture
Stretch the triangle taller and place it on the circle.

Picture
Place the key hole in position on the lock body. Group all the shapes together in the lock. 
Picture
Create a rectangle with rounded corners on the stroke. 
Picture
Create a rectangle, rotate it 45° and place the center of the rectangle on the upper right corner of the vertical rectangle. 

Picture
Select both shapes and use the Pathfinder Minus Front Mode to create a file icon. 
Picture
Create an arc from the file into the folder.
Picture
Set the stroke weight to 50pt and add rounded end caps (hotdog the ends). Click the dashed line check box. Set the dash length to ZERO and the gap to twice he stroke weight. 

Picture
Illustrator does not have a dotted line option, so creating a dashed line with rounded end caps and ZERO length dash creates 2 half circles and puts them together to for a dot!
Picture
To get the dotted line, you only need to fill in the first two fields for the dash and gap, not all six.
Picture
Copy the dotted line, Choose Edit>Paste In Place and set the color of the stroke to white and reduce the stroke weight to half of the underlying stroke weight. 

Picture
For the folder slip shadow, copy the folder rectangle, click on the Draw Inside Mode at the bottom of the Tool bar, choose Paste, remove the stroke, darken the fill color and shift it to one side. Click on the Draw Normal Mode when done. 
Picture
.Create a white line on the file and the folder. Create a random dashed line using the Stroke Panel and the values shown above
Picture
You have just created a file folder with a security icon!
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    March 2021
    February 2021
    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
  • Max 2022