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

Design Points n PixelS


    BLOG
    ​SIGN UP

Sign Me Up

Eye Dropper Icon

7/7/2019

0 Comments

 
Create this eye dropper icon with a few gradients and the easiest droplet you have made. Add a few highlights an done.
Picture

Picture
Start with a rectangle. Add a heavy stroke. 
Picture
Select the lower two corners with Direct Selection tool. Pull the corner widgets into the center to round the end. 
Picture
OPITON + CLICK on the corner widget target (twice) to cycle through the different corner options until you get to a point. 

Picture
Draw another rectangle over the end for the eye dropper tip. 
Picture
Select both shapes and use the Pathfinder Unite mode to make them one shape. 
Picture
Draw a square for the top part of the eyedropper. 

Picture
OPITON + CLICK on the corner widget target (twice) to cycle through the different corner options until you get to a point. ​
Picture
Start with a rectangle. Add a heavy stroke. ​Select the upper two corners with Direct Selection tool. Pull the corner widgets into the center to round the end. ​
Picture
Select both shapes and use the Pathfinder Unite mode to make them one shape. ​

Picture
Open the gradient panel and create a gradient from blue to dark blue. Double click on the color stops and choose the color. 
Picture
Add this gradient to the stroke and the fill of the upper part of the eye dropper. 
Picture
Picture
Select the lower section, fill it with a light blue. Choose Path>Offset Path. Set it to -4 and click OK. 

Picture
Add a fill to the new offset shape, remove the stroke. 
Picture
Apply a gradient to the fill offset path. Set the gradient angle at -45°. 
Picture
Assemble the shapes into the eye dropper. 

Picture
Draw a rectangle and rotate it 45° over the green fill. Select the green fill and rotated rectangle, Choose the Pathfinder Minus front mode. ​
Picture
Add lines to the eye dropper. Round the ends on the stroke panel. Set the line opacity to 30%.
Picture
To create the drop, create a circle.

Picture
Use the Direct Selection tool to select the top point and move it up. In the Properties panel , convert the point from a rounded point to a corner point. 
Picture
Use the arc tool to to draw a highlight noodle. Round the ends in the stroke panel.
Picture
Set the line opacity to 25%.

Picture
Rotate the eye dropper tool to a 45° angle. Add the droplet and you are done!
0 Comments



Leave a Reply.

    RSS Feed

    Archives

    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