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

Design Points n PixelS


Acorn Icon

9/29/2019

2 Comments

 
Create an acorn icon with cross hatching. 
Picture

Picture
Start with an oval. Fill it with a light brown.
Picture
Select the bottom point with the Direct Selection tool.
Picture
With the point selected, select the Pen tool. Hold Option/Alt to change the Pen Tool to the Convert Anchor Point. Click the handle end and move the point up.

Picture
Repeat the process the the other handle to form the tip on the bottom of the acorn. 
Picture
Draw a rectangle halfway over the oval. Select both shapes. 
Picture
In the Pathfinder Panel, choose the Minus Front mode to remove the upper half.

Picture
Draw a circle a little larger than the acorn base. 
Picture
Draw a rectangle halfway over the circle. Select both shapes. In the Pathfinder Panel, choose the Minus Front mode to remove the upper half.
Picture
Select the upper half with the Direct Selection tool. The Corner Widget targets appear in the lower corners. Pull them in towards the center slightly. 

Picture
Use the Direct Selection Tool to select the outer edge of the top. 
Picture
Copy and paste the shape. Remove the fill and add a stroke. 
Picture
Select the Width Shape Tool (Shift + W) and click on the end and pull in toward the line to taper it to a point. 

Picture
Change the stroke to white and move it over the top of the acorn. 
Picture
Use Option/Alt to click and drag to duplicate the shape. Once you have done this once, choose COMMAND + D to duplicate the shape repeatedly.
Picture
Select the duplicated shapes, then copy, paste, and flip the shapes to create a criss cross patter. 

Picture
If the lines are too wide, select them and change the stroke with to make them heavier or lighter. 
Picture
Duplicate the base of the acorn. Duplicate the base again (changed to black here for reference) and make it narrower. In the Pathfinder Panel, choose the Minus Front mode to remove black shape. 
Picture
This is how you create a highlight wedge. 

Picture
Make the edge shape white and move it over the base. 
Picture
Create a rectangle for the stem. Pull the Corner Widget targets in to round the corners. 
Picture
Place the stem on the acron. 

Picture
To create the shading lines, draw a line with the Line Tool, add a dark stroke to it. 
Picture
Select the Width Shape Tool (Shift + W) and click on the end and pull in toward the line to taper it to a point. 
Picture
Use Option/Alt to click and drag to duplicate the line. Once you have done this once, choose COMMAND + D to duplicate the shape repeatedly. Select all the lines, group them, the choose Edit > Cut.

Picture
Select the base, click on the Draw Inside icon at the bottom of the Tool Bar. Dotted lines appear around the base. 
Picture
Paste the cut group of lines into the shape, move them into position and then click on the Draw Normal mode. 
Picture
To add the same lines to the top, we have to make the arcs into shapes. Select all the arcs.

Picture
Choose Object >Expand Appearance.
Picture
Select the top and all the lines, ​In the Pathfinder Panel, choose the Minus Front mode to remove the upper half.
IMPORTANT: Select all the resulting shapes and choose Object > Compound Path > Make. This make all those bits one shape. 
Select the cap and choose the Draw Inside icon at the bottom of the Tool Bar. Paste the lines into the shape.

Picture
With the pasted lines, if the weight is not correct, used the Direct Selection tool to select a line.
Picture
Choose Object > Select > Same > Stroke color and this will select all the lines so you can change the color or weight.
Picture
Nice Acorn!
2 Comments
Eileen
9/30/2019 10:31:47 am

This is gorgeous, Jason! And looked way more difficult to me to design! Thank you!!

Reply
Cíntia Couto
4/23/2021 05:35:43 pm

Done! I struggled with joining the shapes of the hatch on the top a bit because I had a duplicate top underneath. But after I found out, it worked! :0)

Reply



Leave a Reply.

    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