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: « 1917 16 15 14 13 [12] 11 10 9 8 71 » Show All

  1. Gravatar
    aoxilis
    # 120

    June 18th, 2007 at 9:26 am

    Wow! Amazing!
    Wish you give us another great design work!

  2. Gravatar
    McBilly
    # 119

    June 11th, 2007 at 12:49 pm

    Oh wow! That should have taken you a long time to finish! And great work on the details nick! :) Absolutely adorable! :)

  3. Gravatar
    RasyidS
    # 118

    June 8th, 2007 at 4:51 am

    So beauty…sweet design bro…

    ada web design gratisan ga yaaaa….
    aku lg belajar dreamweaver mx2004 nich…

    Thanks

  4. Gravatar
    PixR
    # 117

    June 3rd, 2007 at 1:52 am

    That’s very nice, i like it!

  5. Gravatar
    subbiah
    # 116

    June 1st, 2007 at 9:46 am

    incredible inspiration!

  6. Gravatar
    Jesse
    # 115

    May 30th, 2007 at 5:56 pm

    That is simply amazing, never saw quite like it.

  7. Gravatar
    nina
    # 114

    May 26th, 2007 at 12:12 pm

    Just wanted to say that your designs are amazing and your site is a great help to young designers. thanks v much =)

  8. Gravatar
    Bill
    # 113

    May 22nd, 2007 at 1:00 am

    Beautiful stuff and I’m doing your tutorial in Web Designer magazine on the e-Store. But my question to you is how did you prevent the image from tiling across the page. I’m trying to use a gradient jpg but I can’t get around the tiling of the background image in Dreamweaver 8

  9. Gravatar
    Respiro, the logo design guy
    # 112

    May 19th, 2007 at 2:56 pm

    Outstanding work! Sincere congratulations! :)

  10. Gravatar
    123456
    # 111

    May 18th, 2007 at 2:00 am

    This’s a Chinese phoenix

Pages: « 1917 16 15 14 13 [12] 11 10 9 8 71 » Show All

Post your comment





Categories