Realistic iPod Drawing || Adobe Illustrator
- Marie Luciano a.k.a. Marie Sunday
- 4 mar 2018
- Tempo di lettura: 3 min
In this Post I'm Sharing How To Draw a Realistic iPod In Adobe Illustrator CC // Step by Step Tutorial:
Adobe Illustrator Realistic Drawing / iPod - Part 1
How to draw a Realistic iPod in Adobe Illustrator - Part 1
THE OUTLINE
Let's start by choosing an iPod image we want to reproduce, let's import this image in Adobe Illustrator and start designing. To design all the iPod and Earphone parts we will be using different Shape Tools, the Pen Tool and the Type Tool.
When we are finished with the iPod and Earphone shapes, let's outline the texts and expand any open lines.
THE COLORING
Now the coloring starts. First we are going to color all the solid color shapes by following the original image colors, when necessary we will use the Gradient Tool for regular shading and in Part 2 we will introduce the Mesh Tool for irregular shading.
Adobe Illustrator Realistic Drawing / iPod - Part 2
How to draw a Realistic iPod in Adobe Illustrator - Part 2
In the second part of the iPod drawing we are introducing Illustrator Mesh Tool to color the irregular shading parts, for example the iPod body and the earphones.
I will explain how to use Adobe Illustrator Mesh Tool in my next video:
When our iPod is finally finished we can insert the image of our favourite Album in the iPod screen. Create a rectangle, with the Rectangle Tool, and fill it with the color Black, size and place the rectangle based on where your Album Image is going to be placed on the iPod screen, in my design the album is covering only half of the iPod screen. When you've placed the black rectangle, open your Album Image in Illustrator, copy and paste it behind the black rectangle Ctrl+B, and select both the Album Image and the Black Rectangle, wile they are both selected Mask your Album Image with the Black Rectangle by pressing Ctrl+7, now your iPod is finished and it has your favourite Album on it's screen.
How to draw a Realistic iPod in Adobe Illustrator - Part 3
In the third part of this iPod tutorial we are covering how to import artwork from Adobe Illustrator to Adobe Photoshop and create an iPod Mockup File.
There are many ways to import your artwork to Photoshop from Illustrator, I'm going to copy from Illustrator and paste in Photoshop each iPod part separately, because I'm going to need these separate parts to create the reflection and the iPod Cover Texture.
Another way to import Illustrator objects to Photoshop is to "Place" the Illustrator file in Photoshop as a smart object, it will preserve an image’s source content with all its original characteristics that can be edited in Illustrator and automatically updated to its linked instances but you wont get seperate editable object-level within Photoshop.
After we've copied all the iPod parts in Photoshop let's create the iPod reflection and shadow to make it more realistic.
When all of our post-productions in Photoshop are finished we can create a Cover to color our iPod "body". Start by importing a Texture you want to use as the cover image, place it above the iPod "Body Shape" level and behind the iPod Screen and Earphone layers, Add Layer Mask to the Cover Texture level using the iPod "Body Shape" Selection. Now that our Texture is masked we can change the Blending Mode to Moltiply and reduce the Opacity to 90/80%.
To make the Cover Texture editable, convert the level to Smart Object. After it's been converted by double clicking this smart object layer it will open a new document in Photoshop, let's go to this new document where our texture image is the only layer, here we can add a new texture or edit the existing one, when we are finished all we have to do is save this document and go back to the iPod document, our Cover Texture will be automatically updated. Repeat these steps with the Album Image layer to make it editable.
------------------------------------------------------------------------
FREE VECTOR DOWNLOADS
FREE Marie Sunday Vector Designs at:
------------------------------------------------------------------------
FREE MOCKUP DOWNLOADS
Check out Marie Sunday's FREE Mockup Designs at:
MORE MOCKUP DOWNLOADS
Get access to more Marie Sunday Mockup Designs at:
------------------------------------------------------------------------
Marie Sunday's Tutorials:
Commenti