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

Design Points n PixelS


Space Molecules

3/8/2020

0 Comments

 
Create these spheres with a simple blend and a few highlights, add some connectors and them some cool effects to make it look like data using the 3D effect. Futuristic cool.
Picture

Picture
Start with a circle, add a fill and a darker stroke. 
Picture
Draw an oval and fill it with a lighter fill color. Select both shapes.
Picture
Choose Object > Blend >Blend Options. Set the Spacing to Smooth Color. Click OK.

Picture
Choose Object > Blend > Make to blend the colors. 
Picture
Create another oval and fill it with white. 
Picture
With the Direct Selection Tool click on the bottom handle and move it up to round the bottom.

Picture
Fill the shape with a gradient. Make on color stop white, the other color stop set the opacity to 0%. Apply the gradient to the upper shape with the white at the top, fading to nothing at the bottom.
Picture
Draw another oval.
Picture
Apply the same white to transparent gradient but change the gradient type from linear to radial, having it go from white to transparent. 


Picture
Create 2 circles, overlap then with a slight offset. 
Picture
Select the shapes and use the Pathfinder Minus Front Mode. 
Picture
Fill the shape with white and place it on the shape. 

Picture
Choose Effect > Blur> Gaussian Blur.
Picture
Set the Opacity of the shape to 45% to lighten the shape. 
Picture
To create the connectors, create 2 rectangles one with a light fill, one with a dark fill. 

Picture
Use the Direct Selection Tool to select the four outer corners to activate the corner widgets. 
Picture
Pull the corner widgets in toward the center.
Picture
Select both shapes and choose Object > Blend > Make.

Picture
Choose the Free Transform Tool and select the Perspective Distort Mode.
Picture
Select the top part of the connector and pull the connector wider. 
Picture
Put the connectors on the sphere, add other spheres and scale them to size. 

Picture
To change the color of the spheres, select the spheres and choose Edit > Edit Colors > Recolor Artwork. Click the EDIT tab and lock the colors together with the link in the lower right corner. 
Picture
Move the paddles around the color wheel to change the colors of the spheres. 
Picture
Add more spheres and connectors, change the colors as you see fit.

Picture
Create an oval, fill it with black. 
Picture
Add a Gaussian Blur effect to the oval.
Picture
This will be the shadow under the connectors. 

Picture
In the opacity window, set the Blend Mode to Multiply
Picture
Move the shadows under the connectors onto the sphere for the anchor shadows. 
Picture
To create the look of data on the sphere, create some lines and shapes. 

Picture
Choose Window > Symbols and open the Symbol Panel. Select the data shapes and drag them into the Symbols Panel. Name the symbol. 
Picture
Draw a circle, stroke with not fill color. 
Picture
With the Direct Selection Tool, select one side point and delete it, removing half the circle. 

Picture
Select the shape and choose Effect > 3D > Revolve. Click the Preview Button. This will make a sphere. 
Picture
Click the Map Art button. Choose the newly added Symbol from the drop down menu.
Picture
Scale and rotate the data set symbol to have it map to the sphere. Click the INVISIBLE GEOMETRY button to make the sphere transparent. 


Picture
The artwork will map to the sphere but the sphere will be invisible. 
Picture
The data bits will now look like a sphere. 
Picture
Go into outline mode by choosing View > Outline. This will show the sphere and the data bits. Choose Object > Expand Appearance, the choose Object > Expand. 

Picture
Use the Group Selection Tool (nested in the with the Direct Selection Tool) and select the outer rings of the sphere and delete them.
Picture
This will leave just the data. Choose View > Preview to go back to the normal view.
Picture
Scale the data to fit it to the sphere. 

Picture
Select the data bits and apply the white to transparent gradient with a radial gradient. This will give the data a glow look. 
Picture
Rotate the data bits for each sphere. You are done!
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