PS+AI教程:世界盃矢量插畫風格海報設計製作

2020-10-20 部落窩教育BLW

編按:2018世界盃正酣,讓我們為自己喜歡的球星做一幅矢量插畫風格的海報吧!這次我們就用PS和AI軟體配合完成(不會AI的夥伴,可以使用CDR軟體完成類似操作)。PS的木刻濾鏡將負責把照片變成非連續調圖案,然後由AI的圖像描摹功能把照片變成矢量圖。

是否一直很羨慕手繪特牛的童鞋,很輕鬆就可以畫出一張插畫做為海報素材?是否也常感嘆Behance上的大神,出神入化般的矢量插畫風格人物海報?

今天,借著世界盃的東風,讓我們只用簡單的PS濾鏡+稍稍地AI調整,就可以完成現下十分流行的矢量插畫風人物廣告了。

製作流程:

多說無益,就讓我們直接進入教程吧。因為最後完成的效果是ai的矢量圖,所以一開始我們必須把真實的照片轉換成手繪效果,然後利用ai的圖像描摹功能轉換為矢量圖,最後再進行細節的調整。

01 照片木刻處理:

在網絡上找到一張梅西的近照,確認就用這張做為原圖編輯。先打開PS,打開圖片,把人物摳出。摳人像的時候注意梅西的頭髮,不用每個細節都摳,我們可以適當歸納一下造型。

隨後我們把人物的頭部和身體分開,各自放在一個圖層,如下圖。

我們先對頭部添加濾鏡效果。選擇「濾鏡-濾鏡庫」,在彈出的對話框中,選擇藝術效果-木刻。

調整木刻的數值,色階數為8,邊緣簡化度3,邊緣逼真度1。

選擇身體圖層,同樣添加木刻濾鏡。木刻的數值與之前略微不同,色階數為6,邊緣簡化度4,邊緣逼真度1, 點擊「確定」。

02 圖像描摹轉化成矢量圖:

完成後,我們打開Ai,新建一個文件,尺寸 2000x3000px。

再把之前PS中的頭部和身體合併後直接複製粘貼入Ai中。先給圖片一個底色,填充# 283E6F 的底色作為背景。

然後適當地調整人物的大小和位置。

選中人物,在上方屬性欄中單擊圖像描摹下拉按鈕,選擇「高保真度照片」。

在稍許的等候之後描摹完成。我們選中照片,單擊上方屬性欄裡的擴展按鈕,用於轉曲。

再右擊滑鼠選擇「取消編組」。取消編組後刪除多餘的白色底色,我們得到一個初步的矢量人物效果。

03 細節調整和添加其他元素:

下面為了使矢量人物效果更加接近插畫的感覺,我們需要比較細緻地編輯人物顏色。基本思路是:亮部增加一點黃色,而暗部可以加一些紫色,讓整體顏色豐富起來。

完成頭部的調整後,我們在身體上也做一些細節的調整。

完成編輯的效果如下。

最後,我們再加入背景圖形和世界盃logo就大功告成啦~(文章最後會提供相關的矢量文件)

同樣的做法還可以完成C羅。

總結

矢量風格的插畫海報是這幾年流行的一種海報風格。我們藉助PS的木刻濾鏡與Ai的圖像描摹功能可以快速地實現這種效果。當然,如果想要更加細緻與特別的插畫效果,我們也可以多換幾種不同的濾鏡來做嘗試。

今天的全部內容就到這裡,希望大家可以多多練習,更希望大家嘗試不同的手法完成屬於自己的效果,相信達成插畫風格的方法絕對不止一種。

原創:卡斯卡斯/部落窩教育(未經同意,請勿轉載)

相關焦點

  • AiCC矢量設計教程,從入門到商業廣告案例視頻
    Adobe Illustrator簡稱Ai,是強大的矢量設計軟體,應用於出版、多媒體和在線圖像的工業標準矢量插畫的軟體。應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和網際網路頁面的製作等,和PS是兄弟軟體,(簡單Ai)做了個20x20cm的文件,客戶突然說不好意思尺寸給錯了我們要的是200x200cm。
  • 學畫插畫教程 學畫插畫怎麼選工具
    學畫插畫教程分享,今天給大家分享學畫插畫的小心得,學畫插畫要怎麼做呢?下面一起走進今天的插畫學習小講堂吧!學畫插畫怎麼做?學畫插畫第一步的工作準備很重要!並不是所有的插畫都需要手繪板的,以幾何為主的網際網路的一些矢量插畫有滑鼠就夠了。輕微課這個網站上有很多的教程,大家可以去找一下適合自己的,裡面還有很多素材也可以作為平時的練習使用。不過如果你有手繪板,或者有ipad pro+pencil,大部分的插畫風格都可以實現。
  • 平面設計學Photoshop好還是ai好?
    ai主要處理矢量圖,不受解析度的影響,無論被放大多少倍都是清晰可見。2.特性不同PS則最初是為編輯像素圖而開發的,在編輯像素圖方面更具有優勢。AI非常善於編輯和製作由路徑和錨點促成的圖形對象。當然,這並不是說AI不能編輯像素圖或者PS不能編輯矢量對象,但從優勢上來說,各自的優勢還是有很明顯區別的。3.實際應用不同ps軟體用途廣泛,在圖像、圖形、文字、視頻、出版等各方面都有皆可使用。
  • ps和ai的區別是什麼? adobe illustrator和photoshop對比
    adobe illustrator和photoshop對比:   Adobe illustrator是一種應用於出版、多媒體和在線圖像的工業標準矢量插畫的軟體,作為一款非常好的圖片處理工具。
  • MBE風格-卡通冰淇淋教程 (ps)
    今天說一說MBE風格卡通圖標的設計方法.這種風格的圖標常見於app的引導頁,和web的點綴頁.圖標最好用ai來做成矢量圖形,不過今天的案例是用ps進行講解的1選擇圓角矩形,在屬性選項中調整角度數值.數值與自己建的矩形大小有關哦,並不是固定的2將圓角矩形複製一份備用,將填充關閉、描邊給到10像素
  • 【免費資源】10款3D立體2.5D等軸等距大數據banner海報著陸頁插畫設計模板
    10款3D立體2.5D等軸等距大數據banner海報著陸頁插畫設計模板,包含AI,EPS,JPG,PDF多種源文件格式。可用於網站和移動網站或登錄頁面。易於編輯和自定義。【免費資源】15套易拉寶設計素材模板矢量素材打包下載
  • 6000元集頂級UI基礎教程:PS基礎+AI基礎+新版PS2018、AI2018工具
    當然視頻教程最重質量:這套分享資源全部來源於業內公認的頂尖設計師所錄,無論是基礎操作的細節,和愛是整體設計教學的設計思路,都有可以讓你在觀看的時候,無形就學會了這項技能。好了,我們直接來看今天的內容:1.PS教程很多同學都覺得自己有PS的教程,不需要再獲取新的了。但是你能確定你那個是整齊有序,知名設計師講的嗎?這套ps教程都是檸檬自己辛苦排列編碼的,想學什麼直接就能找到。
  • PS、AI、AE、PR哪個簡單可以先學?
    PS 是最強大的圖片處理軟體,AI 是矢量繪圖軟體,兩者平面設計必備軟體。Pr主要是一個視頻編輯軟體。它可以完成剪切和修補多個視頻文件,並在後面運行音軌等這些事情。AE的主要功能是視頻合成和視覺效果。它的功能更強大。雖然Premiere也有一些消光功能,但那些非常原始。
  • 精品AI高清教程免費送
    本期推薦最全最強的AI教程~Adobe illustrator是一種應用於出版、多媒體和在線圖像的工業標準矢量插畫的軟體,作為一款非常好的矢量圖形處理工具。該軟體主要應用於印刷出版、海報書籍排版、專業插畫、多媒體圖像處理和網際網路頁面的製作等,也可以為線稿提供較高的精度和控制,適合生產任何小型設計到大型的複雜項目。
  • 插畫設計原來有這麼多風格!
    ,契合了年輕人對可愛和萌趣的審美要求,是最容易讓畫面出整體效果的技法;通常會運用規則的幾何圖形或不規則的矢量圖形去保留物體原有的辨識度形態,搭配大塊面的色塊,用簡約的圖形去讓主體形態更加抽象或者簡約化,運用的範圍比較廣闊,常見的有海報、包裝、banner、App閃屏、遊戲界面等。
  • 你會用AI畫插畫嗎?我可以!
    畢竟如今,國家對設計版權越來越重視,日常商業設計中必備的矢量素材,圖標素材,字體素材都需要使用購買正版。而這些素材,都是要用Ai去設計完成的。【中級提升】階段Ai常用設計指導,包含字體、圖標、插畫等。介紹不同風格製作方法,「爆款設計」輕鬆get!
  • 平面設計教程Cdr製作創意線條海報
    平面設計教程Cdr製作創意線條海報CorelDRAW主要用於廣告設計、網頁設計、藝術創作、編輯排版等平面設計當中。當然也以優秀的繪製與處理矢量圖形功能而備受設計者青睞,成為設計師們手中的設計利器。今天,小橙子將會利用CorelDRAW裡面簡單的一些小工具來繪製創意的簡約的線條海報背景。趕快打開的你的電腦跟著小橙子的步驟行動起來吧。這是一張小橙子之前畫的海報圖,我們發現圖裡面用到的元素有線條,三角形,文字等,那麼這個圖是用什麼方法做出來的呢?下面跟著小橙子的步驟一步一步來的做吧!
  • 乾貨教程∣十步搞定小清新風格插畫
    學習插畫,小清新這個熱門風格,你會了嗎比如小清新的風格,那麼就把我們所有能聯想到與小清新相關聯的元素,如詞彙、圖片素材、色彩等放置在畫板中。小清新的情緒板可能會包含什麼?接著還要考慮一下不同風格插畫的特點,比如小清新風格插畫就可以總結為:
  • 104款暑假培訓班夏令營PSD海報輔導班興趣愛好活動PS設計招生宣傳單模板素材
    )【視頻009】四款平面設計教程合集 【視頻010】灰猩猩393集經典視頻教程(包含部分中文字幕和部分C4D工程源文件)【視頻011】AK大神AE特效中文字幕教程(共164集)+工程文件打包分享【視頻012】如何設計一套有凝聚力的系列圖標集插件目錄
  • 零基礎如何學插畫?學習插畫的步驟教程
    零基礎如何學插畫?學習插畫的步驟教程!首先你要想清楚,你是手繪還是板繪,還是兩者都兼顧,好吧~雖然這兩者並不衝突。需要的基礎技能都一樣,只是在工具上有點差別,本次內容我們以板繪為主。、sai、ai、sketch)2、ipad pro+繪畫軟體(procreate、Medibang Paint、SketchBook)如果不是該如何選擇數位板或者是各大繪畫軟體的安裝、導入的朋友可參考以下教程:哪款數位板性價比最高?
  • CDR、AI繪畫(原矢量)、PS拼圖配古詩14幅及軟體介紹,請高手指點
    >圖文/網絡編輯:lzwql一、CDR軟體簡介:CorelDRAW Graphics Suite,常被稱為「CDR」,是加拿大Corel公司的平面設計軟體;該軟體是Corel公司出品的矢量圖形製作工具軟體,這個圖形工具給設計師提供了矢量動畫、頁面設計、網站製作、位圖編輯和網頁動畫等多種功能。
  • 平面設計教程:PS製作幾何人像海報步驟
    本文由:「學設計上兔課網」原創,圖片素材來自網絡,僅供學習分享 PS製作幾何人像海報步驟,大家好,我是你們的兔課菌,今天我們的教程是應用PS製作出一幅炫酷的幾何形狀堆疊海報,首先我們來分析一下這幅海報,背景為簡易的漸變,整幅海報都是由幾何形狀的堆疊來完成的,所以說難度還是非常簡單的,而重點在於幾何形狀位置和層次的擺放
  • AI爆炸福利來啦:1個軟體+300集教程+500筆刷,限時領取
    Adobe illustrator CC官方簡體中文版作為全球最著名的矢量圖形軟體,以其強大的功能和體 貼用戶的界面,已經佔據了全球矢量編輯 軟體中的大部分份額。據不完全統計全球有37%的 設計師在使用Adobe Illustrator CC破解版進行藝術設計。
  • 25款幾何漸變海報背景素材PSD源文件打包下載
    、eps、png、jpg多種格式)15、(28G合集)護膚品化妝品文具展示模型樣機包裝VI設計高清攝影圖片素材PSD分層源文件16、15套移動端手勢圖標資源打包下載【海報設計】1、2017最新海報共16款PSD分層文件打包下載2、35款國外俱樂部潮流派對風格海報PSD源文件打包下載
  • 「公主連結Re:Dive」海報經驗分享與官方半月刊風格海報製作教程
    下面樓主給大家分享一下,個人在海報製作方面習得的一些經驗,並在本篇後文給大家帶來官方半月刊風格海報的製作教程(需要使用Photoshop,建議版本為2019或2020,本帖建議使用電腦端網頁閱讀嗷)。(以下內容非專業建議,屬個人對本遊戲招募海報的經驗理解,若有不妥歡迎留言指正)【目錄】1.海報製作經驗略談一二2.官方半月刊風格海報製作教程