用AI把真人照片变矢量漫画风格

所属分类: 平面设计 / Illustrator教程 阅读数: 1424
收藏 0 赞 0 分享

今天小编为诶大家分享用AI把真人照片变矢量漫画风格方法,教程很不错,难度也不是很大,推荐过来,大家一起来学习吧!

  1.如何用illustrator繪製類似漫畫沾水筆的線條。

  2.如何繪製較為標準的標誌或符號。

  3.如何利用透明遮罩做出物體光影變化(立體感)。

  4.如何製作物件輪廓剪影加粗的外框線。

  這是我第一次作教程,除了期望對大家能夠有所幫助外

  如有說明不清楚或其他問題,請海涵!!!

  BTW,這個製作過程只是我個人習慣的做法,不一定最快速、最簡單、最便捷,

  所以如果您有更好的方法,請不要吝嗇讓大家教學相長喔!!!~

  還有這是繁體版的軟件,其中有些功能名稱不盡相同,也請各位勉為其難...

  感謝各位!!

好,廢話不多說,來看看我是如何把下面這張圖畫出來的吧!!

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/1

為底圖選定適合的圖片,掃描後從視窗直接拖曳到工作台上

(像這個機車鳥人就頗適合我們激芭樂的精神!!~~^^*)

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/2

1.新增一個圖層,輸入名稱為"底圖"。

2.勾選"範本",同時自動出現"模糊影像至__%" ,預設是50%(這樣就夠了)

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/3

1.按確定後可以看到圖層視窗出現剛設定的圖層。

2.你的底圖就會變成這樣...方便待會在之上畫圖時不被底圖干擾。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/4

1.再增加一個圖層,輸入名稱"線稿"。

2.在圖層視窗原來底圖圖層之上又多了一個"線稿"圖層。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/5

1.開始在線稿圖層展開拉貝茲線作業。

2.可以依據個人習慣從任何地方開始,我則是習慣從頭頂開始畫。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/6

1.這張圖我打算以先畫邊框,再填色的方式進行,所以腦中先想像邊線的粗細變化,同時往外拉線。

2.通常這種畫法盡量用細一點的線條繪製,因為越細的線條邊界拉的越準。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/7

1.描好圖後如圖一所示,都是沿著人物輪廓拉出的封閉區域。

2.我們可以不時按工具列的填色選擇右上角箭頭,反轉填色(讓原本線條填色改成封閉區域填色),藉以觀察剛剛拉出的色塊符不符合需要。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/8

平滑工具的應用

1.這步驟主要介紹"平滑工具";當拉出的曲線不夠順暢時,就換神奇的平滑工具出場。

2.選擇需要改善曲線的色塊。

3.在想改善的曲線上按住滑鼠順著曲線方向拉。

4.平滑工具經過的線條與節點,將會自動重新改變數量與彎曲度,可以多試幾次,直到滿意為止。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/9

1.3.在每塊色塊之間,檢查是否有對接不好的地方。

2.4.利用"直接選取工具"將節點對齊,使每塊封閉色塊緊密接合。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/10

依序完成各部分線稿繪製工作;這樣的畫法就可以得到漫畫式不規則粗細的輪廓線了!!

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/11

1.再描繪的過程中,隨時將畫面縮小看整體感,發現筆劃粗細變化不夠的地方再加強。

2.如此描繪出變化更大的筆劃。

3.融合補強到原本粗細度不夠的輪廓線上。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/12

現在我所使用的描輪廓法,造成打X的地方是摟空露出的,箭頭所指的部位是待會要填色的,這樣的方式可以造成輪廓線段為單一色塊區域,方便接下來要填色時製作成卡通漫畫黑線稿的效果。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/13

1.畫到了我最愛的nike鞋部分;畫好了右腳後,發現左腳形狀不太喜歡,所以就要進行移植手術啦!!

2.把右腳的鞋子按住Ctrl+Alt拖曳至左腳邊。

3.雙擊鏡射工具,出現鏡射選單,選擇垂直鏡射,確定後鞋子就換邊站啦。

4.把換好方向的左腳鞋子移動到適當位置。

5.把多餘的筆劃修齊後,適時改變光影方向,就做出完美的一雙鞋啦!!

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/14

至此已將基本的輪廓線完成,檢查哪裡有視覺上不滿意的地方,修補。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/15

務必確認你的圖案全部已轉以色塊為單位;圖中所示的帽沿縫線當初就是用線條直接拉的,所以在這裡我們要把它全部轉為"外框筆劃"!!

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/16

接下來要開始製作logo。

1.新增圖層。

2.修改名稱為"786圖案"。

3.在新圖層裡開始工作

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/17

接著把之前手繪的logo草圖掃描後拖曳到工作台(記得拖曳到一開始所設的底圖圖層)。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/18

旋轉縮放圖形到適合大小。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/19

開始logo繪製。

1.應用到精緻製圖時,把尺標叫出;同時把"鎖定參考線"取消勾選。

2.定出基準的x、y軸後,從尺標左上角把歸零線拉出並對齊。

3.固定斜度的參考線製作方式:先用鋼筆工具繪製斜線,選擇線條按滑鼠右鍵,再選擇"製作參考線"。

4.用規律且固定的參考線繪製出草圖上的logo,同時給予標準化與模式化。

5.ok!!基本形狀繪製完成,放到人物上看看感覺!!

step/24

也可以試著將色塊以漸層方式填色,如此一來便可做出基本的立體感與光影變化

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/25

將全部區域色塊都繪出。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程


step/26

這個步驟我們要把胸前的logo圖案做的更有立體感。

1.為了模擬logo圖案在衣服上的彎曲變形,選擇圖案後到"特效"欄→"彎曲"→"旗形"。(這裡有很多種變形方式,需要慢慢嘗試出適合的)

2.等到彎曲成適合的形狀後,"擴充外觀"取得改變的形狀。(這裡只做了些微的變形,因為衣服本身皺折很少)

3.複製拉出logo圖案最後一層的色塊,利用它來將logo圖案上白邊的地方作出光影變化。

4. 從物件屬性的透明度視窗,將屬性改為"色彩增值",同時將不透明度調低為50%,然後將這個色塊蓋到原來logo位置,白邊產生明暗色調變化。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/27

按照上一步的做法,將人物全身欲著色的部位都用多層透明遮罩層層覆蓋,便可做出調性十足的柔和色彩變化!!!

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/28

透明遮罩放大解說:

1.這個是原來基本的色塊,屬性為一般,不透明放射狀漸層作為基調。

2.這個物件極為重要!!將屬性改為"色彩增值",透明度改為50%,並利用放射狀漸層拉出陰影的位置。

3.重疊後即產生簡單又效果好的光影效果。

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

step/29

色彩大實驗!!!

在透明度遮罩都完成後,就可以輕鬆開始嘗試各種編排與色彩變換!!

是否越看這個人越欠扁啊....尤其是一整排出現的時候........>

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

AI教程:用AI把照片变矢量漫画 脚本之家 AI教程

教程结束,以上就是用AI把真人照片变矢量漫画风格方法,希望这篇教程能对大家有所帮助!

更多精彩内容其他人还在看

Illustrator CS3把作品转化和编辑为灰度模式

为了出版广告、变换LOGO样式,甚至就是为了尝试与从不同,我们有时候需要把AI文件转化为灰度模式。在AI CS3中有不少简便的方法把作品转化和编辑为灰度。
收藏 0 赞 0 分享

Illustrator 制作web 2.0风格标签

我不知道 web 2.0 风格将会风行多久。一方面,它代表着当前的流行趋势;另一方面,它又体现着对新技术新风格的探索。无论如何,大众对 web 2.0 风格依旧需求强烈,因而写篇制作一流 web 2.0 风格标签的教程很有必要。
收藏 0 赞 0 分享

Illustrator基础教程之简单制作金属纹理

Vectips 纹理教学周的第二篇教程是金属纹理。如同前篇水质感纹理教程一样,制作金属纹理的技巧也是利用了AI的效果菜单中的效果。
收藏 0 赞 0 分享

Illustrator CS4 绘制覆盖着雨滴窗口

使用简单的工具,加上网格渐变,学习在adobe illustrator中绘制“覆盖着雨滴窗口”的壁纸。
收藏 0 赞 0 分享

Illustrator 绘制透明质感绿色金属标志

本教程主要用Illustrator制作透明质感立体标志,这个例子我们将一个商品的标志放大,制作出它的透明质感立体效果,通过对这个实例的学习,将对你制作按钮、标志以及类似的操作用很大的帮助。
收藏 0 赞 0 分享

Illustrator 绘制透明气泡组成的心形

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习如何运用内发光、蒙板、羽化、渐变填充等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享

Illustrator 绘制漂亮的透明气泡

本例介绍运用AI简单四步做一个漂亮的透明气泡,在本AI实例教程中我们将学习通过绘制一个圆形,然后再运用内发光、羽化、外发光等方法简单制作出漂亮的透明泡泡效果,希望能给朋友们带来帮助
收藏 0 赞 0 分享

Illustrator 绘制可爱卡通宝宝

从本次开始我将向您详细介绍用Illustrator软件绘制人物的方法,我们将从婴儿开始,之后是儿童,其次是青年,再有就是成年、中年以及老年人。
收藏 0 赞 0 分享

Illustrator 绘制绿叶环保的精致货牌

本教程主要用Illustrator制作漂亮的新货牌.
收藏 0 赞 0 分享

Illustrator 绘制金属质感的小闹钟

本例介绍运用AI的渐变工具来绘制金属质感的小闹钟,在教程中我们将学习到通过几种渐变填充的灵活运用来实现金属质感的表现,另外还将学习到复制、旋转及阴影的制作方法,希望能给朋友们带来帮助~~
收藏 0 赞 0 分享
查看更多