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

Design Points n PixelS


Infographic Series - Ice Cream coneĀ 

7/31/2016

0 Comments

 
Here is a fun way to cream a soft-serve ice cream in a waffle cone. Simple and fun, enjoy!
Picture

Picture
Start with a straight line, make it 10 pts in width.
Picture
From the Effects menu, choose Distort & Transform>Zig Zag.
Click the Preview button, set the Points to Smooth, size to 12 (set at absolute) and 7 ridges.
Picture
Then take the zig zag line and Expand the Appearance under the Object Menu.
Picture
Using the Width Shape Tool, pull the bottom point out to create a swirly ice cream effect.

Picture
Expand the Appearance again by going under the Object Menu.
Picture
To make the cone, draw a square and fill it with a medium brown.
Picture
Click on the Draw Inside button on the bottom of the tool bar. This will give a dashed line around the square and anything you draw will be inside or "clipped"
Picture
Draw a darker square "inside" the lighter square. Then click back on the normal drawing mode at the bottom of the tool bar.

Picture
Duplicate the square several times, keeping the edges touching.
Picture
Then duplicate the vertical squares side by side. Then group them all together.
Picture
Take the group and choose from the Effect menu>Distort & Transform>Free Distort. Then slide the bottom edges in in the dialog box.
Picture
Add a line above the cone, round the ends then fill it with ice cream!
0 Comments

Infographic Series - Shape Builder Tool

7/24/2016

0 Comments

 
The Shape Builder Tool is a fast way to perform Pathfinder functions faster than using the Pathfinder Panel. It can add, subtract fills and strokes as well as breaking section apart. Proper set up to begin with is helpful to be able to get the results you want quickly and consistently.
Picture
Picture

Picture
Double click on the Shape Builder Tool in the Tool Bar to call up the options for the Tool.
The options allow the shapes to be open or closed shapes when selecting and using the Shape Builder Tool.
Picture
Picture
The options will also allow you to split the paths of the shapes into sections that can be deleted or edited as a seperate shape.
Picture
Picture
Pick color option allows you to set the way the colors get merged. If the option is set to Artwork it will pick up the fill and stroke of the object that is being merged. Color Swatches option will blend the last used color (the ones that appear in the color picker) until you choose another color.
Picture
Start with shapes that have a stroke and/or fill. Select the shapes you want to merge or subtract. Use the Shape Builder Tool to select the area (shows a mesh pattern) and click. If the options are set to Color Swatches it will use the last used fill and stroke color to fill the selected shape.

Picture
By clicking on the shapes, it will add the new fill and stroke to those shapes.
Picture
The last used swatches in this example was orange file, red stroke.
Picture
To change the mode from ADD (+) to SUBTRACT (-) hold OPTION down to activate the Subtract moded
Picture
With the options set to Artwork mode, this will pick up the fill/stoke of the artwork. You can then click and drag across the shapes you want to add together.

Picture
To break a stroke apart, you can hover over a selected path and click to "break" it apart.
Picture
Then use the Group Selection Tool to move the object with out having to ungroup the set of objects.
Picture
Another option is to have the Shape Tool set to Straight line instead of Freeform to draw a connecting line between shapes
Picture
This is the tool in Freeform drawing mode.
Picture
Here's how you build a fish using the Shape Builder.
​
Start with these basic shapes, select them all.

Picture
Add the tail to the body by dragging over both, adding them together.
Picture
Hold OPTION to subtract as you drag over the mouth.
Picture
Option click on the eye and subtract the eye!
0 Comments

Infographic Series - Pathfinder Expand Feature

7/10/2016

0 Comments

 
Ever wonder what the Expand Button in the Pathfinder Panel does and why it is not available? Here is how to access the Expand button and what it does!
Picture

Picture
Draw two or more shapes and select them with the Selection Tool.
Picture
Open the Pathfinder Panel and choose one of the Pathfinder options. You will notice that the Expand Button is not available. 
Picture
However, when you hove over the Expand Button, it will give you the Tool hint telling you to Option + Click in order to create a Compound Shape. 
Picture
If you click on a Pathfinder option, it will perform the function and give you one shape as a final result. You cannot edit each shape individually any more.

Picture
So what is a compound Shape? ​
A compound shape is 2 or more shapes that make up a what looks like one shape. 
The result may look the same but each shape is still editable individually.

Picture
When you hold OPTION + click on a Pathfinder Mode, it gives you the final result BUT it keeps each shape as an individual shape that is editable. 
Picture
When you OPTION + click ​on the shape mode, the Expand button becomes available. 
Picture
The Expand Button allows you to expand the shapes, which are individually editable, to expand the shapes into one shape.

Picture
If you want to edit each shape, you can use the Isolation Mode to select just one of the shapes. Use the Selection Tool and then double click on the shape to enter into Isolation mode. Now you can edit and move the shape independently of the first shape. To exit Isolation mode, hit the Escape key.
Picture
Another way to edit each shape in a Compound Shape, select an item in a Compound Shape use the Group Selection Tool that is nested with the Direct Selection tool.
Picture
When you have the Compound Shapes selected, you can click the expand button to make all the shapes into a single shape that is no longer made up of individually editable shapes.
Picture
This is a set of shapes that has been "Expanded".
​
0 Comments

Infographic Series - Fireworks for the 4th of July

7/1/2016

0 Comments

 
3 sets of firework you can create to celebrate the 4th of July. Using Transform, Width Shape Tool and the Blend Tool you can create a simple yet effective set of fun fireworks using Adobe Illustrator. Enjoy and happy holidays.
Picture

Picture
Start with several lines, in various length. Use the Stroke Panel to Cap the ends (hot dog) to make them round.
Picture
Select the set of lines, under the Effect menu choose Distort & Transform>Transform.
Click the Preview button in the dialog box to see the results then set an angle FIRST, then set the number of copies, then click the random button.
Picture
Adjust the angle in the Transform dialog box until you get a random burst pattern, then click OK.
Picture
Using the Direct Selection Tool, select the center line, then change the color of each line segment  in the set.

Picture
Using the Width Shape Tool, select each line segment and vary the width of each.
Picture
Create different widths in several of the line segments, this will translate into all the copies of the lines
Picture
Here is the results of the colored line segments and varying the width of those segments.
Picture
For the color behind the burst, create a lighter colored larger circle, then a smaller circle centered on the larger circle in a darker color.

Picture
Double-Click on the Blend Tool to call up the dialog box. Set the Specified Steps to 4. Then click on the edge of the first circle, then the edge of the second circle.
Picture
This will blend the circles together with 4 colors steps in between the inside circle and the outside circle.
Picture
Place the yellow blend behind the burst.
Picture
For the next set of fireworks, create a line and add a stroke of 4 pt.

Picture
Use the Width Shape Tool to pull one of the ends wider. 
Picture
Duplicate the shape, then flip it inline with the first shape and select both with the Selection Tool.
Picture
Under the Effect menu choose Distort & Transform>Transform.
Click the Preview button in the dialog box to see the results then set an angle FIRST, then set the number of copies, then click the random button.
Picture
Once the burst looks like you want, click the OK button.

Picture
For the sparkler effect, create a series of circles, random sizes clustered together.
Picture
Duplicate the set and change the randomness of the circles.
Picture
Double-Click on the Blend Tool to call up the dialog box. Set the Specified Steps to 16 (more if you want a longer sparkler burst). Then click on the edge of the first circle set, then the edge of the second circle set.
Picture

Picture
The blend will create 16 steps from the top set of random circles to the bottom set.
Picture
You can use the opacity to create translucent shapes.
Picture
Or you can copy and use the Adjust Color under the Edit Menu > Edit Colors > Adjust Colors to change the colors of the object and shift the hue.
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