Facebook加入
LINE加入
2021/12/25
Illustrator製作曼陀羅可樂效果和調色分享
這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。
文章出處是來自未知的矢量教程類文章，寫教學的作者是Sundaisun，感謝Sundaisun提供Illustrator教程的實作教學。
教學大綱:
教程里介紹的一些AI技巧非常有用，推薦過來和思緣的正在學習AI的朋友們一起分享學習了，喜歡這篇教程的朋友記得給我好評啦。
Illustrator教程教學開始
教程里介紹的一些AI技巧非常有用，推薦過來和思緣的正在學習AI的朋友們一起分享學習了，喜歡這篇教程的朋友記得給我好評啦。
我們先來看看最終的效果圖吧：
什麼是曼陀羅(Mandala)?
曼陀羅是藏傳佛教最著名的藝術創作形式之一，目的是幫助修行。曼陀羅的形狀有很多，但主要以圓形為主，講究按照中心對稱。拋開文化背景不說，曼陀羅以其對稱美的特點成為很多設計師練習臨摹的題材之一。
我的曼陀羅設計採用的是圓形，當然，也可以自己創造不同格式，在這列幾個例子：
設計曼陀羅的幾個原則：
1. 統一性：所有的視覺元素都應該看起來像是一套，不要搞太突兀。在各圖案中使用類似的元素，圖層相互疊加製造層次，都可以增加統一性。
2. 多樣性：在保持統一的前提下調整圖案的大小，角度，細節等以增加多樣性。
3. 視覺平衡：除了對稱之外，在設計是要考慮前中后層級的平衡性，以中心為重，其他層面視覺上的重要性遞減，但也不要太過突出視覺中心，使得背景看起來太空。
開始畫吧。可以先起草個模板：
從中心開始向外畫。因為我的主題是可口可樂，所以基本上所有元素都是圍繞產品和圖案的。在這之前也畫了兩個其他的作為練筆：
說回可樂的曼陀羅(參考下圖)。畫了中心的瓶罐后我心說，既然自己題目起叫"開啟快樂"，那就應該有個開瓶，氣泡噴出的感覺，於是在中心外圍加了類似氣泡的圖形。因為想到可樂，也就想到了標誌性的絲帶，所以我又加了絲帶圍繞在外面，飄在最上方，在層次上製造了中景的感覺。再向外到背景/外景，我決定使用可樂的標誌性瓶身，並且是不同年代的不同瓶身，體現品牌百年始終如一的形象。作為點綴，我畫了瓶蓋放在瓶子之間，還加了冰塊參差其間。
這個草圖大概畫了20分鐘完成。然後掃描到電腦里，在Illustartor里打開。
【接下來的具體製作過程對於不少人來說可能太初級，請包涵。如果有更簡便的方法請告訴我。我的Illustrator是英文版，所以中文版的翻譯是什麼我只能猜了】
1. 雙擊草圖圖層，選擇"模板(Template)"，並設置透明度，點確認。這樣就一下把我們的草圖鎖住好讓我們在上面描了。
2. 選擇橢圓工具，以草圖中心點為準，shift+alt(Mac的option)拉出圓形，覆蓋曼陀羅外圍圓形。我個人是喜歡直接看形狀，不喜歡用空心描邊，所以用了實心無描邊的灰色，之後把這個圖層隱藏，在上面加新的圖層逐漸疊加。一定注意每一層都要建立新的圖層，這樣能為以後減少很多麻煩，最好能給每個圖層命名，以便以後好找。下圖中三個圓圈都有自己的圖層並分別命名。
3.接下來我去網上找到了可樂的絲帶，用鋼筆給描了下來，放在背景作為點綴。並在背景最外圈加了可樂歷年的口號，這樣能製造一些紋理效果。字體用的是Gotham，可樂的官方英文字體。
4.瓶身這裡我找到了可樂各時代瓶子的照片，然後用鋼筆把外圍描下來一半。
• 點選半個瓶子 – 右鍵"變換(transform)" – "鏡像(reflect)" – 選垂直鏡像 – 點"複製"(不要點OK)
把那半個瓶子水平放到理想位置，選擇左右兩邊，找到Pathfinder(路徑合併模式), 選第一個"合併"。瓶1完成。
• 接下來往瓶子里加點可樂。選擇瓶子，Object(對象菜單) – Path(路徑) – Offset Path(路徑位移)。這樣就加了一個小一點的瓶子形狀。
給新的圖形改個顏色。然後用直接選擇工具選擇錨點刪除，留下可樂的量。選上瓶子和可樂，ctrl(command)+G把他們組起來。
5. 然後我們來旋轉可樂瓶。選上可樂瓶，選擇旋轉工具
6. 按着alt(option)不放，點擊曼陀羅中心，這樣會彈出一個對話框，選擇180°，點copy。
7. 這樣上下可樂瓶完成。然後同理完成其他可樂瓶。對於斜着的瓶子，考慮到重力和對稱，我調整了可樂在瓶里液體的形態。
8. 接下來我增加了一些細節：瓶子上的高亮，瓶蓋，氣泡以及可樂的logo。旋轉工具在這裡非常好用。
9. 然後我把這個圖打印出來，很多時候換個環境看看自己的設計，很容易挑出平時看不到的毛病。然後可以直接在紙上修改一下。下面貼的是我打印的第一稿。上面例子里的圖是我根據打印稿修改的第二稿。
10. 幾次修改後大致的設計就已經完成了。下圖裡我把絲帶的顏色區分開來，方便着色時分辨出哪個在上哪個在下。
11. 把填充顏色去掉，改成1px的描邊。
小時候語文沒學好，如果上面有沒寫清楚的地方請告訴我，我盡量詳細解釋，接下來就是着色的時候了。
調色前的設計：
目標效果是：
• 紅色為主色，使用紅色的類似色並加上2個互補色作為點綴。(Red Analogous Split Complementary)
• 明確前景中景背景，自中心向外圍延伸。
• 顏色一致，不能過於鮮艷。
我的調色板：
上色咯。
1. 先從大塊圖案加起，這樣比較容易設定基調。背景/遠景顏色飽和度較低，偏冷色調，因此我選擇了偏冷的藍紫色，然後在上面加層20%的灰色(50%黑)調低色調。
好了，下面是瓶子。上下左右的大瓶子顏色比較45度角的小瓶子更加亮，這樣可以製造層次，把小瓶子推后。在這裡我是在小瓶子上加了一點點黑色。
最後加上些細節，高亮(綠色的氣泡)，這樣把眼睛鎖在圖形里，完成!
如何通過調整顏色添加視覺層次感(當然，具體問題具體分析，這裡只是總結一下大概的幾種方法)：
1. 前景：偏暖色調，飽和度較高，色彩色調對比度高;
2. 中景：適當加一些灰色可以在視覺上起推後作用【這種方法叫tone】;
適當加一些原色彩的互補色【混合到一定比例的時候會呈現棕色，這種方法叫mute】;
3. 背景：適當在原色彩的基礎上加一點藍色;
降低對比度;
降低飽和度;
也可以加一些灰色;
也可以加一些白色;
也可以加一些互補色;
–本文轉載自 http://www.missyuan.net 教學網 —
熱門推薦
留言回覆
