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

Design Points n PixelS


INFOGRAPHIC SERIES - Bulldozer

6/24/2018

7 Comments

 
Lets move some dirt. Create a bulldozer pushing some dirt around. Looks complicated, but these tutorials make it so easy. Have fun creating this one. 
Picture

Picture
Start with a rectangle. 
Picture
Pull the Corner Widgets to round the ends. COPY this shape, you will need it again later. 
Picture
Add a dotted line to the oval by clicking on the Dashed Line in the Stroke Panel, Cap the ends, set the dash to ZERO and the gap to 28, stroke weight at 13 pts.


Picture
PASTE the original oval over the top of the dotted line
Picture
Change the dots to the same color as the oval. 
Picture
Add two circles inside the oval. Add a rectangle inside as well. 

Picture
Paste the oval again but use the Paste Behind command and fill it with a lighter gray. 
Picture
Add a rectangle for the body, behind the tracks. 
Picture
Use the Direct Selection Tool to select the top corners and pull the corners in. They will be round. Use the OPTION (ALT) and click on the corner widget target to cycle through the corner styles until you get to the flat style. 

Picture
Add another rectangle behind for the cab. 
Picture
Use the Direct Selection Tool to select the top right corner and move it to the left. 
Picture
Use the Direct Selection Tool to select the top corners and pull the corner widgets in slightly. 

Picture
Create a rounded corner rectangle, fill it with blue for the window. Cut the shape. 
Picture
Select the cab and choose the Paste Inside function at the bottom of the Tool Bar. 
Picture
Paste the window into the cab, Click on the Draw Normal mode. ​

Picture
Create a rectangle for the blade.
Picture
Add and oval over the rectangle. Select both shapes. 
Picture
Use the minus from command in the Pathfinder Panel. 

Picture
Add the blade to the front of the bulldozer. Add a rectangle for the smoke stack. 
Picture
Create a rounded end rectangle. 
Picture
Add it to the blade and the the track. 

Picture
Repeat the of adding a dashed line to an arc. You will need to reduce the gap between the dots in the Stroke Panel.
Picture
Add the dotted arc to the smoke stack.
Picture
Create different sized circles for the dirt pile. 

Picture
Select all the dirt circles and use the Pathfinder Unite mode. 
Picture
Create a rectangle at the lower part of the dirt. Select the shapes and use the Pathfinder Minus Front mode. 
Picture
Add the dirt behind the blade and you are done with your bulldozer. Nice job!
7 Comments

INFOGRAPHIC SERIES - Shark week

6/18/2018

2 Comments

 
Here is a shark, a happy shark with some cool blue water reflections in it. This was a request from a viewer; if you have a request send it to me and I will create it!
Picture

Picture
Start the body with an oval; stoke, no fill. 
Picture
Duplicate the original oval and pull the oval taller. 
Picture
Using the Direct Selection tool, select the bottom point of the first oval and delete it, removing the lower half of the oval. 

Picture
Using the Direct Selection tool, select the top point of the second oval and delete it, removing the uper half of the oval. ​
Picture
Place both arcs over each other to form the body. 
Picture
Select both pieces and use the unite Mode in the Pathfinder Panel to make them into the body.

Picture
To create the fin, create a circle and duplicate it as shown. Select both circles. 
Picture
Use the Minus Front Mode in the Pathfinder Panel to create a moon which will become the fin. Copy this shape as you will use this again.
Picture
Place the moon over the body of the shark, rotate it if needed to create the back fin. Use the Pathfinder Unite mode to integrate it into the body. 

Picture
Paste the copied shape, place it at the bottom of the body to create the smaller fin. 
Picture
Use the Pathfinder Unite mode to integrate it into the body. ​
Picture
For the tail fin, create 2 circles, one larger, one smaller. ​Use the Minus Front Mode in the Pathfinder Panel to create a moon which will become the fin.

Picture
Place the moon over the tail of the shark, rotate it if needed to create the tail fin. Select the body and the moon. 
Picture
Use the Pathfinder Unite mode to integrate it into the body. ​
Picture
Select the body and round the corners of the stroke in the Stroke Panel so the ends don't end in points. 

Picture
The rounded corners get rid of the sharp points. 
Picture
Put in a circle for the eye and an arc for the mouth
Picture
Add some extra lines to the trailing edge of the fins to give them dimension. Be sure to round the ends (hot dog them) in the Stroke Panel. 

Picture
Create 3 ovals, each one getting lighter. This will be the water reflections in the body. Select all 3 shapes and CUT the shapes. 
Picture
Select the boy and choose Draw Inside Mode at the bottom of the Tool Bar. 
Picture
Paste the 3 ovals into the body. Once pasted, they are hard to move around so open the Layers Panel. 

Picture
In the layers panel, anything that is "Pasted inside" or "Drawn Inside" is called a clipping mask. This shows up in the Layers Panel as a Clip Group, open the clip group by clicking on the Twirly (yes, that is the real name) to open the group. Inside, you can see the ovals in the group. To select an oval to move or edit, click on the layer and then then click on the circle on the far right of the layer and a box will appear and the shape will be selected. 
Picture
This will select and activate just that shape inside the clipping mask to edit or move without breaking the shapes apart or using isolation mode. 

Picture
I also made the shark happy by flipping his smile.

​
One happy shark with some nice water reflections. Enjoy!
2 Comments

INFOGRAPHIC SERIES - Gleaming Jewel

6/3/2018

0 Comments

 
Create a gleaming jewel in these simple steps. With or without a stroke to make it look bold or subdued. 
Picture
Picture

Picture
Create a triangle using the Polygon Tool. While drawing a polygon, use the down arrow to reduce the number of sides. OR, after you have drawn the Polygon, you can drag the diamond (red circle) up or down to change the number of sides. 
Picture
Flip the triangle and narrow the triangle to be half as wide as it is long.
Picture
Duplicate the triangle so the upper corners are touching. 

Picture
Fill the one shape with a lighter color. Use the Direct Selection Tool to select the bottom point and move the point over the the lower point of the middle shape
Picture
Repeat the last 2 steps to create the right side of the jewel. Make that section a darker color. 
Picture
Use the Direct Selection Tool to select the outer top points and move them in to create facets that are half as wide as the center facet. 

Picture
Select all 3 shapes and hit the RETURN key. That will bring up this dialog box. Set the horizontal and vertical measurements to ZERO. Click COPY. 
Picture
This will copy the shapes directly on top of existing shapes. Pull the bottom point up to flip the shapes. Pull that shapes half as high as the bottom shape. 
Picture
Draw a rectangle over the top 3 shapes. Select the rectangle and top 3 shapes. Use the Pathfinder TRIM feature to trim the top triangles.

Picture
Use the Direct Selection Tool to remove the extra shapes left by the Trim function. 
Picture
Select the top 3 shapes and choose Edit> Edit Colors> Adjust Color Balance. Click the convert box and the Preview box. Set the colors lighter and click OK. 
Picture
This will give the top facets a lighter look.

Picture
Add a stroke to the shapes. 
Picture
Set the stroke in the stroke panel to a rounded corner to avoid the spikes from the stroke. 
Picture
This is the result of the rounded stroke. 

Picture
Add some lines as highlights with rounded end caps (hot dog the ends).
Picture
Create a "gleamie" by using the Star Tool. While drawing, UP ARROW will add point, DOWN ARROW will take points away. COMMAND (on a mac) or CONTROL (on a PC) and Pull away from the center to create longer points, pull in toward the center to shorten the points. 
Picture
Use the Direct Selection Tool to select the points and pull them out to create longer and shorter points. 

Picture
Add the gleamie to the shape. Draw a colored circle and place it behind the jewel to make it more visible. 
Picture
To create a shadow draw a rectangle and make it a darker color than the background. 
Picture
Create a gradient in the rectangle to blend from the darker color to the lighter color background.

Picture
Select the gradient shape and CUT the shape.
Picture
Select the circle, click on the Draw Inside Mode at the bottom of the Tool Bar. Paste the gradient rectangle in the shape and position it to create a shadow. 
Picture
Click on the Draw Normal Mode to exit the Draw Inside Mode. 

Picture
To remove the outlines, select one of the facets, choose Select>Same>Stroke Color to select all the shapes with that stroke. Set the stroke to ZERO or choose no color. 
Picture
You have a gleaming Jewel!
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