Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop
INB Português Fórum
BEM - vindo a indústria nativa e "boffin") Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito "boffin" VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com
INB Português Fórum
BEM - vindo a indústria nativa e "boffin") Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito "boffin" VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com
INB Português Fórum

BEM - vindo a indústria nativa e boffin) Da era industrial, aqui está cheio de espírito de Luta, Ambos através Da rede espaço biológico nativo espírito boffin VEIO a mad labs.Casa inbforum.com, Nome Definitivo: inb-english.forumotion.com


Você não está conectado. Conecte-se ou registre-se

《《《《《《《上一页INBforum   Ir para baixo

上一页INBforum》》》》》》》Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

1Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Empty Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Ter Jan 18, 2011 9:58 pm

Admin

Admin
Admin
Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop 3002525186_73cdc17929_b

Tags



    <LI class="taxonomy_term_30 first">illustrator
    <LI class=taxonomy_term_15>photoshop
    <LI class=taxonomy_term_8>tutorial
  • vector




One of the best tools in Illustrator in my opinion is the Blend Tool. There are so many things we can do with the blend tool, mixing shapes, replacing the Spine path to create crazy forms. Also I try to learn how the real masters like Andy Gilmore create those fantastic pieces. I don't even know if he uses Illustrator but some of his artwork can be done with the Adobe vector app mixing with a bit of Adobe Photoshop.


In this tutorial I will show you how to create a abstract sort of flower using the Blend Tool in Illustrator then playing with it in Photoshop to produce a very colorful wallpaper.
Step 1


Open Illustrator and create a new document, then with the Arc Tool create an arc. Duplicate the arc and rotate it to create a sort of leaf. With the Direct Select Tool (A) select the to 2 top vertices and Join them, go to Object>Path>Join. Repeat the same thing for the 2 bottom vertices and you will have a nice shape.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_1
Step 2


Duplicate the shape and rotate it 90º. Then select the Blend Tool (W). Click on one shape then on the other one to create the blend. After that with the Ellipse Tool (L) create a ellipse holding shift. Then with the Direct Select Tool (A) delete 3 segments of the circle.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_2
Step 3


Select the path of the Blend Object and the arc you created and go to Object>Blend>Replace Spine. That command will replace the line SPINE, that is the Blend Object default path with any path you want.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_3
Step 4


To edit the Blend Object just double click on the Blend Tool icon or go to Object>Blend>Blend Options... Change the Spacing to Specified Steps and use the number of steps you want. Also for the Orientation use Align to Path. You will have to rotate the 2 shapes because the Blend Options will automatic rotate the shapes. So double click on the Blend Object to edit the Blend and rotate the 2 shapes. Use the image below for reference.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_4
Step 5


Change the color of the 2 shapes you used for the blend. I used red and yellow. The go again to the Blend Options and increase the number of steps. Use 4 or 5. You will notice that the Blend Tool will create the tone colors from red to yellow.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_5
Step 6


Duplicate the blend object, rotate, and align it with the first blend object. Also replace the colors to yellow and green and send ir to back, go to Object>Arrange>Send it to Back.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_6
Step 7


Duplicate the blend object, rotate, and align it again, now with the second blend object. Replace the colors to green and blue. Also send ir to back, go to Object>Arrange>Send it to Back.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_7
Step 8


Duplicate one object one more time and close the flower using blue and red. Again send it to back.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_8
Step 9


Go to Object>Expand. Then with the Direct Select Tool (A) select the red, yellow, green, and blue shapes. Delete them because they are duplicated from the blend.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_9
Step 10


Ungroup the objects, go to Object>Ungroup. Then select all elements and go to Window>Transparency. Change the Opacity to 75% and play with the Blend Modes. Below you can se some of the Blends I tested.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_10
Step 11


Just an experiment trying to create a typeface, my cousin said it looks like a caterpillar, so I named it catypellar.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_11
Step 12


Copy the flower from Illustrator and paste it in a new document in Photoshop as Smart Object. I used 1900x1200 pixels. Also the background has to be black. Position the flower at the bottom of the document like the image below.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_12
Step 13


Go to Layer>Layer Style>Bevel and Emboss. Use Inner Bevel for the Style, 1% Depth, Direction Up, Size 1px and soften 0px. For the Shading use 90º for the Angle. For the Highlight Mode use Color Dodge in white and 100% opacity. For the Shadow Mode use Color Burn in Black and 15% Opacity. Also change the Blend Mode of the layer to Screen.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_13
Step 14


Duplicate the layer and resize it, make it a bit smaller, like the image below.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_14
Step 15


Again duplicate the layer and resize it, make it a bit smaller than the previous layer. Use the image below for reference.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_15
Step 16


Repeat the same thing as the previous step, this time however change the Blend Mode of the layer to Darker Color.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_16
Step 17


Again, duplicate the layer and resize it. Use Multiply for the Blend Mode and also add a Color Overlay. Use black for the Color and 100% Opacity.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_17
Step 18


Once again duplicate the flower, not the one with the black color overlay. Resize it and change the Blend Mode to Normal. Then duplicate the layer again and just change the Blend Mode to Color Dodge.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_18
Step 19


Add another layer on top of the others and with the Gradient Tool (G), select Radial for the type and black and white for the color. Then fill the layer with the gradient, start from the center and bottom of the page exactly where the flower starts to grow. After that change the Blend Mode of the layer to Multiply.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_19
Step 20


Add another layer again and go to Filter>Render>Clouds, make sure that you had black and white for the colors. Then go to Filter>Blur>Gaussian Blur. Use 5 pixels for the Radius. Change the layer's Blend Mode to Multiply as well.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Step_20
Conclusion


You can add a bit of noise or more elements if you want. The idea is play with the blend modes and of course Illustrator, where all the magic was done. If you want to create a version with a lighter background you will have to change the blend modes. Instead of Screen, use Multiply and play with the opacities like I did in the lighter version in the image below. It's just a nice tecnique, inspired, again, by the incredible Andy Gilmore.

Tutoriais Illustrator Super Cool Abstract Vectors in Illustrator and Photoshop Conclusion
Click here to view the Light version and here for the Dark version.

Download the Photoshop File



Click here to download the Photoshop file used for this tutorial
Sobre o autor


I'm a graphic and web designer from Porto Alegre, Brazil. I'm the founder of Abduzeedo and in 2011 I will start working as graphic designer at Google in Mountain View, CA. You can get in touch with me via Twitter at @abduzeedo or also visit my personal site at [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]]

http://pt.inbforum.com

上一页INBforum   Ir para baixo

上一页INBforumVer o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Criar um fórum | ©phpBB | Fórum gratuito de ajuda | Denunciar um abuso | Fórum grátis