Select the front object (the darker one) and change its fill towards a two color gradient (purple to black), linear type and -78 angle.
Copy this shape and paste it on front (Ctrl + C, Ctrl + F), now we need to use the knife tool, pass it through the middle part of the object so you can get two separate objects.
Delete the superior part of the element that we just cut.
And now we need to fill this object, use a two color gradient, linear type, -114 angle, screen blending mode and 20 % opacity.
We need to fix our reel because until this moment there's nothing holding it, draw an ellipse for that purpose.
Use the basic 2 color gradient for the fill, linear type and 84.2 angle.
Copy paste (Ctrl + C, Ctrl + F) that ellipse and switch the fill to 77.7 angle.
Copy paste this ellipse (Ctrl + C, Ctrl + F) and move it to the left, then give it a black stroke of 0,26 pt and a basic color gradient, linear type and 85.9 angle.
Maybe we should put some tiny detail to the tape's tail.
And fill it with a solid color, perhaps black is a good choice.
And for an extra volume we draw a small shape on top of this last one.
Fill it with a lighter tone.
7. Other details and buttons
This following shape is a large one, start by tracing it with the pen tool.
Fill with a solid color (75 % black).
Draw a new shape to generate the actual volume.
Fill with a 60 % black.
And close this volume by making the frontal side.
Use the 2 color gradient for the filling, linear type, 151 angle and multiply blending mode.
One detailed object comes next, although it's easy to do.
Fill with 72.55 % black.
And the next shape goes like this.
Just fill it with a 60 % black.
And now we need to make two initial elements, let's start with this one.
Use a 100 % black for the filling.
Then comes the shadow.
Use a 72.55 % black for the filling.
And now select the whole element and copy it, then paste a total of 4 duplicates.
A new ellipse is needed, it's time to make the projector's lens.
Linear type, 90 angle and multiply blending mode are the values to be assigned to to this shape.
We need a 3 color gradient for the next shape, first of all let's draw it.
And now, the two color extremes must be black and the center an average gray.
Now comes an ellipse.
And the fill parameters should be linear type and -104 angle.
Copy paste the ellipse (Ctrl + C, Ctrl + F) and reduce its size a little bit, then change the fill parameters to -118 angle.
We need a few more details in order to complete the lens, first grab the pen tool.
And use the basic gradient to fill the object, linear type and 81.8 angle.
Now a glow shape, easy task.
Fill it with pure white and reduce the opacity to 20 %.
Next shape goes above the last highlight we did.
Fill with a radial type gradient, screen blending mode, 50 % opacity and 0 angle, remember that you can move the gradient's center by clicking G and sliding the gradient handler.
Let's speed things up, we still have a lot to do, draw the next element.
The parameters for this fill are multiply blending mode, linear type and 148 angle.
And the next one.
Fill this object with a 84 % black.
These two were the main shadows, now we need the large object.
Filling must be composed of a 2 color gradient, linear type and -104 angle.
After making the large object we proceed making the frontal part.
The filling parameters are linear type and 126 angle.
Perhaps we need to give some extra volume by making a new shape in the top part of this button.
Fill the element using a 2 color gradient, linear type and -70 angle.
It's looking kind of plane, let's add an additional shadow.
Use a solid color for the filling (84 % black) and reduce the opacity to 50 %.
The next button goes above the lens.
The color standards are linear type and 51.4 angle.
To generate the volume we simply need to add a couple of things.
Set the fill values to linear type and 54,4 angle.
Using the ellipse tool, we add the final touch to this button.
The values are going to be linear type, 164 angle and multiply blending mode.
And the last button of this section goes between the two that we've already done.
Use a 75 % black for the fill.
Then comes the shadow, because we are making a realistic icon it's imperative to pay attention to the light / shadows properties.
Just use a 84 % black, that will handle it.
And the highlight.
This object has a gradient on its fill, linear type, -51 angle, screen blending mode and 50 % opacity.
We need a highlight on the side of our film projector, easy thing to do.
And for the fill properties we have: Linear type, -115 angle, screen blending mode and 10 % opacity.
A few more buttons to improve our icon's details, use the ellipse tool for start.
Filling with a solid color (92 % black) and 35 % opacity.
Copy the ellipse and place it left to the original.
Copy paste (Ctrl + C, Ctrl + F) the right side ellipse and reduce its size a little bit, then change the fill properties to a 2 color gradient, linear type and -98 angle.
Again, copy paste the ellipse and reduce its size, then adjust the fill properties to linear type and 79.2 angle.
And repeat the process, copy paste this ellipse, reduce its size and modify the fill values to multiply blending mode, linear type and 42.6 angle.
Don't worry, we are getting closer to the end, one more figure using the pen tool.
Linear type and -67 angle are the fill values for this shape.
Once again grab the ellipse tool.
And the fill values are the following: Linear type and 37.9 angle.
Copy the ellipse but this time paste it behind the original, you can simply right click>arrange and select send backward, then increase its size a little bit and change the filling values to linear type and -102 angle.
One last shadow to the button and we are done with it.
Fill this shadow with the two color gradient we've been using, linear type, 114 angle and multiply blending mode.
The button to the left is practically identical, it only changes in terms of scale and perspective. The ellipse steps are the same, you can check the fill values above, so you know how to get up to this part.
And now things change as we told you, so grab your pen tool.
No further changes to the fill, just linear type and -67 angle.
Now comes an ellipse, you know what to do.
The filling values are linear type and 44.5 angle.
Copy paste the ellipse, move it backwards, increase its size and adjust the fill values to linear and -95 angle.
Now the button's shadow, take the pen tool and trace it.
And adjust the fill parameters to linear type, 60 angle and multiply blending mode.
8. The second Reel
Both reels are almost identical, you only need to make a few changes. Copy paste the one that we already have, increase its size and finally, clear the tape's tail.
After clearing this element, select the front element that we made using the knife tool and change it a little bit so it won't look exactly like the original. Now your reel's copy must be looking like this.
Now we need to connect the tape from one reel to the other, that takes just a couple of shapes, so grab your pen tool.
Fill the element with a solid color (92 % black).
And the highlight of course.
The fill values for this one are linear type and 37 angle.
9. Final steps, adding highlights
OK guys, we are practically done with our film projector, the remaining elements are just highlights and details, so hurry up and let's finish it, grab your pen tool and trace the following shape.
Fill using a 2 color gradient, radial type and screen blending mode.
Next highlight goes like this.
The fill must be in screen blending mode, 20 % opacity and radial type.
OK the next highlight goes over the right reel (the duplicate).
The fill goes in radial type and screen blending mode.
The next highlight goes at the right side of the last one.
The filling properties are screen blending mode, radial type and -2 angle.
Now we move to the left reel and draw the first highlight.
And fill it using the 2 color gradient, screen blending mode and radial type.
And then comes another highlight at the right side of this one.
The fill goes in screen blending mode, radial type and -5.11 angle.
Next highlight, we are almost done my friends.
Radial type, -20 angle, 92 aspect radio, screen blending mode and 30 % opacity.
Next goes over the lens.
Adjust the fill properties to screen blending mode and radial type.
And beneath this shape goes another one.
Fill this highlight with the 2 color gradient, screen blending mode and radial type.
Now go back to the right reel and draw a small ellipse.
Fill it with white and reduce its opacity to 70 %. Now we need to use a blur effect, go Effect>blur>Gaussian blur and play with the values until you get something you like.
After playing with the Gaussian Blur we left our ellipse looking like this.
And now another ellipse above this last one.
Fill it also with white and reduce the opacity to 70 %.
Copy paste (Ctrl + C, Ctrl + F) both ellipses and place it in top of the left reel, perhaps you need to perform some scale adjustment.
Keep copy pasting, place the next one close to the lens. If you see different, try to adjust it.
The next copy goes at the bottom of the icon.
And the next copy goes towards the left side.
And the next couple of copies goes over the buttons.
And place the next highlight over the lens.
And the final highlight is not a copy, you need to use the pen tool.
Use a white tone for the filling.
The final thing to do is the light, grab your pen tool and draw the shape.
Fill the object with a yellow tone at 50 % of opacity.
And now we need an opacity mask. Draw the following shape using the pen tool.
Fill it with a 2 color gradient, linear type and -26 angle.
Now click on the right button of the transparency window (having both shapes selected to keep the yellow tone) and select make Opacity Mask.
And you will notice something pretty cool that will conclude the light element.
Voila, our icon has been completed. It's been a long journey across gradients, stroke shapes and more, we covered every step with careful detail so you don't have any doubts while making it, let us know your opinion about this and other tutorials. We will keep providing you with the best.
