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

Design Points n PixelS


Trees - 12 styles

2/23/2020

0 Comments

 
12 trees. Different styles, all fun and easy to create. Add your own style and flair to make them your own!
Picture

Picture
Tree #1 
Start with a polygon, while drawing use the down arrow to reduce the sides to 3. Add a fill and a white stroke. 
Picture
Use the Curvature Tool to click on the bottom center point and pull the bottom line down to create a curve. 
Picture
Duplicate the shape and move it up over the first shape. Reduce the size of the new shape. 

Picture
Duplicate the shape again, reduce the size of the third shape. 
Picture
Use the Direct Selection tool to select all but the top most point and pull the corners in to round them.
Picture
Add a rectangle to the base to create the the trunk. Done.

Picture
Tree #2
Draw a circle, add a fill and a white stroke. Duplicate the shape and make it smaller. 
Picture
Create a line, add a heavy stroke for the trunk. 
Picture
In the Control Bar, click on the Profile drop down menu and choose the tapered profile. 

Picture
Move one of the lines to the front and one to the back. Done.
Picture
Tree #3
Draw a circle, add a fill and a white stroke.
Picture
Use the Direct Selection Tool to select the top point and move it straight up. 

Picture
Duplicate the shape and move one behind the one behind the other and overlap them, 
Picture
Add the profile lines from Tree #2
Picture
Tree #4
Copy the tapered tree trunk from Tree #3. 

Picture
Duplicate the tapered line and make them smaller, rotate them to make branches 
Picture
Add circles with a fill and a white stroke. Size them to fit the branches. 
Picture
Tree #5
Draw a line, add a heavy stroke. 

Picture
Draw a Arc to create the branches. 
Picture
Duplicate the arcs to create more branches. 
Picture
For the leaves, create two circles and overlap them by half. 

Picture
Select both shapes and use the Intersect Mode in the Pathfinder panel. 
Picture
Rotate the leaves and scale them to fit the branches. Done. 
Picture
Tree #6
Draw a circle, no fill and heavy stroke. 

Picture
Duplicate the shapes and make them different sizes. 
Picture
Select all the shapes and use the Pathfinder Unite mode to make them one shape. 
Picture
Copy the trunk from tree #4. Choose Object > Expand Appearance. Add a white stroke to the expanded shape. Done.

Picture
Tree #7
Create an oval. Duplicate the over half way over itself. Use the Minus Front mode in the Pathfinder. Add a white stroke to the shape. 
Picture
Duplicate the shape and rotate it and move it behind the other. Create 3 leaves. 
Picture
Copy the leaves and use the flip feature in the Properties Panel. Add the trunk from Tree #4. Done.

Picture
Tree #8
Create a circle. Add the trunk tapered tree trunk. Choose Object > Expand Appearance. Add a white stroke to the trunk. Use the Direct Selection Tool to select the tip of the trunk and pull the corner widget in to round the tip. 
Picture
Select the circle and add a Zig Zag effect from the Effect Menu > Distort & Transform > Zig Zag.
Picture
Change the amount of Zig Zag to create the puffy or spiky tree. Done.

Picture
Tree #9
Use the lines and arcs from Tree #5. Use the Stroke Panel to round cap (hot dog) the ends. 
Picture
Create a rectangle with a fill and white stroke. Select the shape with the Direct Selection Tool and pull in the corner widgets.
Picture
Scale the shapes and add them to the tree to create a topiary tree. Done. 

Picture
Tree #10
Draw a line and hot dog the ends in the Stroke Panel. 
Picture
Create an arc and rotate the shape to create a lower branch. 
Picture
Duplicate the lower arc, scale it smaller and move it to the top. 

Picture
Select the top and bottom arcs and choose Object > Blend Options. Set the Spacing to Specified Steps and set it for 3. 
Picture
Choose Object > Blend > Make to make the blend happen. Done. Yes, it is a dead tree. 
Picture
Tree #11
Use the trunk tapered tree trunk in the other trees. 

Picture
Use the Curvature Tool to select the middle of the trunk and curve the trunk. 
Picture
Copy the leaf from Tree#5. Move it to the side of the top of the trunk. Select the leaf then select the Rotate Tool and OPTION/ALT click on the tip of the trunk to set the rotate point and open the Rotate dialog box.
Picture
Choose how many leaves you want and type in 360/ (the number of leaves you want) then click COPY. Don't click OK. 

Picture
Use Command + D to duplicate the rotated leaf. Repeat the Command + D to create duplicates. 
Picture
Copy a leaf and make the leaf a lighter color and smaller. ​Select the leaf then select the Rotate Tool and OPTION/ALT click on the tip of the trunk to set the rotate point and open the Rotate dialog box.
Picture
Repeat the last two steps to make a duplicate the set of leaves. Done. 

Picture
Tree #12
Create a triangle using the Polygon Tool. Pull the shape taller. 
Picture
Duplicate the shape and make it a lighter fill. 
Picture
Use the Direct Selection Tool and select top point of each and pull them together  to form a tree. 

Picture
Use the Direct Selection Tool and select right point of each and move them up.
Picture
Create a rectangle and fill it with a dark color, duplicate it and fill it with a lighter color. 
Picture
Use the Direct Selection Tool and select the bottom right and bottom left corner of the shape and pull in the corner widgets. 

Picture
Move the stem behind the tree. Done.
Picture
0 Comments

Brick of Swiss Cheese

2/17/2020

0 Comments

 
This Swiss Cheese uses a cool gradient effect where two gradients are set to opposite directions to make a circle look like a hole; perfect for Swiss Cheese. As always there are a few other tricks in here as well. 
Picture

Picture
Start the wedge of cheese with a circle. 
Picture
With the handle on the right side (the lollipop) move the handle around to create a wedge. 
Picture
Pull the bounding box to shorten the height of the wedge. You can still move the lollipop handles to change the wedge shape. 

Picture
Draw a rectangle the width of the wedge. Fill it with a slightly darker color.
Picture
Use the Direct Selection Tool to select and move the sides of the rectangle to match up to the edges of the wedge. 
Picture
Create a circle for the holes. 

Picture
In the Gradient Panel, click on the fill section in the upper left to activate the gradient ramp. Double-click on the color stops (dots) under the ramp. Create a gradient from darker to lighter.
Picture
Create a slightly larger circle and send it to the back using Object > Arrange > Send Backward. 
Picture
Change the gradient in the circle behind to be lighter on the left, darker on the right, This will give the look of an inverted circle with the gradients going opposite directions. 

Picture
Select the lighter outer ring and darker inner ring and choose Effect > Blur > Gaussian Blur.
Picture
Move the circles onto the cheese. Duplicate these circles and resize them and place them around the cheese. 
Picture
To create a hole that is on the edge, create a circle and move it over the edge. 

Picture
Select the circle and the cheese shape and use the Minus Front command in the Pathfinder panel.
Picture
To create the shaded section of the edge cutout with two over lapping circles. 
Picture
Use the Minus Front command in the Pathfinder panel to make a crescent shape. Apply the dark to light gradient.

Picture
Move the gradient crescent over the opening.
Picture
Repeat the process with the edge shape. Select the oval and cheese and use the Minus Front Pathfinder mode. 
Picture
Copy the gradient from the last edge and paste it behind the new edge shape. 

Picture
To create and edge hole, create two ovals and use the Unite Mode in the Pathfinder Panel. 
Picture
Create a 2 pt larger shape by using Object > Path > Offset Path. Send the shape Backward behind the front shape. 
Picture
Apply a Gaussian Blur Effect to the shapes. 

Picture
To create an odd hole, create 2 overlapping circles and use the Unite Mode in the Pathfinder Panel to make it one shape. 
Picture
Create a 2 pt larger shape by using Object > Path > Offset Path. Send the shape Backward behind the front shape. ​Apply a Gaussian Blur Effect to the shapes. ​
Picture
Apply the holes to the cheese shape. 

Picture
Select some of the holes and make them less perfectly round.
Picture
Choose Effect > Transform > Pucker & Bloat. Set the Bloat to 5%. This will make the shapes less perfect. 
Picture
And this how you make a slice of Swiss Cheese!
0 Comments

Large French Fries

2/9/2020

0 Comments

 
Create a nice stack of large fries. 
Picture

Picture
Start with 2 rectangles. Lighter fill color in one, darker color in the other. 
Picture
Use the Direct Selection Tool to select and move the edge of one of the rectangles.
Picture
Repeat the last step with the other rectangle. 

Picture
Create a rectangle and fill it with a lighter color. 
Picture
Use the Direction Selection Tool to select a corner of the new rectangle and move the points to the rectangle to match the points on the vertical rectangles. 
Picture
Make the sides of the new rectangle parallel with each other to create the top.

Picture
Make several versions by making the vertical rectangles wider or narrower. The top rectangle can be flatter or steeper to change the look of the tops. 
Picture
Select each fry and choose Object > Envelop Distort > Make With Warp... Use the Arc Style and set the Bend to Vertical. 
Picture
Picture
Bend the Arc to create difference curves on the fries. 

Picture
Duplicate and warp the fries to create a stack. 
Picture
Create a box with a rectangle. 
Picture
Use the Curvature Tool to click on the bottom center and pull up to create a curve. 

Picture
Use the Free Transform Tool and select the Perspective Distort to pull the top edges wider. 
Picture
Create a rectangle with a darker fill.
Picture
Use the Direct Selection Tool to select each corner of the rectangle to create the edge of the box. 

Picture
Copy and flip the edge for the other side. 
Picture
Use the Curvature Tool to click on the top center and pull down to create a curve. 
Picture
Place the fries behind the box.

Picture
Select some of the fries and change the color by using Edit >Edit Colors > Recolor Artwork. Click on the Edit Tab, lock the colors together in the lower right. Move the paddles left or right to change the color of the selected fries. 
Picture
Repeat the Recolor artwork on other fries to subtly change the colors to set them apart. Add an oval on the front of the box and you are done!
0 Comments

Comb Through Fuzzy Fur

2/2/2020

0 Comments

 
Super simple comb. Sometimes the simple ideas are the most amazing. And this is a fast way to create a comb. Yet the fun part is creating the fuzzy  look. This would be great when creating a stuffed animal or plush toy, a feather boa or feather duster.
Picture

Picture
Start with a rectangle Fill with no stroke. 
Picture
Click on the Free Transform Tool and choose the Perspective Distort option.
Picture
Pull the bottom corners in to taper the shape. 

Picture
Use the Direct Selection Tool  to select the upper corners, pull the corner widgets in a bit to round the corners. 
Picture
Use the Direct Selection Tool  to select the lower corners, pull the corner widgets in a bit to round the corners. 
Picture
Draw a line with a white stroke. Ruund the end caps (hot dog the end) in the stroke panel. 

Picture
Choose Effect > Distort & Transform > Transform. set the Horizontal Move to space the teeth apart then enter the number of Copies at the bottom of the panel. 
Picture
Adjust the Move and Copies as needed to achieve the desires number of teeth and spacing. Click OK. 
Picture
Select the lines and choose Object > Expand Appearance. This will turn the "effect" of the lines into individual lines. 

Picture
Choose Object > Expand to turn the lines into shapes. 
Picture
Select all the teeth with the Direct Selection Tool but not the ends. Pull the corners widgets in to round the teeth.
Picture
Select the first and last teeth with the Direct Selection Tool and pull the corners widgets in to round the teeth.

Picture
Once the ends are rounded, they will look short. 
Picture
Use the  Direct Selection Tool to select and pull the ends lower to match the length of the other teeth.

Picture
Use the Curvature Tool to select the top of the comb and pull up to curve the top. 
Picture
Select the comb and choose Object > Path > Offset Path and set the offset to a large negative number so only the top part of the comb shape is created. 
Picture
Select the new offset path and fill it with a different color for contrast.

Picture
To warp the comb, choose Object > Envelope Distort > Make With Warp... 
Picture
Choose the Arc and set the selection to Horizontal and a 5% Bend. When the Envelope is done, choose Object > Envelope Distort > Expand to set the Warp effect. 
Picture
To create the fake fur, create a circle and fill it with a gradient. 

Picture
Click on the round color stop at the bottom of the gradient ramp to select the gradient colors of the circle. 
Picture
Create multiple circles by using the Effect > Distort & Transform > Transform. Set the Horizontal move to 10 pt and the number of copies to 50. 
Picture
This will create a set of circles. Choose Object > Expand Appearance to break them into individual objects. 

Picture
Choose Effect > Distort & Transform > Roughen. Set the size to 50%, the Detail to 75/in and the Points to Corner. 
Picture
To get the best result, you may have to rotate the gradient to get the best, fluffy look. 
Picture
Put the comb in the fake fur.
​Change the color of the comb to a contrasting color.  

Picture
To change the color of the fur quickly, choose Edit > Edit Colors >Recolor Artwork. Click the Edit tab at the top, then the unlink chain in the lower right corner. Move the paddles around the color wheel to create other type of fur. 
Picture
Choose contrasting colors for a bolder look and more depth. 
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