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

Design Points n PixelS


Infographic Series - Metal Patterns

6/21/2016

5 Comments

 
Quick tutorial on how to make metal looking patterns in Illustrator using the Pattern creator. Simple to create, easy to use.
Picture
Picture

Picture
Start with a circle, fill it with a dark color.
Picture
Duplicate the circle, then create another duplicate just off from the first. 
Picture
Use the Pathfinder to Minus Front the two circle to create a wedge. Color the wedge lighter and place it on the first circle.
Picture
Select the circle and the highlight. Open the Pattern Panel under the Window Menu. Click on the cheese grate (drop down menu) and select Make Pattern

Picture
This will create a pattern and put it in the Swatches Panel for later use.
Picture
The Pattern will show up as a center element that you can adjust or change size, then the see how the pattern looks with the other elements around it.
Picture
From the Pattern Type in the Pattern Panel, choose the alignment of the pattern.
Picture
Create a shape and fill the shape with the new pattern that is in the swatch panel.

Picture
This one I put a darker box behind to make it look like a drain grate.
Picture
To create a screen, start with a square. 
Picture
Create a copy of the square then duplicate the square off to the side a bit. Use the Pathfinder to Minus Front the two circle to create a sliver. Color the sliver  lighter and place it on the square circle.
Picture
This gives the look of a highlight. Then select the shapes and using the Pattern Panel, turn it into a pattern.

Picture
Create a shape and fill it with the patter and it now looks like a screen.
Picture
The this is a metal fence look. Draw a line. 
Picture
Use the Effects menu > Distort>Zig Zag. Set the settings to smooth and one "lump".
Picture
Then choose Object > Path > Outline Stroke.

Picture
Duplicate the squiggle and then create another copy of it. Offset them and use the Pathfinder to Minus Front the two circle to create a higlight. Color the highlight lighter and place it on the first squiggle.
Picture
Copy the set then turn them so they are perpendicular to each other. Select both and turn it into a pattern.
Picture
Fill a shape with the new pattern. 
Picture
To edit any pattern, simply double click on the pattern in the swatch panel and make any adjustments. It will then change the look of the places where the patterns were applied.
5 Comments

INFOGRAPHIC SERIES - Moon & Craters

6/12/2016

0 Comments

 
Using the Blend Tool, Width Shape Tool and the Gradient Tool you can create this moon with craters and a ring. Fun, quick and easy to create.
Picture

Picture
Start with a circle, fill it with a color.
Picture
Create a smaller circle, fill it with a lighter color. Place it near the top of the first circle.
Picture
Create a 3rd circle, make it into an oval and fill it with a lighter color than the other two shapes.
Picture
In the Tool Bar, double click on the Blend Tool to open up the dialog box. Choose Smooth Color from the Spacing drop down menu.

Picture
Select all the shapes. Using the Blend Tool, click on the bottom of each of the shapes as indicated by the red circles. Start with the top shape, click on the bottom point, then the bottom point of the middle shape, then the bottom shape.
Picture
This will create a smooth blend of all the shapes into a highlighted sphere.
Picture
Create another circle. Add a stroke and add a gradient fill. 
Picture
Open the Gradient panel to adjust the colors of the gradient. Click on the gradient color stops to call up the swatches to choose from.

Picture
Use the Gradient Tool to change the direction and the distance of the gradient.
Picture
Duplicate the shapes (craters) then use the Eyedropper tool to select the attributes of the first circle to make the gradient go the same direction on them all. 
Picture
For the ring, create an oval, apply an 8 pt stroke. 
Picture
Use the Width Shape Tool to make one side wider than the other by pulling on the stroke to make it wider. 

Picture
Select the ring and choose from the Object Menu>Path>Outline Stroke
Picture
Using the Group Selection Tool (nested in the Direct Selection Tool), select the outer ring of the moon
Picture
Copy the outer ring to put it behind the ring.
Picture
Select both the ring and the circle with the Selection Tool. Use the Pathfinder Panel to select the Divide Mode. 

Picture
After the Divide has been applied, use the Direct Selection Tool to select and delete the shapes you don't need to leave just the ring.
Picture
With all the shapes taken away, this leaves the ring with rounded ends that match the shape/arc of the moon. 
Picture
Move the ring into position. And your moon with craters is done!
0 Comments

INFOGRAPHIC SERIES - 3 D Pie Charts the Easy Way

6/5/2016

0 Comments

 
Here is a way to create 3D objects just by duplicating items using the OPTION key and the UP / DOWN arrows. Quite simple and easy.
Picture

Picture
Start with the Pie Chart Tool. Draw a shape with the Pie Chart Tool and it opens the dialog box to input the information.
Picture
Once done, the pie chart comes up with fills of gray and an outline. 
Picture
Ungroup the chart and it will warn you that you can no longer edit it using the chart feature.
Picture
Fill each shape with a color, no fill.

Picture
​Use the Selection Tool to turn the chart into an oval. 
Picture
Select one of the shapes, hold OPTION then hold the UP ARROW until it duplicated numerous times. Then make the top part a slightly darker color.
​
Picture
This is what it look like in outline mode. Just the same shape repeated numerous times.
​
Picture
Select the fill color and the go to the Select Menu>Same>Fill Color. Then use the Pathfinder Tool to add all the same color shapes together into one.

Picture
Repeat the same steps for each pie shape.
Picture
0 Comments

    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