Now we are going to clean the parts that we don't need. To select individual parts of a divided shape, select the white arrow under the black we have been using all the time.
Now we need to start cleaning the spare parts. You must click over each part at a time and tab Delete until you erase it.
After you've cleared all the unnecessary parts, you'll see something like this:
As the Red Hot Chili Peppers say, we must take it to the other side. Let's draw a new stroke line on the other extreme that we must clean.
Once again, let's click on the first icon of the second row in the pathfinder menu.
After doing this, the shape will look like this:
Now, select the white arrow and star cleaning the parts that we don't need.
We're almost done with this part, after deleting this scraps it will be looking like this:
Choose the pen tool and draw a stroke line shape in the middle of the one we have been working on.
Now select both shapes and click on the pathfinder button we used before.
Now select the white arrow to start cleaning the unnecessary parts.
And let's clean up all the mess.
Good, the shape is done, now check the result.
Now we are going to create a 3D vibe with the shape we just did. Select the shape and copy it (Ctrl + C) and paste it over the original (Ctrl + F), change its filling properties for a 90 % black, then move it a couple of pixels to the upper left.
One final thing regarding this part. Select the pen tool and draw a line by the middle of the shape.
Select both the line and the shape and click on the divide icon (pathfinder menu) that we have used.
Then choose the white arrow and select all the objects from the middle to the left.
Now switch from the white arrow to the black arrow so we can move the selection as a group, then move it a couple of pixels to the right.
OK, we have done one of the most difficult things in the creation of this high quality icon, the rest its easier.
The next shape that we will be doing is a glow over the focus lens. Grab your pen tool and draw it.
For the color fill, let's choose a 2 color linear gradient with a 126 angle. But that's not all, we are going to change the blending mode of the shape. On the same gradient menu, you will find the Transparency field, if you don't see it go to Window>transparency. Activate this field and then change the mode from normal to screen, that will make a see-through effect to the shape.
Changing blending mode, gives us a lot of options to change the interaction between objects.
Let's continue by making an ellipse with the tool of the same name, assign it a solid color fill, in this case a 5 % Black (almost white) and then rotate it to fit in the perspective of the icon.
The next thing to do is copy paste the ellipse we just did (Ctrl + C > Ctrl + F), change the filling properties to a 100 % black and move it a little bit to the left.
This is another copy task. Copy the shape we just did (Ctrl + C) and place it on top (Ctrl + F), modify the filling parameters to a 3 color linear gradient with a -114 angle. After doing that, hold Shift and reduce its size to about 90 %, then put it a little lower from the middle.
Make a copy of the element we just did, reduce its size to about 90 % and modify the filling values to a solid color, in this case a 40 % black.
We're getting closer to the end, take a look outside this four walls for a couple of minutes and then we keep working on our camera.
Time to continue. Copy the ellipse we just did and place it a little bit upper, change its filling properties to a 2 color linear gradient with a 83.8 angle.
Now we will be making a change in our color palette, because we will start the lens glass. Copy paste the last ellipse we've done and reduce its size to about a 85 %, place it on top of the rest and in the middle, then change the filling color properties to a 2 color linear gradient with a 52.5 angle.
We will be using this two blue tones for all the objects similar to the one we just did. Copy paste the ellipse, reduce its size to about 80 % and place it a little bit above from the middle, modify the angle of the filling properties to 39.9.
Copy and paste one more time an ellipse, the last one we did to be exact. Reduce its size to about a 40 % and change the angle in the filling parameters to 130.
One last copy. (Ctrl + C) to the last ellipse we made and place it above the middle of this one, change the angle of the filling properties to -62.
Now we are going to add a glow. Choose the pen tool and draw a small shape in top of the lens, then fill it with a 2 color (black and white) radial gradient with a 0 angle.
One more glow. Select one of the ellipses we've done and reduce its size so that it fits inside the lens glass, then change its filling properties to a 2 color linear gradient with a -55 angle, also change the blending mode to screen.
Let's go back to the camera's body. Grab your pen tool and draw a shape at the top left side of the icon, fill it with a 2 color linear gradient (dark green to 100% black) and a 169 angle.
Draw another shape next to the one we just did to add some glow. Change its filling parameters to a 2 color linear gradient (light gray to dark gray) and a 0 angle.
One more glow, draw it with the pen tool and regarding the filling properties choose a 2 color linear gradient with a 59.7 angle.
The next glow goes in the front part of the camera, draw it with the pen tool and assign it the following filling properties: 2 color linear gradient with a 10 angle. Change also the blending mode to screen.
Let's keep improving our camera details. Draw a new shape at the right side of the camera using the pen tool and assign it the following filling values: 2 color linear gradient with a 123 angle.
Now draw a glow shape with the pen tool at the right side of the one we just did, fill it with a pure white color.
Let's keep adding glow to our camera, choose the pen tool and draw a small shape on the top of the flash body, then fill it with a 2 color linear gradient and a 153 angle.
The next glow goes at the right side of the flash body, draw it with the pen tool and fill it with a 2 color linear gradient with a -63 angle.
The next figure is not a glow, but it helps with the 3D looking that we are looking for. Draw it with the pen tool at the left side of the flash base, fill it with a black tone.
Now another glow, use the pen tool to draw it and then fill it with a 2 color radial gradient and a 0 angle.
This one is a very tiny glow but still useful. Draw it in the back of the flash base and for the filling assign it a 2 color linear gradient with a 0 angle.
Another tiny glow, draw it at the left of the one we just did and fill it with a 2 color linear gradient and a -18 angle.
Let's draw the same glow we just did but on the right side, regarding the filling parameters, choose a 2 color linear gradient with a -19 angle.
Another glow of the same style, but this one goes on the front, draw it and then fill it with a 2 color linear gradient and a -16 angle.
This one is a big glow, draw it at the right side of the camera's body, then modify the filling parameters to a 2 color linear gradient and a -83 angle.
The next is a stroke line, remember to check the fields at the bottom of the tools bar, so that the stroke square is on top, select a 90 % black to make the line.
The next one is a small detail that will provide the camera a realistic look, draw it with the pen tool next to the focus lens and fill it with a 2 color linear gradient and a 122 angle. Then copy the button and place it on the same side and rotate it so the gradients get reversed.
Now we must copy the button (Ctrl + C), make sure you select the original and the copy, then place it next to the first button.
One more copy (Ctrl + C) of the button, place it at the right of the one we just copied.
OK, we're almost there, just a few more details and we're done.
This is the part where the memory card goes. Let's draw the base first, filled with a 100 % Black.
Now copy this base (Ctrl + C) and place it on top (Ctrl + F), then move it a few pixels to the right and change the filling properties to a 2 color linear gradient with a 3.2 angle.
Now let's draw it a glow, use the pen tool to do it and for the filling parameters choose a 2 color linear gradient and -157 angle.
OK, one more glow, this one goes in front of the flash. Draw it with the pen tool and assign it the following filling parameters: 2 color linear gradient and a 161 angle.
This is one is much a shadow as a glow. Use the pen tool to make the shape and then fill it with a 2 color linear gradient and 0 angle.
The next glow is a very thin one. Use the pen tool to define its shape and fill it with a 10 % black (almost white).
6. The final details
OK, just one more thing and we're done. We are going to add a couple of glow shapes to the lens. Draw a straight shape that emulates a light shine. Then fill it with a 2 color linear gradient and a -114 angle, finally, change its blending mode to screen.
OK, now copy the glow (Ctrl + C) and paste it left to the original, then rotate it a little bit to the left.
Voila!!!, our camera is complete. It took almost 200 images for us to do it but I think it was worth the effort, we have learned to create 3D environments by just overlapping layers, changing blending modes and playing with the gradients. I hope you enjoyed this tutorial and we well see you next time.
