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

Design Points n PixelS


INFOGRAPHIC SERIES - Gleaming Jewel

6/3/2018

0 Comments

 
Create a gleaming jewel in these simple steps. With or without a stroke to make it look bold or subdued. 
Picture
Picture

Picture
Create a triangle using the Polygon Tool. While drawing a polygon, use the down arrow to reduce the number of sides. OR, after you have drawn the Polygon, you can drag the diamond (red circle) up or down to change the number of sides. 
Picture
Flip the triangle and narrow the triangle to be half as wide as it is long.
Picture
Duplicate the triangle so the upper corners are touching. 

Picture
Fill the one shape with a lighter color. Use the Direct Selection Tool to select the bottom point and move the point over the the lower point of the middle shape
Picture
Repeat the last 2 steps to create the right side of the jewel. Make that section a darker color. 
Picture
Use the Direct Selection Tool to select the outer top points and move them in to create facets that are half as wide as the center facet. 

Picture
Select all 3 shapes and hit the RETURN key. That will bring up this dialog box. Set the horizontal and vertical measurements to ZERO. Click COPY. 
Picture
This will copy the shapes directly on top of existing shapes. Pull the bottom point up to flip the shapes. Pull that shapes half as high as the bottom shape. 
Picture
Draw a rectangle over the top 3 shapes. Select the rectangle and top 3 shapes. Use the Pathfinder TRIM feature to trim the top triangles.

Picture
Use the Direct Selection Tool to remove the extra shapes left by the Trim function. 
Picture
Select the top 3 shapes and choose Edit> Edit Colors> Adjust Color Balance. Click the convert box and the Preview box. Set the colors lighter and click OK. 
Picture
This will give the top facets a lighter look.

Picture
Add a stroke to the shapes. 
Picture
Set the stroke in the stroke panel to a rounded corner to avoid the spikes from the stroke. 
Picture
This is the result of the rounded stroke. 

Picture
Add some lines as highlights with rounded end caps (hot dog the ends).
Picture
Create a "gleamie" by using the Star Tool. While drawing, UP ARROW will add point, DOWN ARROW will take points away. COMMAND (on a mac) or CONTROL (on a PC) and Pull away from the center to create longer points, pull in toward the center to shorten the points. 
Picture
Use the Direct Selection Tool to select the points and pull them out to create longer and shorter points. 

Picture
Add the gleamie to the shape. Draw a colored circle and place it behind the jewel to make it more visible. 
Picture
To create a shadow draw a rectangle and make it a darker color than the background. 
Picture
Create a gradient in the rectangle to blend from the darker color to the lighter color background.

Picture
Select the gradient shape and CUT the shape.
Picture
Select the circle, click on the Draw Inside Mode at the bottom of the Tool Bar. Paste the gradient rectangle in the shape and position it to create a shadow. 
Picture
Click on the Draw Normal Mode to exit the Draw Inside Mode. 

Picture
To remove the outlines, select one of the facets, choose Select>Same>Stroke Color to select all the shapes with that stroke. Set the stroke to ZERO or choose no color. 
Picture
You have a gleaming Jewel!
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