Design Process of Phoenix Illustration
March 23rd, 2007 Filed in: Design, Tricks & Tips Jump to comments
Numbers 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.
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?
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.
4. Illustrator Files
Here are the Illustrator files that I traced from sketches. These vector illustrations then imported into Photoshop for composition.
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".
6. Final
Here is the final illustration. Download the full size wallpaper.
June 18th, 2007 at 9:26 am
Wow! Amazing!
Wish you give us another great design work!
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! :)
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
June 3rd, 2007 at 1:52 am
That’s very nice, i like it!
June 1st, 2007 at 9:46 am
incredible inspiration!
May 30th, 2007 at 5:56 pm
That is simply amazing, never saw quite like it.
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 =)
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
May 19th, 2007 at 2:56 pm
Outstanding work! Sincere congratulations! :)
May 18th, 2007 at 2:00 am
This’s a Chinese phoenix