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

Design Points n PixelS


INFOGRAPHIC SERIES - Eggs and Sausage

2/4/2019

0 Comments

 
Start the day off with some eggs and sausage icons. Great way to start the day learning some fun tips.
Picture

Picture
Start the egg off with several overlapping circles. Select all the shapes and use the Pathfinder Unite mode to create one shape. 
Picture
Use the Direct Selection Tool to select all the inner corners, the pull the Corner Widgets out slightly.
Picture
This will round the points out on the egg white. 

Picture
Add a circle inside for the yolk.
Picture
Use the Arc Tool to draw arcs for the highlight noodles. Dark ones on the egg white, light ones on the egg yolk. Add a small circle at the end for flair.
Picture
Duplicate the white body of the egg. Remove the stroke. CUT the shape.

Picture
Select the white of the egg, fill it with a light gray. Click on the Draw Inside Mode at the bottom of the Tool Bar. Paste the previously CUT shape into the egg and position if offset as shown. Click on the Draw Normal Mode. 
Picture
Create a rectangle to start the sausage. 
Picture
Select the Corner Widgets and pull them into to maximum widgetness to round the ends. 

Picture
Fill the sausage with a contrasting color to the stroke. Add triangles to the ends. 
Picture
 Duplicate the body of the sausage. Remove the stroke. CUT the shape. Select the main sausage body. Click on the Draw Inside Mode at the bottom of the Tool Bar. Paste the previously cut shape and position if offset as shown. Click on the Draw Normal Mode. 
Picture
Copy the highlight noodles from the egg and use them here in the sausage. Select all the parts of the sausage and GROUP it all together. COMMAND + G or Object>Group.

Picture
Select the group and go to Effects> Warp>Arc.
Picture
Apply a horizontal Arc to the sausage to curve it. 
Picture
If you apply an effect such as the Warp, and rotate the shape, it will appear to do crazy things. The warp is very specific to the original position of the shape, any change in the position and the Warp applies its Arc to the current position.

Picture
If you want to Edit the Arc Effect to change the arc direction, use the Appearance Panel to edit the arc and set the Horizontal Arc to be the opposite curve of the Arc. 
Picture
You may notice that the shape will Arc but the blue outlines do not. This is why it is called an Effect. It just creates the EFFECT as if it is curved, but the outline is still the original shape. 
Picture
If you want to rotate the shape, you will need to select the shape, chose Object>Expand Appearance to apply the effect permanently to the shape and you will no longer be able to edit the effect. 
More about Expand and Expand Appearance here.

Picture
Add a plate to the mix. Create a circle behind the shapes. 
Picture
Add a white circle behind the shapes with no stroke for the inner portion of the plate.
Picture
Serve it up hot, because this looks tasty.
0 Comments



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