這是一個從無到有，完全用Photoshop和鼠標繪制圖像的過程。本文用了大量的圖片，希望能直觀地展現本實例的全部制作過程。大家不妨一起動動手，一定會有很多新的感覺和收獲。
本例重點運用如下Photoshop的特性和技術：
1、強大的PS筆刷定制；
2、Path /HSB繪圖法（cloudy自創，名字可能有點難聽）；
3、調節景深。
主要步驟：
1、樹葉的繪制和筆刷的定制；
2、手的繪制和處理；
3、蝴蝶的繪制與畫面合成。
完成效果如下圖所示。
1、打開Photoshop ，我使用的是Photoshop 7.01簡體中文版。??
2、新建一個1024X768的文檔，由于這次的插畫主要是在網上供人欣賞，因此分辨率定為72dpi，如果要印刷呢就設置為300dpi以上吧。
3、首先我們要做樹葉。要做一大片樹葉，當然要先做一小片葉子。選用鋼筆工具吧，Path/HSB繪圖最簡單的部分開始……
定制一下鋼筆工具，才方便干活。注意鼠標處，鉤選橡皮帶，有利于準確把握鋼筆的走向。
4、勾勒出一片葉子的形狀。沒什么好說的，鋼筆大家可以自己練習。
5、按CTRL+Enter，將路徑變成選區，然后新建一個圖層，按D切換到黑/白顏色，按ALT+DEL填充當前選區，黑色的底盤出現了……然后菜單命令：
選擇-〉修改-〉收縮選區，10px。
6、然后CTRL+ALT+D羽化，10px（其實這里面說的一切參數你都可以看著辦），CTRL+SHIFT+I反選，CTRL+U調出色相/飽和度對話框（啊哈，Path/HSB大法中的HSB），將明度調到+88。這一步將葉邊和中間的色彩產生一謝變化。
7、注意葉脈的形狀哦。錯開。
8、把路徑轉換成選區后，又來羽化。好好記住這個快捷健吧。CTRL+ALT+D
9、由于選區太小，又羽化了，ps會警告。不管它，選取其實仍然存在，只是看不見螞蟻線而已。
10、CTRL+U，最愛色相/飽和度調節了。
11、調節參數如圖，看到葉脈出現了吧。果然是有選區的，不然整個葉子都會變亮。
12、葉邊需要再變化一下。重新載入選區、縮小選區。
13、同樣羽化、反選！
14、注意，現在是反選狀態。再調出色相/飽和度對話框，將明度降低，可以看到邊緣發生了變化。
15、看看成品。
16、見證ps的強大筆刷吧。菜單命令：編輯-〉定義畫筆，起個名字叫樹葉1。
17、按B選筆刷，注意右上角的畫筆屬性框，選擇剛剛定義的畫筆，一條毛毛蟲，怎么能用？
18-22、調解一下參數吧，看看參數的內容。這些動態變化，便是讓一片小葉子變成一大片的功臣。其中，重要的參數有，透明度、大小、顏色變化，這些能讓筆刷以隨機方式出現在勾勒路徑的周圍，并伴隨不同屬性的變化，于是產生了神奇的擬真隨機效果。在此可見ps筆刷效果強大。
23、選擇一種綠色，使用這個筆刷亂畫看看效果。
24、呆板了些！選擇 動態顏色-〉前景/背景抖動，將參數拉大。這個能讓筆刷隨機在前景色與背景色之間變化，可以模仿葉子有些綠色、有些黃色或者其他顏色的雜亂效果。
25、感覺顏色不夠響亮，調節筆刷的整體純度。
26、這次感覺好多了！
#p#副標題#e#
?
27、在筆刷屬性框的小三角那里重新新增筆刷，將這些屬性保存。然后刪除原來的毛毛蟲畫筆。
28、僅有一種葉子！不可想象的單調。那我們來做另外一種葉子。步驟大同小異了。
29、第二種葉子的樣子。
30、如法炮制第二種葉子筆刷，使用枯黃色做前景，墨綠色做背景顏色，筆刷描繪的葉子隨機出現了顏色變換效果，正是我們想要的。
31、葉子的處理到此結束。
二、手的繪制
32、同樣用路徑工具（也就是鋼筆，pen，path tool）勾勒出手的大概樣子。可以找個真的手參考哦。注意拇指和手掌是互相遮蓋的，因此要分開兩個圖層來繪制，拇指蓋在其他四個手指上面。注意從觀察者角度看來，拇指會暗一點，為什么？――因為手掌和拇指相比，它是受光面，因此對比起來，拇指要暗些。
33、首先要說明一個習慣：首先要定型，然后是定色。也就是說，一開始無論你畫好型，為了修改型，我就隨便填個色，最后再用HSB調色法來調節 至精確。同樣這個手也是，剛剛的顏色明顯發黃，要精確，“關鍵時刻，還得信賴HSB！” CTRL+U，調節一下顏色。這里說明一下，色相/飽和度對于單一的純色來說，它能對之作色域中任何顏色的替換。而且，這種替換過程很符合人的色彩感覺。所以HSB模式是最好的！
34、用鋼筆勾勒出手指發紅、發暗的部分，轉換成選區，需要羽化：CTRL+ALT+D，10px的樣子吧，然后CTRL+U調節顏色，這調節的度最好您自己把握了。
35、同樣對付其他部分。這里要說明一下，要很真實的（照片級？）繪制效果，在這簡單的幾步里面實現是不可能的，那需要大量的耐心和高超的噴槍技巧。本例子篇幅有限，不能進行討論；而本例的鮮亮插畫風格也不需要過于真實的效果，因此這里的手是經過抽象的，而非真實的。
另外提一下，Path/HSB法能很容易的塑造出矢量的感覺，并在對陰影與高光不斷分解、羽化、調色下同樣能做到，但是……不推薦，因為效率不高。但Path/HSB法繪制出來的高可控性精確邊緣是其他辦法無可比擬的。
36、拇指和手掌需要融合，我想要用到蒙版了。替拇指加個蒙版。
37、點擊蒙版的縮略圖，用普通的筆刷（就是圓形、邊緣模糊那種）用黑色在拇指邊緣抹一下。可以看到融合的效果很好。
38、需要調整拇指的邊緣，采用偷懶的方法，載入拇指選區后移動，與拇指有點錯開。可能有點難以理解該步作用，繼續看就知道了。
39、羽化。反選，并使用色相/飽和度把亮度降低、飽和度增高。拇指的邊緣就明顯了。其實，這一步只是選擇了拇指的邊緣，并將亮度調低而已。
40、開始處理手指的折痕。用鋼筆畫出路徑。
41、效果如下。
42、同法繼續調節手的其他部分！手部分暫時結束，以后還能再調整。現在開始繪制環境了。在手的下面新建一個層，用剛剛第一種樹葉筆刷，選用較暗的綠色進行繪制。效果如下。
43、使用枯黃色（前景色和背景色要不同的，這樣才能有色彩的變化），用第二種葉子筆刷繼續繪制。樹葉當然要有前有后了，在手的上面再新建一層，繼續使用兩種筆刷描繪。
44、總有些樹葉蓋住手的吧！同時也為了葉子的層次多些，新建一層再繪制覆蓋手的那部分。
#p#副標題#e#
?
45、為了葉子的層次再多些，底下再繪制葉子。注意顏色要再枯黃些，分開不同層次的葉子。
46、反復多次后效果如下。
47、葉子總會有些投影落到手上的。馬上來繪制！載入樹葉的選區。
48、新建一層，用黑色填充。
49、陰影不是落到其他地方的，而是手上。載入手的選區！
50、為陰影層添加蒙版。可以看到陰影的遮照效果。陰影層的混合模式要選擇為正片疊底。
?
51、修改陰影的透明度。我們現在來改變陰影的位置（樹葉的影子投影到手上，怎么也得有些錯位吧。），點擊那個蒙版與圖層之間的鏈接符號，取消之。這是為了移動陰影的時候不至于移動蒙版。
52、移動陰影錯位之后，用普通筆刷在蒙版里涂抹，去掉手心大片的陰影。現在效果好多了。
53、手與樹葉間也有陰影。復制手層，放在原手的下面。
54、ALT+SHIFT+DEL，使用黑色，保護透明區域填充，并移動陰影位置。
55、用高斯濾鏡模糊陰影。為了體現葉子的透明感，這次陰影不用正片疊底模式，而用顏色加深。
56、再如法炮制遮蓋住手的樹葉的陰影。
57、效果如下。
58、再來對手進行一個修正。用鋼筆工具勾出暗部（靠近樹葉、被樹葉遮蓋的）。
59、轉換成選區后，羽化！
60、老辦法！還是色彩/飽和度。將手色調整成暗紅色。
?
61、繼續對手作進一步修正。手部完成！第二部分結束。
?
#p#副標題#e#
三、蝴蝶之舞
62、新開一個文件作蝴蝶的翅膀吧。用鋼筆勾勒出蝴蝶的翅膀（如果把握不準，建議使用參照圖），如圖。
63、轉換成選區，填充為黑色，然后新建一層，勾勒出蝴蝶翅膀內部彩色的范圍，先用白色填充之。然后新起一層，準備畫翅膀的骨架。
64、用鋼筆將骨架一段一段的勾勒出來，什么？鋼筆勾勒的線條不能自動結束？點下第二點后按ESC，就能終結這一段線條。如圖分布。
65、那些骨架只是path，路徑。要變成線條。選擇筆刷工具，挑選普通的筆刷，大小為2px。
66、路徑面板，選擇用當前筆刷描繪路徑。可以看到，骨架出來了。
67、選擇原本是白色的上部分，使用金黃色的漸變。
68、同樣對待其他部分，初步上好翅膀的顏色。
69、把骨架復制一層。
70、將復制好的骨架反相變白色，如圖。
?
71、將之高斯模糊~ 可以看到淡淡的漸變效果。
72、可以復制多幾層來增加效果。
?73、將那幾層白色骨架合并，調整混合模式為疊加，然后使黑色骨架不隱藏，效果如下。
74、開始畫翅膀上的白色斑點。
?75、看斑點的分布。
76、填充好白色效果如圖。
77、把背景隱藏，合并復制整個翅膀。
78、拉到主體背景中。當然要經過變換了。
79、初步變換，然后復制多一層，形成一對。
80、為前面的翅膀加上蒙版，然后用筆刷（記得降低筆刷的不透明度）刷幾下，隱隱約約半透明的翅膀就產生了。
81、用鋼筆勾勒出蝴蝶身子，選中后面的肚子，調整顏色以區分胸部與腹部（昆蟲分三部分：頭、胸、腹）。
82、選出身子的頂部受光面，記得極為重要的羽化操作！
83、HSB又來了……增加明度的同時記得增加飽和度，這樣顏色才不會發灰，而是顯得明亮、鮮艷。
#p#副標題#e#
?
84、加深胸部，并柔化胸腹的邊緣。
85、用鋼筆勾勒出肚子的條紋，然后轉換成選區，然后羽化，然后調整色相，效果很好，見圖。
86、蝴蝶下面加個陰影，看看效果。
87、頭部用圓黑塊繪制，現在用鋼筆描繪觸角外形。
88、填黑了復制多一條，看看效果。
89、同樣繪制腳。有六只，在胸部（沒錯吧？昆蟲學家不要砸我，呵呵）
90、再來看看效果如何。陰影生硬了點。
?
91、按光線的走向，這塊陰影在拇指那塊不應該是這樣投影的。放大了修改！
92、調整拇指部分顏色，將陰影縮小。
93、完成繪制！現在我們要做后期加工了：營造景深效應。全選整個畫布，按CTRL+SHIFT+C合并復制整個畫面。
94、新建一個同樣大小的文檔，粘貼，并復制為新層，然后對新層進行較大的高斯模糊，然后隱藏。
95、再將最底下的畫面再復制為新層，放置在清晰畫面的上面。
96、對之進行較小程度的高斯模糊，并加上蒙版。
97、對蒙版進行黑白輻射狀漸變，以蝴蝶為中心，看，初步的景深模擬效果已經出現了，蝴蝶是清晰的，而其他部分慢慢模糊。
98、同樣對付頭頂模糊最大的圖層。不過這次漸變的半徑要加大。
99、看看兩層模糊的蒙版有什么不同之處吧。這幾步操作是近似的模擬出鏡頭焦點處清晰、其他景物模糊的現象，一般來說，模糊程度會隨距離產生不同的變化。而這兩層，就模擬了這一效應。當然了，真要研究的話，接近真實是不可能的……
100、最后加上標題，整個效果完成！
