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

Design Points n PixelS


INFOGRAPHIC SERIES - Digital Fingerprint Icon

2/12/2018

2 Comments

 
You have seen these icons everywhere for your fingerprint password or identification. Here is how you create this icon... and you may be surprised just how it's done, and this doesn't require the pen tool or any drawing of curves. The Polar Grid Tool is the trick on this!
Picture

Picture
Access the Polar Grid Tool nested in with the Line Tool. 
Picture
Click on the document with the Polar Grid Tool to call up the settings. Set the width and height to 1200 pt and the concentric dividers to 14, no radial dividers.
Picture
Click OK and you will get this set of concentric rings, perfectly spaced. Ungroup the rings. 

Picture
Delete the outer 7 rings to leave the 7 inner rings. 
Picture
Use the Direct Selection Tool to select the bottom half of the 7 rings and delete, leaving the upper half of the rings. 
Picture
Select the Polar Grid Tool, click on the document to redraw the identical set we began with.

Picture
Use the Direct Selection Tool to select and then delete the upper half of the rings. 
Picture
Use the Direct Selection Tool to select and then delete the left half of the rings. ​
Picture
Move the 1/4 ring into place matching up the lines exactly with the upper half of the 7 rings from the previous steps. Select everything and ungroup it.

Picture
Using the center of the rings, draw a circle from the center (hold OPTION / ALT to draw from the center) and match the size to the outer ring.
Picture
Select everything and use the Pathfinder Divide Mode to chop off all the extra lines.
Picture
Ungroup everything. Using the Direct Selection Tool remove the small segments at the lower edges of the lines as show. 

Picture
Select everything and rounded the ends and round the corners as well.
Picture
This will be the result of removing the end segments and leaving the arced tails.
Picture
Double-click on the Eraser Tool. Set the size to 45 pt and click OK.

Picture
Use the eraser to erase the paths to break the lines. Use the right bracket ( } ) to make the eraser larger, left brakcet ( { ) to make the brush smaller to vary the spacing if desired. 
Picture
The end result is a fingerprint icon that required no drawing of arcs or manipulating the spacing. Yes, it really is that easy!
2 Comments
Ali Hopkins
6/15/2018 06:06:46 am

Hello,

I love this tutorial, but I am super beginner and I know this is more intermediate. Why when I start deleting with the direct selection tool is everything going away. Is it because I am not adding enough duplicate layers? When I delete with the direct selection tool I am ultimately left with nothing by the end but 1/4 of the polar grid.

Reply
Jason Hoppe
6/26/2018 07:34:13 am

Hi Ali
Here is a quick video on how to selection the portions of the concentric circles using the direct selection tool without deleting all the sections. https://youtu.be/FgYdMznN4NM

Reply



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