N.Design Studio

Design Process of Phoenix Illustration

Filed in: Design, Tricks & Tips Jump to comments

illustration processNumbers of people have asked me how to do the phoenix illustration on my site. Was it vector? Did I use Illustrator or Photoshop? Well, here I will tell you my design process from concept sketch to final illustration. Hope you will find this useful.

1. Concept Sketch

Like most other designers, I like to brainstorm and sketch out my ideas.

sketch

2. Research

Then I will go to Google image search to get design inspiration. Notice the color theme used on my site is very similar to the images that I found?

research

3. Tracing

Normally I will do a fine sketch and import it in Illustrator for tracing purpose. Check out my Illustrator vector tracing tutorial. Here I experimented with different color variation.

tracing

4. Illustrator Files

Here are the Illustrator files that I traced from sketches. These vector illustrations then imported into Photoshop for composition.

Illustrator files

5. Effects

I used Photoshop to add FX effects like: rainbow, glow, particles, and gradient. One of the frequently asked questions is how to do the particles effect on the tails and flowers. To make the particles, just set the layer’s blending mode to "dissolve".

Photoshop effects

6. Final

Here is the final illustration. Download the full size wallpaper.

final illustration

190 comments so far

Pages: [19] 18 17 16 15 14 13 12 11 10 91 » Show All

  1. Gravatar
    Ronny
    # 190

    July 10th, 2008 at 6:05 pm

    your design is absolutely great!
    really nice work, also the icons, well done!

  2. Gravatar
    Doni
    # 189

    July 9th, 2008 at 12:44 am

    That’s really great! I really like the way how you draw and your imaginations. Can you show in your tutorial how to draw hairs or something like slick and smooth. Mostly you can find in designs 2 color artworks of flowers or something like hairs comes from a corner in a darker color then background. I think you know what I mean. Thank you. Cheers!

  3. Gravatar
    Joomla Templates
    # 188

    July 7th, 2008 at 11:17 am

    Nice design…I want to integrate similar design for Joomla templates.

  4. Gravatar
    Sajitha
    # 187

    July 5th, 2008 at 10:53 am

    Excellent tutorials.Got to learn a lot from it.Keep going.

  5. Gravatar
    ilmu grafis
    # 186

    June 28th, 2008 at 11:23 pm

    Wow this site are great ONE…

  6. Gravatar
    Sarah
    # 185

    June 10th, 2008 at 2:09 am

    Reminds me of Aubrey Beardsley

  7. Gravatar
    Design Expert from India
    # 184

    May 26th, 2008 at 1:59 am

    This guy is rock star.
    And imagination skills are really amazing.

    I love tutorials on this site.

  8. Gravatar
    Julie M
    # 183

    May 6th, 2008 at 7:32 pm

    Thanks, I am using this as an example in my Digital Imaging class! Beautiful work.

  9. Gravatar
    One Year Millionaire
    # 182

    April 29th, 2008 at 10:39 pm

    Beautiful Work… your process is inspiring… I wish I had talent to draw like that though.

  10. Gravatar
    tommi
    # 181

    April 24th, 2008 at 6:54 am

    Very good job, i would have avoided the Dissolve step, i don’t like all that scatter

Pages: [19] 18 17 16 15 14 13 12 11 10 91 » Show All

Post your comment





Categories