Tropical Transparency Effect

Teaser: Floral Transparency Effect

Learn how to create a bouquet of Tropical Flowers. This tutorial is a breeze. You'll blow through this really fast.

You'll learn shortcuts for rotating objects, transparency effects, and how to create exciting geometric patterns.

Use these skills to create great background elements in your illustration or design work.


Draw Your Petal

First Turn on your grid View > Show Grid or (Command/Ctrl + Quotes). Then turn on snap to grid View > Snap to Grid or by holding down all three (Shift + Command/Ctrl + Quotes). Set your Fill to None (Forward Slash) and your Stroke to 1px with a Color of Black. Now grab the Pen Tool (P) and draw one half of your petal. Then select that half and go to Object > Transform > Reflect. Make sure its set to a Vertical Axis, a 90 Degree Angle, and hit Copy.

With the arrow key nudge the copy over until the top and bottom points align. You can turn off your grid now View > Hide Grid or (Command/Ctrl + Quotes). Use the Direct Selection Tool (A) and draw a box around the two top points. Then go to Object > Path > Join or (Command/Ctrl + J). For the Points choose Corner. Then repeat the process for the bottom two points. Now your first Petal is Complete.

Turn Your Petal into a Flower

Now with your petal selected with the Select Tool (V) grab the Rotate Tool (R). Hold down (Option) and click on the bottom tip of the petal. This is how you can activate the rotate dialogue box and rotate an object from a point you indicate. Now input a 30 Degrees Angle and hit Copy.

(Command/Ctrl + D) is a really handy shortcut, it will repeat the step you just did. Hit (Command/Ctrl + D) 10 times in order to completely rotate copies of your petals until you have a complete flower shape.

Let's Add Some Color

Select your flower and turn your stroke off. Then set the Fill to a Gradient of your choice. I used a blue linear gradient.

Now to get a more interesting effect go to the Transparency Window and choose Multiply.

Transform Your Flower Into a Whole Bouquet

I didn't want my flowers to multiply each other in the Bouquet. So I copied a flower, dropped it behind (Command/Ctrl + B), turned off Multiply by setting it back to Normal in the Transparency Window, and set the Fill Color to White. Then I grouped this background with the top colored layer. This gives each flower a white background. So their transparencies wont effect each other.

Experiment with different Transparency Settings, Gradients, and Colors to get an effect you like.

Tropical Transparency Effect

It's a very interesting and good Tutorial. I shall practice it soon.

i need held

I dind't get the last step... on my canvas the transparencys effect each other.
could you help me please? with a screenshot or an explanation in german...

Re: I need held

On the last step, copy your entire flower then paste it in back (edit --->paste in back or control +B) It won't look like anything has happened but you will have selected another copy of this flower that is directly behind your original. Now what you want to do is go to the transparency box and select Normal as the blending mode. Depending on what blending mode the object in front has, you may have to change the color of this object. I used "lighten" for my blending mode, so leaving the back object the same color worked best for me. (As long as the object in back is set to Normal, then you group the objects so they stay together, you should have no trouble with transparency)

long explanation, I know, but I hope it helped.

I am unable to get the

I am unable to get the rotate dialogue box coming up with the new pivot point. I am using CS3. I am asuming the option key is the alt key, but this does not work for me. The only way to get the dialogue box to open is to double click the tool, but then I cannot change the pivot point, help!!!

tropical transparancy

Very nice informative detailed post. Congrats. Can we apply this method to photoshop?

ahhh i spend a lot of time

ahhh i spend a lot of time trying to make this work.
you should select it, then click on rotate tool (pick it up) and then click on bottom point holding alt. that it with rotate tool selected. it brings options automatically (no double click on rotate tool needed)

Brilliant!

And super easy ;)

thanks

thanks

Looks great!

and interesting choice of colours.

need help

I am new to illustrator.
I couldn't get pasts the beginning.

I hit the COPY on Reflect and it seemed like nothing happened.
That made the next step impossible.
There were no top and bottom points.

Maybe someone can help. - Loren

THX

Thx SooOOOo Intresting

Thanks for the tutorial,

Thanks for the tutorial, really dig the retro look of those shapes. Nice work !

the multiply function

the multiply function doesn't work the same way as presented here....help?

Nice tutorial

wow... I gave it a try I just don't have those skills. Great tutorial though!

Awesome technique. Thank

Awesome technique. Thank you!

i like it

yup such a nice tut..thanks....

woh,great!!

thx yr tutorial..i got learn something new..
have a nice day :)

desing titorials

very nice desing and thank you for aiburan.com

Isolate blending?

Wouldn't it be more straightforward to use the 'isolate blending' command to prevent interaction between the flowers, rather than adding all those white copies in the background?

Select the first flower group, then check the Isolate Blending check box in the transparency panel. (If the Isolate Blending option isn’t visible, select Show Options from the Transparency panel menu.)

That should restrict the effects of blending to the objects within that group. Voila.

A gradient mesh might also produce more interesting effects on the petals than the simple linear gradient -- but it's a little more advanced.

Graphic Design

within 1 minutes I made whole, very nice I want to more ideas in future. thanks a lot

hello guys need advice

well, hi admin adn people nice forum indeed. how's life? hope it's introduce branch ;)

Keep going

Your creations are wonderfull. My internet connection is slow can you help me?

Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options