繪製一張鼓舞人心的矢量政治海報
Chinese (Traditional) (中文(繁體)) translation by Stypstive (you can also view the original English article)






本教程的靈感來源於Sheppard Fairey著名的奧巴馬競選美國總統系列政治海報。 我們將會展示如何創作這種風格。 一開始我們將在Adobe Photoshop中編輯照片,然後跳到Adobe Illustrator去操作。 不需要花哨的設備。 我用的就是個滾輪的老式鼠標。
編者註:本教程不代表Vectortuts+的政治立場。 本教程重在展示有趣的美學風格的創作流程。
1. 複製和裁剪圖片
步驟 1
要得到這種效果最好是找一個肖像風格照片,人物在思考或者目視遠方。 我用的是 iStockphoto上找到的照片。



步驟 2
找到合適的照片後,你需要在Photoshop中打開它並適當地裁剪。 圖片的頂端應該裁剪到人物的頭,底部應該到比肩膀高一點的地方。 比例應該為2:1。



步驟 3
現在來做色調分離。 轉到圖像>調整>色調分離。 要得到合適的效果將色階設為5。



步驟 4
現在來使用Illustrator得到指導圖層。 複製色調分離層,將新圖層命名為“Pattern Guide”。 轉到圖像>調整>閾值。 然後滑動點直到調整成下圖效果。 我們想要它變得更暗一點,但仍保留一點細節。 當使用閾值時,最好使用峰值。



步驟 5
將這個新圖層保存為“patternguide.psd”,或者類似的名字,後面要在Illustrator中用到。



步驟 6
然後重複步驟 4和步驟 5三次。 每次應用低一點的閾值然後保存為新圖層。 下面是我使用的設置,注意峰值。



2. 建立文檔和色板
步驟 1
在我們開始處理圖層之前,我們要創建水平藍線條圖案。 在Illustrator建立一個新文檔。 高和寬都是4 px。 然後創建一個矩形,填充淺藍色(#4F919F),並蓋住畫布的上半部分。



步驟 2
用一個米黃色的矩形蓋住畫布的下半部分。 選擇全部(Control + A),並拖到色板面板。 恭喜你已經做好了一個紋理圖案。



步驟 3
現在保存這個色板設置,這樣就能在海報中使用。 在色板面板的左下角選擇從色板庫菜單中保存存儲色板。 將其命名,我用的是“pattern”。 你可以關閉該文檔了,因為我們不會再用到它。



步驟 4
這是我們要在教程中用到的色板。 有4種顏色和一種紋理。 我們將要使用米黃和淺藍混合。



3. 創建肖像
步驟 1
現在我們有了參考圖片和紋理圖案,在Illustrator中創建一個新文檔。 我使用的畫布大小是700 x 850px。



步驟 2
我們要從最暗的指導圖層開始,這將是我們的模式層。 用鋼筆工具(P)來繪製圖層。 所以轉到文件>置入將第一個參考圖層導入Illustrator。 如果你一直完全按照教程來做的話,置入的文件名叫“patternguide.psd”。



步驟 3
現在暫停來討論一下鋼筆工具(P)的正確使用方法。 這是Illustrator勝過Photoshop的一個地方,如果你用的好的話。
對任何曲線只要三次點擊,兩個是錨點另一個是曲線點。曲線點在曲線最高的點處。 將錨點放在曲線開始和結束的地方。 當你創建曲線是一鍵點擊是必須的。
當你創建曲線时一鍵點擊就可以了。 在完成整個形狀之後你可以改變曲線點為曲線。 使用直接選擇工具(A)來轉換,點擊將所選錨點轉換為平滑。



步驟 4
在繪製第一個圖層之前,我們要加載紋理至色板樣式庫。 在色板面板的色板樣式庫菜單中選擇其他庫。



步驟 5
好了,回到繪製第一個圖層上。 在剛置入Illustrator的文件下新建圖層。 這個圖層會保留我們的輪廓線。 把它放在下面是因為這樣容易觀察。
點擊鋼筆工具(P),無描邊,用創建的紋理圖案填充。 現在使用鋼筆工具(P)在黑色區域繪製輪廓線。 關鍵是要均勻,不要完全跟隨指導圖層。 只需要粗糙地畫一下輪廓線,不用擔心曲線,稍後我們會修正。
注:這是整個過程中最繁瑣的部分。



步驟 6
你可能會注意到在中間有一些淺色較淺的部分那是我們剛畫過輪廓線的地方。 可以通過相同的過程來修正。 填充米黃色,如下圖所示。 在圖案圖層上建立一個新圖層裡這麼操作。 在完成後,你會得到類似下圖的東西。



步驟 7
現在把形狀修正地平滑一點。 我們想要錨點更加平滑,但是當你放置一會兒之後再看會發現這樣更好。 從圖案和米黃圖層查看如下效果。
注:我並沒有按照順序製作圖片,紋理圖案也不對,不同擔心色差。



步驟 8
現在對每一個圖層進行同樣的操作。 粗糙的繪製輪廓線,然後用緊跟其後的顏色繪製高光,再使輪廓線平滑。 下一個圖層使用淺藍色,接著是紅色,最後是深藍色。



步驟 9
好了,現在你應該得到了下圖所示。 繁瑣的部分已經結束了。 現在來讓它看起來像個海報。 首先用米黃色矩形填充畫面放在所有圖層的下面,作為背景。



步驟 10
現在用紅色和藍色各填充一半畫面。 將紅色和藍色放在米黃色背景圖層之上。 使用矩形工具(M)來放置兩個矩形。



步驟 11
我們的海報看起來好很多。 現在來在底部添加放置鼓舞人心的文字的區域。 你可能需要擴大畫布大小。 點擊文件>文檔設置。 我添加了300 px。



步驟 12
現在擴展你的米黃矩形使它覆蓋畫布新增的部分。 創建一個新矩形,用深藍色填充。 它應該是主體人物部分的四分之一大。



步驟 13
現在來添加文字。 我們使用淺藍色作為字體顏色,改變字符設置讓文本填充了深藍色矩形的大部分區域。 使用文字面板改變字符的間隙。 使用文字工具(T)的時候是可以操作的。 我使用的字體是“Myriad Pro”。



步驟 14
大部分都已經完成了,現在我們需要清理一下邊緣。 首先,選擇除了米黃圖層之外的每個圖層。 然後編組(Control + G)。 分別垂直和水平對齊畫板。



步驟 15
現在來清理海報的邊緣。 用隨意一個顏色的矩形遮住所有圖層。 然後打開路徑查找器面板,選擇差集。



很棒的作品!你完成了!
我們做好了! 我們成功創建了一個很棒的效果而不需要很高超的藝術能力。 我們也學習了怎樣有效使用鋼筆工具,很好的使用Photoshop和Illustrator。 這是我的第一個教程,肯定會有一些問題。 歡迎在評論提問,我會盡快回答。 謝謝!



Unlimited Downloads.
