Attention: These forums are no longer active. The iStock Contributor forums have moved to the Contributor Community site.

That Candy-like Appearance

of 2Next page
Displaying 1 to 20 of 26 matches.
LeoBlanchetteCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Photo downloadsMember is a Diamond contributor and has 25,000 - 199,999 Illustration downloads
Posted Fri Sep 21, 2007 3:33PM

Hi guys,


Who wants to share their experience and wisdom?


I see a LOT of illustrations with effects that look like they originated with transparencies, but in fact are skillfully created to look like transparencies. I find that I can achieve a good end result with transparencies, but it involves untangling a mess of open paths and other quirks that manifest.


So in terms of buttons, glossy design elements, and so forth, I was wondering if someone might want to share some tricks with us. Even, dare I say, a tutorial?
ChrisBrockDesign
Member is a Gold contributor and has 10,000 - 24,999 Illustration downloads
Posted Fri Sep 21, 2007 4:11PM
I've always gone with the untangling the open paths method myself.
LeoBlanchetteCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Photo downloadsMember is a Diamond contributor and has 25,000 - 199,999 Illustration downloads
Posted Fri Sep 21, 2007 4:19PM
By the way chris, my wife was laughing at your nickname.
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Fri Sep 21, 2007 4:54PM

I used the Divide option on the Pathfinder pallette to create transparent effect before william park showed us the link to the close path script. It's in this forum somewhere. I couldn't find it.


 


Suppose I might want to explain what you use it for, huh?  When you use divide on two overlapping objects, if the bottom one has a gradient on it and the top one is not filled the top one will have the same gradient centering and all of the bottom shape.  Then you can change the colors on the gradient without losing the exact postion of the gradient.  If that makes no sense I will try a tutorial, if you want one.  It is how I did these eyes.


file_thumbview_approve 

(Edited on 2007-09-21 17:00:30 by TiffanyHinnen)
LeoBlanchetteCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Photo downloadsMember is a Diamond contributor and has 25,000 - 199,999 Illustration downloads
Posted Fri Sep 21, 2007 5:04PM

Those eyes are absolutely stunning! I could probably take it from here (that close paths script sounds awesome), but I would absolutely love a tutorial just to get there from here quicker. Those eyes are really amazing!
CobaltMoon
Member is a Gold contributor and has 10,000 - 24,999 Illustration downloads
Posted Fri Sep 21, 2007 5:45PM

Toss in my vote for a tutorial


  ~ Glory ~
tanebeau
Member is a Bronze contributor and has 250 - 2,499 Photo downloadsMember is a Gold contributor and has 10,000 - 24,999 Illustration downloadsExclusiveExclusive iStockphoto Illustrator
Posted Fri Sep 21, 2007 6:36PM
WOW!!!! These are amazing!!!!
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Fri Sep 21, 2007 7:10PM
I'm working on the tutorial.  Almost finished.  Have some sick people here I'm nursing back to health, so bear with me.
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Fri Sep 21, 2007 7:56PM

This tutorial does not use the script mentioned earlier.  The script would be used after flattening a transparency to close the shapes.  I have written it using Illustrator CS on a PC, so your screen will NOT look the same on mac or other versions of Illustrator.  I hope you enjoy this tutorial, but if you do, please don't upload eyes sets like mine (or any eyes sets! ) to any stock sites.


Create a circle and apply the gradient you want.  Use global swatches in your gradient if you plan on changing the colors later.  Duplicate the circle onto another layer and lock/hide the bottom one (You'll need it later).  Add the shape you want to subtract to the front of the active layer.  Be sure it is not filled.  A stroke is ok and will help you see the shape.  Now, select both shapes and use the Divide option on the Pathfinder Pallette.


eye_tutorial_step01


While the divided shape is selected, Go to the menu bar and select Ungroup from the Object Menu.  Delete away any unwanted parts.  I usually just shift + click the shape I want to keep and press the delete key to remove the rest.  It should look something like this:


eye_tutorial_step02


Select your shape and go to the Gradient palette and adjust the inner color to what suits you.  I dragged it a little to the right.  (You may want to show the other layer if it has been hidden.)  You should now have the iris done.


eye_tutorial_step03


Next, create the reflection on a new layer making another circle/elipse and applying a gradient.  I used a gradient that blends the inner color of the iris to a lighter tint like 10% or less.  Copy the jagged iris shape you just made in the previous steps and paste it in front of the reflection.  Lock/hide the old layers, again.  Select the new jagged iris shape and Remove the gradient and add a stroke like before.  Select both shapes and repeat what you did with the iris. (dividing, ungrouping and deleting)  Adjust the gradient to look convincing.  (May want to unhide layers here, if hidden) Whew... almost done!


eye_tutorial_step04


Now lastly add the pupil.  You can do the same steps to it, like I did to add the reflection to it.  Can't really see it in the slit, but a human pupil would show the reflection on the black pupil as well and the iris.  And, there you go!  One shiny glass eye.


eye_tutorial_step06
LeoBlanchetteCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Photo downloadsMember is a Diamond contributor and has 25,000 - 199,999 Illustration downloads
Posted Fri Sep 21, 2007 8:21PM
Thanks a lot! I'll be putting that into action on series I'm planning needing lots of glossy/reflective effects. Very helpful!
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Fri Sep 21, 2007 8:26PM
You're welcome.  Looking forward to seeing what you make.
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Fri Sep 21, 2007 9:00PM

More of the same eye sets I did the same way.


file_thumbview_approve 


file_thumbview_approve 
heather_mcgrath
Member is a Bronze contributor and has 250 - 2,499 Photo downloadsMember is a Diamond contributor and has 25,000 - 199,999 Illustration downloadsExclusiveExclusive iStockphoto Illustrator
Posted Fri Sep 21, 2007 9:02PM
Wow, super job and thanks so much for the tutorial, I gotta go through it!
GAZ1DAN
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloadsExclusive iStockphoto Illustrator
Posted Sat Sep 22, 2007 5:59AM
Awasome Tutorial!!!
Thankyou sooooooo much Tiffany!!! =0)
dorianmelton
Member is a contributor and has less than 250 Photo downloadsMember is a Bronze contributor and has 250 - 2,499 Illustration downloadsExclusive iStockphoto Illustrator
Posted Sat Sep 22, 2007 9:31AM
Thankyou Tiffany...love those eyeballs!
diane555
Member is a Gold contributor and has 10,000 - 24,999 Photo downloadsMember is a contributor and has less than 250 Video downloadsMember is a Diamond contributor and has 25,000 - 199,999 Illustration downloadsExclusiveExclusive iStockphoto IllustratorExclusive iStockphoto Videographer
Posted Sat Sep 22, 2007 10:25AM
Fascinating tutorial Tiffany. Thanks for sharing your technique
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Sat Sep 22, 2007 11:17AM
/
/No problem. I know there are others ways to do the same thing like using Trim on the Pathfinder palette, but I think Divide works the best with multiple or complex shapes. Just my preference. I use it to get my gradients just where I want them.



Edited to say:  I will use this technique until Adobe wakes up and puts more gradient editing features in AI.

Anyone else have any tips or tutorials to add?

(Edited on 2007-09-22 11:20:06 by TiffanyHinnen)
nashrambler
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloadsExclusive iStockphoto Illustrator
Posted Sat Sep 22, 2007 4:24PM
Thanks Tiffany,
That's a terrific tutorial!!
Could you answer a question for me? Can we use transparancies or does one convert that before uploading?
For example: a shadow that goes over various colors and shapes?

I appreciate the advise.
TiffanyHinnenCLOSED
Member is a Silver contributor and has 2,500 - 9,999 Illustration downloads
Posted Sat Sep 22, 2007 4:40PM
I believe no transparency on iStock.  AI8 didn't have those kind of effects and doesn't support them.  Have to flatten it and close the messy paths.
viridian1
Member is a contributor and has less than 250 Photo downloadsMember is a Silver contributor and has 2,500 - 9,999 Illustration downloadsExclusiveExclusive iStockphoto Illustrator
Posted Sat Sep 22, 2007 4:53PM
Very nice tutorial, Tiffany. I like your style.
This thread has been locked.
of 2Next page
Displaying 1 to 20 of 26 matches.
Not a member?Join