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

Design Points n PixelS


INFOGRAPHIC SERIES - DNA Helix

8/13/2017

0 Comments

 
Create a DNA Helix icon. Sounds complex, but it is quite simple. This is take on ropes, knots and twists that had been posted a while back. Simple twists, over and under lapping of lines and you have a twist!
Picture

Picture
Start with a line. give a stroke weight of 35 px. 
Picture
Select the line and add a Zig Zag effect from the Effect Menu> Distort & Transform> Zig Zag.  Set the line to Smooth, Size to 50 pt to get a nice wave effect. Click OK. 
Picture
This is the Zig Zag effect. 
Picture
Go to the Object Menu and choose Expand Effect to convert this to an editable line. 

Picture
Use the Direct Selection Tool to delete all but the portion of the line as shown. 
Picture
Open the Appearance Panel. Click on the lower left corner icon to add an additional stroke to the existing stroke. Make the stroke BEHIND the blue stroke white, make it 60pt. 
Picture
Select the line and RIGHT + CLICK and choose Transform> Reflect. 
Picture
Reflect the shape and choose COPY.

Picture
This will duplicate and flip the shape. 
Picture
Using the Appearance Panel set the top stroke to black. 
Picture
Use the Direct Selection Tool to select a single portion of the line. Copy that portion of the line and paste it onto the end of the chain.
Picture
Send the line to the back or to the front to get the effect of the overlapping/ underlapping lines. 

Picture
Repeat the copying of the lines. 
Picture
Send the line to the back/ bring to the front to get the overlap. 
Picture
Add lines and send them to the back to create connection lines in between the helix. 
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