Posted by Fadi G.
Sorry hat I haven’t posted in a while but I will make it up.
ZIPBUDS: So you’ve probably heard that I helped with the ZipBuds ad if you’ve read the Mac Lab post a week ago. I did help in a small part (helping make 3-D version of a company’s icon vector file). I was asked if I could manage it to make a 3-D Extruded ZipBud icon by Steven Moyer (alum). Though it was tricky to bypass the grey boxes you get from glows/effects, I saved day by using clipping masks. Phillip also tried to do an extruded Zipbud but failed (again grey boxes from Zipbuds) but he manage to make a good psd version. Either way, Steven Moyer still had a hard time impelling 3-D objects into Aftereffects so you won’t see it in the ad.
I didn’t just helped with the icon dilemma. I also helped in the practice shootings for the commercial in the Summer and the start of Spring semester. It was really fun shooting those silly scenes at school. At lunch time, we ate mostly pizza or just go to Alberto’s.
ELAC: I was also tasked with doing a poster and logo for English Learner Advisory Council. Since I didn’t choose the job, only assigned, I procrastinated a lot (2 weeks) till I managed to make something good. Just making a logo for something related to english learners was tricky enough.
DEVIANTART: I made my icons available to download on DeviantArt and I was slightly surprised by the outcome. Currently, each of my four icons (Chrome, Safari, Firefox, and Waterfox) averaging
50 70 downloads each. But I also fixed my icon shelves so it’s symmetrical horizontally and vertically. Download if you wish by clicking this link to my DeviantArt page.
Posted by Fadi G.
This is Part 2 of the Perspective Grid tutorial. Part 2 consists of making our grid into a realistic library.
Materials: +Illustrator CS5 +Perspective Tool +Stock Photos +Blend Tool
22. To leave off where we were before. We can draw some rectangles that represent the back of the shelves. Draw and group each rectangle in each row/column to fill all the “backs” of the shelves.
23. Let’s draw a black square that will be used for a clipping mask later.
24. Download some free stock textures and make sure they are wood patterns. I got these free stock textures from freestocktextures.com, go figure. I recommend download these items: http://freestocktextures.com/texture/id/698 and http://freestocktextures.com/texture/id/454.
25. In this step, we will make a clipping mask out of our front grid. To do this, send the grid to the back or front.
26. Bring the stock texture under/over our grid. Make sure that these two are both selected then right click and choose Create Clipping Mask.
27. Draw a similar black square anywhere on the screen. Stretch our second stock texture so it overlaps all of the black square. Select both of the square and texture and make a clipping mask.
28. Let’s drag our background text over our grid. Then, send this object to the back.
29. Now let’s have some fun and apply Inner Glow effects to each column/row of rectangles. Inner Glow is located in Effect>Stylize>Inner Glow. Set a shortcut for this effect or else keep clicking through the menu as we go through each rectangle. A good shortcut to set it to is PC: Shift+Ctrl+Alt+G or MAC: Shift+Ctrl+Opt+G. In the inner glow option box, choose a dark brown color, set the mode to multiply, set the opacity to 80, and blur to 15. These are recommended settings but feel free to change it.
30. Get through each rectangle and make sure they all have the inner glow effect.
31. Since we want the background texture to appear, let’s make all the squares that faces us, have an opacity of 50 or whatever you want.
32. Take some time to make sure everything is lined up and looking elegant.
33. Draw a square from one corner to another and apply a radial gradient.Make sure the color that is in the middle has an opacity of 0. See picture for reference.
34. Send this square to the back BUT in front of the texture.
And you’re down. Congratulations! This tutorial use some confusing methods but now you learned a lot more than you could’ve had.
The tutorial file will be uploaded via Box.net so you can play around with that.