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

Design Points n PixelS


Infographic Series - Circuit Board

8/7/2016

0 Comments

 
Create a circuit board using Illustrators grid structure and snap to grid features. One of the issues that comes up is adding the ends on the lines and making them the right size in Illustrator and keep the line weight and end weights the same. I have a cool trick to show you how to make this happen! Enjoy!!!
Picture

Picture
Start a new file and turn on the grid. Go under the View Menu>Show Grid. Then turn on the Snap to Grid. 
Picture
Picture
Using the Pen Tool, click on the grid to create lines that form straight lines, or lines at a 45° angle.
Picture
Using the spacing of the grid, keep the same amount of space between the line in the circuit board.
Picture
Create a random pattern of lines, some short, some long, and different directions.

Picture
Call up the Stroke panel from the Window Menu. You may need to click on the Stroke Panel cheese grate to call up the Show Options.
Picture
Show Options calls up the entire Stroke Panel options. Select all the lines, then set the ends of the lines to be open circles from the list of options.
Picture
This will create circles on both ends. You can set the scale of the end circles to be larger or smaller by adjusting the scale percentage. 
Picture
One of the problems with this is that the line weight is now heavier than the ends. With the ends at 100% the line weight of the ends match the line weight of the line. When the percentage is adjusted up or down, the end weight doesn't match the line weight. 

Picture
To solve the problem with the ends not matching the line weight of the line, copy the lines without the ends. Then paste them into InDesign. 
Picture
In InDesign, use the Stroke panel to add circle ends to the lines.
Picture
Set both the start and end of the lines to be an open circle.
Picture
These line ends are not adjustable in size. But they match the size of the line better. And when the stroke is adjusted up or down, the ends match the stroke of the line.

Picture
Copy the lines from InDesign and paste then into Illustrator.
​Vector objects in Illustrator and InDesign can be copied between either application and it still retains the vector shapes and lines.
Picture
Set the lines to a green stroke once you paste it back into Illustrator.
Picture
Add a green background behind the lines, a bit darker than the original lines.
Picture
Duplicate the grid, then set the lines to a darker green. Then set the darker lines behind the lighter lines Object>Arrange>Send to Back. Then offset it a few clicks to create a drop shadow effect.
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