Tutorial 3D wireframe Justice cross. Illustrator + Photoshop

Tutorial 3D wireframe Justice cross. Illustrator + Photoshop

June 28th, 2009  |  Published in Graphic Design, Tutorial Illustrator, Tutorial Photoshop, Tutorials  |  10 Comments

You like this post? Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter
  • Technorati


With this tutorial we introduce Alex, graphic designer from Turin (Italy) who created this exclusive illustrator+photoshop tutorial for koikoikoi

line1
avataralex1
Author:

21 years old raphic designer, Alex is a freelance who makes visual researches on perceptive phenomenon came from shapes and colors. His inspirations come from various sources, from Non-Format and Big Active studios to Kubrick’s images and Nietzsche’s moustache. His now working on a photographic research on liquids.
http://www.behance.net/AlexCascarano

line2

Open a new A4 document in  Adobe illustrator. we have to create the “grid” of the cross, this is maybe the most complex part of the tutorial. Select the Line Segment tool and draw a line, long as our document width. Draw another line at about 25 cm from the first one. Both the lines (1,2) must have 1 point stroke.

1Now go to Object/Blend/Blend Options and on the panel select “Specified steps” (1) as Spacing and give 30 as value. Select the lines made before and go to Blend/Make.

2 3

Now select the horizontal lines object you just made, duplicate it and rotate it 90 degrees to maka e a grid. Select all and go to Object/Expand so that you can work on single lines.
Pull both horizontal and vertical lines so that you obtain a cross similar to this one (1).

4 5Select the cross and try to give it a perspective look, in order to do this go to Object/Envelope Distort/Make with warp. In Warp Options put 0 (zero) to the first and second value and about 60 to the third. We’r gonna obtain this result. Stretch it a bit by the lower end.

6 7

Now we’re gonna make the thickness of the cross with the same process, paying attention to respecting the perspective view. With some try you should get something like this (1)

8 9 102

Now got to Photoshop. Create a blank A4 document in Photoshop. Make a black layer with the Paint Bucket. Import the cross from Illustrator as Advanced Object. select the cross layer and rasterize it (right click “Rasterize Layer”). Add a layer style “Gradient Overlay” and set these values above.

11

Now duplicate this layer and go to Filters/Blur/Box Blur, try to give a value between 8 and 20 looking at the result you see down here. Don’t go to far with this step or you’ro gonna get a confused image.

12 131

Create a new group called “cross” and put in it all the layers you did so far, expect the black background. Now we’re gonna work with lights. Add a new layer over the “cross” group and name it “light”, select the Brush tool. It must be very large, about 2000 px and soft, select whit as foreground color. Se the Light layer in Overlay as blend mode. One or two clicks on the top of the cross should be ok.

14

Select the cross (cmd o ctrl+click on the layer) and with a lot smller brush (try 200 px) on  a new layer trace the border of the cross. Pay attention to set this layer in Overlay, as the other one.

151 16

With this technique, adding layers to give lights to other parts, the cross will be more and more bright. Don’t got o far with this.

17

Add a new group called “cross lights” and put in it the layer with the lights work. We’re almost at the end. Take a grunge texture (you can easily find it online). The color is not important, just be sure the size is big enough. Import the texture in our work and place it just over the black background.

18

Desaturate it and out the blend mode in “Vivid Light”

19

Go to Image/Adjustment/Levels (cmd+L) and move the first cursor to the right to make the image darker

20

Add the text and the final touches you think it needs. I used a Gill Sans as font as a quote to “2001: a space Odyssey”, Kubrick’s masterpiece.

211

Ok, the work is done. I personally never finish to give final touches on every single detail to get a perfect image. You can use different ways to get the result, experimentation is the key word of the creative process.

22

You like this post? Spread the word:
  • Digg
  • del.icio.us
  • Facebook
  • StumbleUpon
  • Twitter
  • Technorati

Author : koikoikoi

Koikoikoi is Danilo Rolle and Rubens Cantuni, designers, art directors, nice guys. Follow us on Twitter: @koikoikoi_com

Related posts

Responses

    Gravatar
  1. Sebastiano Guerriero ha detto:

    June 29th, 2009at %I:%M %p(#)

    Complimenti Alex! Un ottimo lavoro

  2. Gravatar
  3. Angi ha detto:

    June 29th, 2009at %I:%M %p(#)

    fighissimo. complimenti.

  4. Gravatar
  5. basetta ha detto:

    June 29th, 2009at %I:%M %p(#)

    big ups per questo tutorial, spacca.

  6. Gravatar
  7. david sossella ha detto:

    June 29th, 2009at %I:%M %p(#)

    Vai Alex! gran lavoro

  8. Gravatar
  9. Koi ha detto:

    July 1st, 2009at %I:%M %p(#)

    Carino… Uno che giochicchia un pò con Photoshop e Illustrator si dice: “effettua ricerche visuali sui fenomeni percettivi scaturiti dalle forme e dai colori”? Non lo sapevo… Andiamo bene

  10. Gravatar
  11. photo retouching ha detto:

    July 2nd, 2009at %I:%M %p(#)

    Great tut. Love the way your site loads, starts off with a scribble!

  12. Gravatar
  13. Rubens ha detto:

    July 2nd, 2009at %I:%M %p(#)

    Ci stanno anche le critiche, ovviamente, siamo in democrazia, ma quando si fanno sarebbe buona norma seguire 2 regole:

    1- che siano costruttive e non fini a sè stesse
    2- firmarsi col proprio nome e sito.

    Visto che dici “giochicchia” non dovresti avere alcun problema a linkare il tuo portfolio.

    E abbi almeno l’ardire di inventarti un nickname tuo e non firmarti koi e con una mail falsa

  14. Gravatar
  15. marbio ha detto:

    July 2nd, 2009at %I:%M %p(#)

    Grandissimo!!!Ben fatto,ottimo lavoro.

  16. Gravatar
  17. roberto ha detto:

    September 2nd, 2009at %I:%M %p(#)

    Bel tut! Però non ho capito come devo fare per render la croce tridimensionale in Illustrator, nel passaggio appena prima di importare il tutto in Photoshop…. mi potete spiegare?

    Grazie

  18. Gravatar
  19. yo ha detto:

    November 21st, 2009at %I:%M %p(#)

    come si fa l’alone sullo sfondo attorno alla croce? e i graffi… insomma i ritocchi finali? grazie

Leave a comment

KoiKoiKoi is a magazine about visual arts. Illustration and graphic design, motion graphics, animation, advertising, web design, photography, but also trends, interviews and tutorials.

Koi Koi Koi
Be creative!


Language
Sponsored Ads

Recent Posts

Random WeLikeIt!

711_CamilladErrico_Yuuta_500-white.jpg


Archive


t_the_tie_by_mathiole.jpg 003_.jpg ept_08v2_lapmovies_b-580x388.jpg 725891234843197.jpg Immagin.png jordan-5-new_2.jpg shirokuro.jpg kaloian_toshev artinindustryflyer.jpg