Build this AWESOME Glass Planet from scratch in this Adobe Illustrator tutorial!
We’ll create line art from simple shape tools and a little pathfinder work and then build out gradients using a custom palette of colors to build out a really cool looking piece of artwork!
Download Tutorial Files Here
🧠 This tutorial was inspired by: https://dribbble.com/shots/3221153-Fantastic-Planet-001
Tags: adobe illustrator tutorial,adobe illustrator,vector artwork,planet illustrator,make glass illustrator,graphic design,graphic designer,adobe tutorial,illustrator CC,AI,illustrator tutorial,illustrator,illustrator tutorials,creative cloud,adobe creative cloud,#makeadobecc,adobe cc,illustration,illustrator cc tutorial,adobe creative suite,graphic design tutorials,vector illustration,adobe,how to,tutorial,design,tutvid,diy,do it yourself,logo design tutorial
Tutorial Recording Notes:
Disclaimer: these are the actual notes I used to record this video and are written in a language you may or may not understand. Hopefully, you find them useful or cool.
- New document, 2560×1440 in size with RGB color
- Create background rectangle filled with #06062B
- Create a 1440×1440 ellipse filled with white to transparent white radial gradient and set the layer to Overlay
- Create the line artwork (all with white 2pt stroke)
- Ellipse 580×580
- Duplicate this path and name the layer “Base” and hide layer
- Duplicate this path again and name the layer “Shine” and hide layer
- Offset the unlocked path -15px
- Duplicate inner ellipse and name the layer “LowYellow” and hide it
- Duplicate inner ellipse (visible) and swap fill/stroke to see it
- Duplicate it a second time and move this copy -100 on the X and -50 on the Y and subtract front shape
- Swap that fill and stroke
- Offset the inner ellipse (visible) -40px and use the scissors to trim to two highlight paths
- Ellipse 1050×240
- Copy and paste ellipse & change size to 990×200 & center them together
- Select both ellipse and tilt them 35º
- Ellipse 80×80 and set as top left moon
- Offset this path 3x at 12px
- Ellipse 50×50 set as bottom right moon
- Offset this path 2x at 12px
- Ellipse 225×225 for large moon overlapping bottom right of planet
- 2x Ellipse 40×40 and overlap two areas of the planet ring
- 4x Ellipse 20×20 (2 as planet/moons, 2 as “dots” within the planet)
- Drag out 60×60 star and use arrow keys and Cmd/Drag to get to four long points
- Cmd/Ctrl and drag the round corners controls to make this more like a twinkling star
- Duplicate this twinkle 3x and position/resize a little around the planet
- Ellipse 15×15 and drag out/sharpen top point to make tear drop and tilt to 45º
- Duplicate 6x and place all seven of these shapes around the planet and size them a little to change it up
- Draw “S” curve with Curvature or regular Pen tool that would run across the middle of the center planet shapes (complete this path around the bottom of the shape)
- Duplicate that shape, nudge downward a little and rotate/tweak it to make it look as natural as possible
- Use Curvature Pen Tool to draw a little shape that fills in the area to the top left of the two wave shapes just drawn
- Use a combination of duplicated inner ellipse and each of the wave shapes to clip the wave shape as we wish
- Load in colors via the downloadable file and simply click on the folder of colors in the pop up that appears to auto-add them to your swatches panel. (Make the thumbnails larger for easier viewing)
- Add gradient to top moon with yellow/green colors and add this gradient to all the rings (each ring at 15% opacity)
- Add gradient to bottom moon with orange/pink colors and add this gradient to all the rings (each ring at 15% opacity)
- Add blue/pink gradient to the larger overlap moon and set gradient angle to 135º and set layer to Color Dodge
- Add pink/light pink gradient to front-most wave and adjust color and angle as needed
- Add blue/cyan gradient to both other wave shapes and adjust angles as needed
- Select the crescent shape overlay, fill with white, set to Overlay and 20% opacity
- Select the “LowYellow” layer, turn it on, bring it in front of everything else and fill with yellow/light yellow gradient at 135º (light yellow should be top left), set to Hard Light @ 80% opacity. Tweak gradient stops to get a small yellow highlight in bottom right of planet
- Select the “Base” layer and use the last two pink swatches to create a gradient fading from pink to 0% transparent, adjust angle so it’s in bottom right corner, set to Hard Light at 55%
- Select both outer ring paths and subtract front with Pathfinder
- Fill with a pale pink, set to Overlay and move this border ring shape to the very back
- Drag “Shine” layer to the top and fill with a white to transparent gradient, set to Overlay an opacity that looks good (45%-ish)
- Select both small moon shapes on the ring and sample the gradient we used in the larger front-most moon and set it so the pink is on the bottom and the blue gradient color stop is at 10% opacity and set the shapes to Screen blend mode
- Select both ring shapes and swap fill/stroke and subtract front to knock out the middle
- Move this shape all the way to the front
- Fill with Pink/Gray gradient at about 125º (pink in front, gray behind planet) and set this to Color Dodge blend mode
- Select one of the ellipse paths and copy it and use as a mask to make the ring that drops “behind” the planet almost invisible
- Duplicate the ring, set to Screen blend mode, drop the gray color stop to 0% opacity and tweak the spread color stops to make it look good
- Duplicate the front-most ring and move +75 on the Y axis and fill with just the flat pink used in the ring
- Copy one of the ellipses and create a mask so this ring can be like a shadow for under the actual ring
- Set to Multiply blend mode and 25% opacity
- Select both stroke highlights on the planet and set to a 20pt stroke w/ rounded caps, set stroke color to white and 85% opacity
- Select all the outer star and raindrop shapes and fill with white or cyan and set to Overlay
- Select any small ellipses and fill with the same gradient as the top left moon and rotate so green is on bottom and yellow on top(set to 0% transparency) and set to Color Dodge blend mode
- Duplicate one of those little ellipses and drag it over the waves and set to Screen blend mode
- Duplicate a bunch of times to create a texture
- Double click the Magic Wand tool and tick on the option to select like objects only with the same blend mode and select all the shapes we created
- Duplicate them and size them down and spread these smaller dots around a little
- Duplicate 3-4 dots and make these larger and position them all over the wave
- Select all these shapes and reduce the opacity to 20%
Leave a Reply