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

Design Points n PixelS


INFOGRAPHIC SERIES - Classic Rocket

7/31/2017

1 Comment

 
Classic Rocket, fun to create and so cool! Few basic shapes, Draw Inside Mode and you have a cool rocket ship to blast off!
Picture

Picture
Start with a circle. 
Picture
Duplicate the circle and overlap the first one by half. 
Picture
Select both circles and use the Intersect shape mode in the Pathfinder Panel .
Picture
Draw a rectangle over the bottom of the shape.

Picture
Select both shapes and use the Minus Front mode in the Pathfinder Panel.
Picture
Drag the bottom pull handle down to stretch the shape to make the rocket body. 
Picture
Draw another circle, darker color fill. 
Picture
Duplicate the circle vertically about 25%. Select both circles.

Picture
Use the Minus Front command in the Pathfinder Panel. 
Picture
Place the arc behind the body of the rocket. Draw a vertical line, add a stroke and round "hot dog" the ends. 
Picture
Use the Width Shape tool to widen the top of the line.
Picture
Draw a rectangle over the top of the rocket body. 

Picture
Use the Divide Mode in the Pathfinder Panel. Use the Direct Selection Tool to delete the extra shape leaving the tip. 
Picture
Draw a circle for the window, add a light blue fill. 
Picture
Select the center leg and Expand the line under Object>Expand.

Picture
Select all the shapes and add a 15 px stroke of 70% gray. 
Picture
Duplicate the tip and body. 
Picture
Use the Pathfinder Panel to unite the two shapes into one. Remove the stroke. 
Picture
Set the opacity of the shape to be 30% and the blend mode to Multiply. Copy the shape. 

Picture
Select the body and use the Draw Inside Mode at the bottom of the Tool Bar. Paste the shape into the body and place it offset to create a slip shadow. 
Picture
Select the tip and repeat the Draw Inside Mode and paste the shape into the tip, move it into place and then click back on Draw Normal at the bottom of the Tool Bar. 
Picture
Time to blast off in your rocket! 
1 Comment

INFOGRAPHIC SERIES - Fly Swatter

7/26/2017

0 Comments

 
With summer here, things are flying around and it just occurred to me that creating a fly swatter in Illustrator is super simple. This uses the Rectangle Grid Tool to make the fun and easy. 
Picture

Picture
Select the Rectangle Grid Tool in the Tool Bar. 
Picture
Draw a grid, hold down the mouse (don't let go) and use the UP ARROW to add rows and RIGHT ARROW to add columns, then let go of the mouse.
Picture
Picture

Picture
Draw a rectangle for the attachment to the handle. 
Picture
Pull the corner widgets into the shape to round the corners. 
Picture
Draw a skinny rectangle for the handle. 
Picture
Draw a rectangle that is wider and shorter for the base of the handle.

Picture
Place the 2 parts together and use the Pathfinder Unite mode to make them one unit. 
Picture
Use the Direct Selection Tool to select the lower two corners and move the corner widgets in to round the base. 
Picture
Select the inner mid corners and pull the corner widgets out to inverse round the corners. 
Picture
Move all the items into place and add a white circle for the hole at the end of the handle. Add colors to the handle and grid as you want! 

0 Comments

INFOGRAPHIC SERIES - Super Simple Scissors

7/17/2017

1 Comment

 
7 steps to create super simple scissors. Lines, circles and the width shape tool make this so easy to create. 
Picture

Picture
Start with a line, round the ends using the rounded cap in the stroke panel. 
Picture
Use the Width Shape Tool to pull one end wider. 
Picture
Right+Click on the line, then choose Transform>Reflect. Click the COPY button.
Picture
This will copy the shape and flip it. Draw a white circle at the crossover point. 

Picture
Draw an oval, put a heavy stroke on the shape. 
Picture
OPTION + CLICK & drag the oval to duplicate it to the other side. 
Picture
Add a line, rounded end caps in white to create a highlight. Done!
1 Comment

INFOGRAPHIC SERIES - Lawn Sprinkler

7/10/2017

1 Comment

 
Playing in a lawn sprinkler is nothing but fun. Creating one is fun too! Learn a few cool tricks to making the water look like dots or flowing water streams in this tutorial. 
Picture
Picture

Picture
Create an Arc with the Arc Tool. Hold SHIFT to create a perfect 1/4 arc. 
Picture
Change the color of the stroke to blue and cap the ends of the stroke in the Stroke Panel.
Picture
Select the Arc and RIGHT + CLICK on it. Choose Transform>Reflect
Picture
Reflect the arc on the vertical axis and click COPY.

Picture
Place the 2 arcs apart to allow for other arcs in between. Use the BLEND TOOL and click on the first Arc, then the second Arc. 
Picture
Double click on the Blend Tool in the tool bar to open the dialog box. Select Specified Steps from the drop-down menu. 
Picture
Click the Preview button to see the results then increase the number of steps.
Picture
This is the result of the blend tool blending both shapes. Keep in mind that these lines in between are an effect, not real lines yet.

Picture
To turn the Blend Effect into lines, choose Object>Expand. Then click OK. 
Picture
Once these have been expanded, all the lines will now be editable.
Picture
To change the length of the water streams, open the Stroke Panel, click on Dashed Line, then add random lengths of gaps and strokes in the lines
Picture
This is the result of the random length strokes and lines. 

Picture
Use the Direct Selection Tool to increase the heights of the lines to get more of a crown-look to the water. 
Picture
To create the base, start with a rectangle. 
Picture
Direct-Select the top 2 corners and pull the corner widgets in a small amount. 
Picture
Create another wider rectangle for the base. 

Picture
Select both shapes, and Unite the shapes in the Pathfinder Panel.
Picture
Group the water spray together then create a rectangle over the water sprays. Make sure the box cuts off the bottom edge of the water to give it a flat edge. 
Picture
Select both the box and the water spray then choose Object>Clipping Mask>Make. Or COMMAND + 7. This will clip the water and give the appearance of the flat bottom. 

Picture
Add some highlight lines to the base, I added a few dots to give it a reflective look. 
Picture
Select the base shape, click on the Draw Inside button at the bottom right of the Tool Bar. 
Picture
Create a rectangle that is darker that covers about 1/2 the base. Then click the Draw Normal button at the bottom left of the Tool Bar to exit this mode. 

Picture
One trick to get perfect round dots on a line is this tip here. Create a line with rounded end caps, then used the Dashed line feature. set the dash length to ZERO. 
Picture
Dotted line are lines with ZERO length and rounded ends. Basically it is 2 rounded ends together with no length that give you a dotted line.
Picture
Either way, the lines look like a fun time with the water spraying. Enjoy!
1 Comment

INFOGRAPHIC SERIES - Popsicle

7/5/2017

0 Comments

 
Summer is here and things are getting hot. Create this popsicle to stay and look cool with your Illustrator skills.
Picture

Picture
Start with a rectangle for the body of the popsicle.
Picture
Use the DIRECT SELECTION Tool to select the top 2 corners, them drag the corner widgets into the center to the maximum amount. 
Picture
Direct Select the bottom corners and pull the widgets in a small amount to form the rounded corners.
Picture
Create 4 rectangles the same width as the body of the popsicle. 

Picture
Use the Selection Tool to shorten some of the rectangles, keeping the tops aligned. 
Picture
Use the Pathfinder Panel to Unite all 4 shapes together. 
Picture
Direct Select JUST he lower section of the united block and pull the corner widgets into the center the maximum amount to create the drips.
Picture
Add a fill and stroke to the shape the color you want the popsicle to be. Copy this shape for a later step. 

Picture
Fill and stroke the body the same colors and stroke weight. Click the Draw Inside Button at the bottom of the tool bar. 
Picture
Draw Inside is the 3rd button. Draw Normal is the first button.
Picture
Paste the copied shape "into" the body. Click the Draw Normal button to get out of Draw Inside Mode. 
Picture
Double-Click to isolate the "drips" from the background shape. Open the Appearance panel. Click on the Fill section and click on the triangle "twirly" to show the opacity of the fill.
Picture
Click on the Opacity link in the Fill section of the Appearance Panel and set the blending mode to Multiply. 
Picture
Multiply will darken the color over the body. 
Picture
Here, the Lighten Blending Mode lightens the color over the body. 
Picture
Create the stick. Make a rectangle, fill and stroke it with darker wood tone colors. 

Picture
Use the DIRECT SELECTION Tool to select the bottom 2 corners, them drag the corner widgets into the center to the maximum amount. ​
Picture
Use the Arc tool to create highlight "noodles" for the top and the stick. Use the Appearance Panel to set the opacity of the white highlights to 80%
Picture
Cap the ends of the highlight noodles with rounded ends…"hot dogging" the ends.
Picture
And here is your cool, refreshing popsicle. 
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