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

Design Points n PixelS


Knit Stocking

12/22/2019

0 Comments

 
This is a cool way to create a knit stocking. This can also be used to make a sweater or an ugly sweater if you ever needed to. This is a simple pattern effect, it takes a bit of time to select each shape and fill it with a color but the end effect is quite festive. 
Picture

Picture
Start with a red rectangle. 
Picture
Duplicate the shape and rotate it so the left edges line up at the same point.
Picture
Use the Direct Selection Tool to select the two lower corners of the rotated shape and pull the Corner Widgets in to round the end. 

Picture
Draw a line over the intersecting point of the shapes. Select both shapes and the line and use the Divide Mode in the Pathfinder Panel
Picture
Select the shapes and use the Shape Builder Tool to merge the lower shapes together.
Picture
The use the Shape Builder Tool to merge the upper shapes together. Ungroup the lower shape and the upper shapes so they can be selected individually. 

Picture
To create the knit effect draw a line and add a heavy stroke weight. 
Picture
Use the Width Profile from the drop down menu to create a line that tapers at the top and bottom. 
Picture
Rotate the shape 30 degrees.

Picture
Duplicate the shape and rotate it 30 degrees in the opposite direction, 
Picture
Select both shapes and choose Object > Expand Appearance. Then use the Pathfinder Unite mode to make them one shape. 
Picture
Duplicate the shape to the side using Option/Alt and drag the shape. Once the shape is duplicated, use COMMAND + D to continue to duplicate the shape many times (40-50 times).

Picture
Select the row of duplicated shapes and use Option/Alt and drag the row down to duplicate the row. Use COMMAND +D to duplicate the rows several times. 
Picture
Select the upper part of the stocking and click on the Draw Inside Mode at the bottom of the tool bar. Copy a section of the knit pattern.
Picture
Paste it into the shape and click on the Draw Normal mode.

Picture
Select the lower part of the stocking and click on the Draw Inside Mode at the bottom of the tool bar. Paste in the knit pattern and rotate it at the same angle as the lower section. 
Picture
To edit each shape in the knit pattern, double-click on the upper shape to enter into Isolation Mode. A gray bar will appear at the top of the open document. In the Layers panel, the top layer will show Isolation Mode. Click on the triangle (the twirly) to the left of the layer to open the layer up. Lock the Clipping Path layer to make it easier to select each knit object without selecting the shape they are clipped in. 
Picture
Select the knits shapes and change the fill color to create a pattern. Use different colors and select different pieces to create any pattern look.

Picture
This is not a quick process. Select each knit a shape, hold SHIFT to select more knit shapes. Create any pattern you want. 
Picture
Repeat the last few steps for the lower section. 
Picture
Add a top rounded rectangle to the stocking. Repeat the Draw Inside process and paste the knit pattern inside. Add a colored rectangle to the lower section below the cap. 

Picture
Set the opacity to 60% and the blend mode to Multiply to make it look like a drop shadow below the cap. 
Picture
Great looking knit stocking!
0 Comments

Holly Wreath

12/15/2019

0 Comments

 
Create this holiday wreath. This is done using Brushes. Shapes are easily created and turned into a brush. This wreath uses a Scatter Brush and a Pattern Brush. The rest is fun and easy. The bell and bow are from an earlier tutorial here.

​Happy Holidays. 
​
Picture

Picture
Start with a circle. 
Picture
Duplicate the circle halfway over the first circle. Select both circles. 
Picture
Use the Pathfinder Intersect mode to leave the overlapping section.

Picture
Choose Object > Path > Add Anchor Points. This will add points to the shape halfway between the existing points. 
Picture
Choose Effect > Transform > Pucker & Bloat. Set the slider toward Pucker.
Picture
This will get the lines to pull in from each point. Choose Object > Expand Appearance.

Picture
Fill the shape with a color, remove the stroke. 
Picture
Choose Object > Path > Offset Path and set the offset smaller than the original. 
Picture
Fill the new shape with a lighter color. 

Picture
Add a line to the center, hot dog the line ends and make it a lighter color. 
Picture
Use the Direct Selection Tool to select the shape and pull in the corner widgets slightly to round the ends. 
Picture
This is the results. Select the shapes and group them together. 

Picture
Duplicate and rotate the leaves into a set. 
Picture
Duplicate the first set so they fit together. 

Picture
Draw a rectangle over the shapes so the rectangle creates a section that will repeat. Make sure the rectangle create a perfect "snap shot" of the section, starting and stopping in the same location so the final brush fit together seamlessly. Set the rectangle to no fill and stroke, send it to the back. 
Picture
Open the Brushes panel from the Window Menu. Drag the leaves and the rectangle into the Brushes panel. It will ask for the type of Brush to create. Choose Pattern Brush. 

Picture
Name the brush and click OK.
Picture
Create a circle. Apply the Holly to the stroke of the shape. The leaves may be larger than you want. 

Picture
Double click on the Holly Brush in the Brushes panel, set the Scale to be a smaller value. Or choose ​Options of Selected Object… from the Brush dropdown menu and set the brush smaller. 
Picture
This is the result of the smaller applied brush. 

Picture
Copy the wreath and choose Edit > Paste in Place. Or choose ​Options of Selected Object… from the Brush dropdown menu and set the brush smaller. Rotate the pasted circle a it to make the wreath look more full. 
Picture
Create 3 circles for the berries. Add a fill and a stroke. Select the berries and drag them into the Brushes Panel. 
Picture
Choose Scatter brush from the New Brush dialog box that pops up. 

Picture
Use the Brush Tool, select the berries from the brush panel and click on the wreath to add them. 
Picture
Create a bow and add it to the wreath. The tutorial for the bow and the bells is here.

Picture
From the bell and bow tutorial, create a Scatter Brush from the bell. With the Brush Tool, select the bell from the brush panel and click on the wreath to add them to the composition. 
Picture
Double click on the Bell Brush in the Brush panel and set the Rotation to be Random and set the rotation angle sliders. 
Picture
This will randomly rotate the bells on the wreath with out having to select each bell. Nice job!
0 Comments

Sprocket and Chain

12/8/2019

0 Comments

 
Create this chain and sprocket using Brushes. Yes, brushes. This is a lot easier than it looks. The chain links and the sprocket teeth are created and made into a pattern brush. Create the shape, apply the brush and you have a sprocket and chain. 
Picture

Picture
Start a link of the chain with a circle. 
Picture
Duplicate the circle. Leave less than one circles space between the two. 
Picture
Add a rectangle between the two circles. Make the height of the rectangle 2/3 of the height of the circles. 

Picture
Select all three shapes and use the Pathfinder Unite mode to create on shape. 
Picture
Use the Direct Selection Tool to select the inner 4 corners and pull the corner widgets out from the center. 
Picture
This will create a smooth inner curves.

Picture
Remove the stroke and add a solid fill. 
Picture
Select the link and choose Object > Path > Offset Path and set the offset to 10 pt to make a bigger shape.
Picture
Select the new shape and add a heavy stroke and no fill. 

Picture
Add circles to the ends of the links to create a chain link. 
Picture
Duplicate the outer shape. 
Picture
Use the Direct Selection Tool to select and remove the ends of the shape, leaving just the lines. 

Picture
Move the lines to the end of the link, so the lines end up with the curves of the link. Duplicate the link and move it to the left to create a link set. 
Picture
Create a rectangle starting at the exact centers of each link. 
Picture
Set the stroke to none and send the rectangle to the back of the links. This rectangle will provide the area that the brush will duplicate. Make sure the rectangle is behind the links. 

Picture
Open the Brushes panel under Window > Brushes. Select the links and rectangle. Click on the Brushes dropdown menu and choose New Brush… Choose Pattern Brush. Name it Chain and click OK. 
Picture
To create the sprocket brush. create two circles. 
Picture
Use the Direct Selection Tool to select and remove 3./4 of each circle, leaving just the the curved lines shown.

Picture
Select both lines and choose Object > Path >Join to join the tips. 
Picture
Select the shape, choose New Brush from the brush dropdown menu. Choose Pattern Brush, name it Sprocket and click OK. 
Picture
To apply a brush, draw a circle and click on the Sprocket in the Brush Panel. 
Picture
Create two circles for the chain to run over. 

Picture
To edit the size of the brush (and not effect other places the brush is applied) click on the Brush dropdown menu and choose Options of Selected Object…
Picture
The options allow for control of the size of the brush on the select object. Slide the Scale slider to make the brush larger or smaller. 
Picture
Duplicate the two Sprocket circles. Set the brush to Basic in the Brush panel to remove the Sprocket. 

Picture
With both circles selected choose Object > Blend Options. Set the Spacing to Specified steps and the number to 125.
Picture
Choose Object >Blend > Make to create the Blend. 
Picture
Choose Object >Blend > Expand.

Picture
Click in the Unite mode in the Pathfinder panel to create one shape. 
Picture
With the shape, add the link brush to the outline.
Picture
Adjust the size of the chains on the path by using the Options of Selected Object… and scale the size of the chain.

Picture
Move the chain over the sprockets. Add inner circles inside the sprockets. 
Picture
Select a sprocket and choose Object > Expand Appearance. Choose Object > Join to make all the segments on shape. 

Picture
Select the sprocket shape and the inner shape. Fill them with gray. Choose Object > Compound Path > Make. This will make the gear one shape and knock out the middle section. 
Picture
Repeat the last step with the smaller gear to create a knock out sprocket. 

Picture
Create a circle on the big sprocket. 
Picture
Select the inner circle and choose the Rotate tool. Move the Rotate tool to the center of the Sprocket, hold Option/Alt and click to open the Rotate dialog box. 

Picture
Type 360 / how many circles in the sprocket. Click on the COPY button. 
Picture
Use Command + D to repeat the rotate/copy of the circle around the sprocket. 

Picture
Nice chain and sprocket. And some fun with brushes as well. 
0 Comments

3D Realistic Water Droplets

12/1/2019

1 Comment

 
Try this simple creation that makes 3D realistic water droplets. Gradients and some fun Warp makes the drops really pop. 
Picture

Picture
Create a circle. Fill it with 80% black. 
Picture
Select the Mesh Tool (Shortcut is U). and click in the upper left of the circle. This will add a point and create a mesh. 
Picture
Click in the lower right with the Mesh Tool to create another point and a mesh.

Picture
With the Mesh Tool or the Direct Selection Tool, click on one of the points on the mesh and change it to a white fill from the Swatches Panel. 
Picture
Do this for all 4 points inside the circle. 
Picture
Select the circle and click on the opacity and set the blend mode to Multiply. 

Picture
Create another smaller circle on top of the original circle. 
Picture
Open the gradient panel and fill the new circle with a gradient. 
Picture
The gradient default if from black to white. 

Picture
Double click on the black gradient stop and change it to white. Set the opacity of the color stop to 0%. 
Picture
Set the gradient at an angle so the white appears in the upper left side, fading out to nothing in the lower right. 
Picture
Set the opacity of the new circle to 75% and the blend mode to Screen mode. 

Picture
Copy the circle, paste it in place (Edit >Paste In Place) and rotate the shape 180°. 
Picture
Set the new shape to 35% opacity and Screen blend mode. 
Picture
This shows the quality of the water droplet when it is on an image or a surface. Select the shapes and group them.

Picture
Choose Object > Envelope Distort > Create with Warp…. You get a drop down list of several warp styles with adjustments for each. 
Picture
Choose a style and click OK. This will warp the water droplet. 
Picture
This is the list of different warp styles. You can only apply one style at a time so duplicate the water droplet and apply a new style. 

Picture
This style is the Arc
Picture
This style is the Squeeze. 
Picture
These Mesh points on any of the shapes can be edited with the Direct Select Tool or the Pen tool to further change the Warp shape. 

Picture
Create a series of water droplets for variety. 
Picture
Place an image in Illustrator and add the water droplets to the image. 
1 Comment

    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