視覺設計 ? 教你3種個性獨特的海報設計,操作簡單!

教你3種個性獨特的海報設計,操作簡單!

發表于: 視覺設計. 評論
Sponsor

設計的風格有很多種,今天給大家帶來的是三種設計風格的海報案例呈現。操作很簡單,大家看完記得練習哦。直接開始今天的教程吧,yeah…

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

● 相信大家小時候都玩過超級馬里奧、魂斗羅等游戲。

下圖是馬賽克像素風典型的代表游戲之一?;叵肫饋砟嵌际峭甑臍g樂時光啊~

教你3種個性/獨特的海報設計,操作很簡單哦~

● 下面用文字簡單的介紹了一些關于像素畫的知識

教你3種個性/獨特的海報設計,操作很簡單哦~

● 給大家整理的一些像素風格的海報(案例來源于互聯網,僅做參考)

教你3種個性/獨特的海報設計,操作很簡單哦~

● 除了像素畫海報之外還有與之對應的像素字體下圖來源于互聯網,僅做示意。

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

● 這里我們用到上圖03和06的技法思路,像素的趕腳類似PS的半調效果,或者是仿色擴散,以文字設計為基礎使用的仿色擴散的效果來呈現。

教你3種個性/獨特的海報設計,操作很簡單哦~

設計思路&步驟解析

01:先設計完字體部分(這里暫不講字體設計部分),不會字體設計的同學,使用一款好看的字庫字體也是可以的。

教你3種個性/獨特的海報設計,操作很簡單哦~

02:合并所有筆畫,在AI中使用路徑偏移,參數設置如下,對象-路徑-偏移路徑。

教你3種個性/獨特的海報設計,操作很簡單哦~

03:取消編組,用2種顏色區分。

教你3種個性/獨特的海報設計,操作很簡單哦~

04:勾勒鋼筆連接每個邊,紅色圓圈標注部分為示意。

教你3種個性/獨特的海報設計,操作很簡單哦~

05:接著給字體填充黑白漸變,注意白與黑之間的明暗過度。

教你3種個性/獨特的海報設計,操作很簡單哦~

06:最終效果如下,將漸變后的字體在PS中選中,圖像-模式-灰度-拼合。

教你3種個性/獨特的海報設計,操作很簡單哦~

07:圖像-模式-位圖-擴散仿色。

教你3種個性/獨特的海報設計,操作很簡單哦~

大家不要局限于做像素風格就非得像我用這種方法去呈現,我們只要抓住海報的主體,呈現是由一個小的單元格組合拼接而成就可以了。AI同樣也可以做出矢量像素海報。。。

這是在AI做出的像素化效果,這里給大家拋磚引玉一下。

選中漸變完之后的字體,AI菜單欄-對象-柵格化,參數設置如下,最終位圖再轉矢量就可以啦。

教你3種個性/獨特的海報設計,操作很簡單哦~

08:最終并為其添加色彩與排版就完成了~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

我們先看幾組網上的案例展示吧,大概認識下這類風格的一些表現形式,版面的構圖元素,以及顏色的一些使用等。

教你3種個性/獨特的海報設計,操作很簡單哦~

不難發現我們目前所看到的孟菲斯風格是非常潮的,強烈的色彩組合與碰撞,幾何形狀的構成,甚至一些海報當中也會出現潮流的插畫小元素,非常具有趣味性,以及強一些畫面視覺沖擊表現。

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

孟菲斯風格版面元素構成

孟菲斯平面設計特征可以歸納為:

1、高明度的色彩組合;線條、圖案的隨機排列搭配;幾何元素的大量運用和空間填充。

2、各式各樣的幾何圖案是“孟菲斯設計”經典元素之一,以正方形、圓形或三角形這類規則圖形為主。

3、與傳統設計強調有序不同,“孟菲斯”的設計背景喜用凌亂與自由的組合方式。

不管是細瘦的直線、粗體的波浪線,還是點狀圖案亦或3D結構圖形,你都能在孟菲斯作品里找到。

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

下圖舉例了孟菲斯在平面中的一些表現!

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

咱們分析完孟菲斯的一些構成元素表現形式之后就好開始下手了,下圖是以人物為主體的表現形式。

教你3種個性/獨特的海報設計,操作很簡單哦~

為了方便大家觀察我將版面中的元素進行了拆解,大致分為人物、文字對話框、一些線條元素和版面中的配色。

教你3種個性/獨特的海報設計,操作很簡單哦~

文字對話框&文字編排:

教你3種個性/獨特的海報設計,操作很簡單哦~

版面中的人物主體:

教你3種個性/獨特的海報設計,操作很簡單哦~

版面中的色彩搭配、字體&線條:

教你3種個性/獨特的海報設計,操作很簡單哦~

以上就是拆解完的樣式,這里我們為了增加版面的趣味性,我使用了手寫字體以及隨意裝飾的線條活躍版面氣氛,色彩的組合上使用了純色與漸變的組合碰撞,圖形構成上表現模擬了電腦頁面對話框的組合形式搭配上文字編排,以上都是為了盡可能的符合孟菲斯的一些風格表現而存在的。

這是我做的另外一張孟菲斯的海報,根據之前給大家總結的要素:

*幾何圖形構成

*強烈的色彩組合

*簡單圖形&插圖

教你3種個性/獨特的海報設計,操作很簡單哦~

*簡單圖形&插圖

圖形的制作比較簡單用 AI 3D工具就可以完成。

教你3種個性/獨特的海報設計,操作很簡單哦~

*幾何圖形構成

教你3種個性/獨特的海報設計,操作很簡單哦~

*幾何圖形構成

教你3種個性/獨特的海報設計,操作很簡單哦~

*靚麗/怪誕/潮流

當時找素材的時候找到這只鳥的時候,發現嘴非常的有意思,以及鳥本身的顏色也是符合孟菲斯的色彩要求的(一個巧合罷了),扣完圖之后給鳥加上一個外描邊增強趣味性。

教你3種個性/獨特的海報設計,操作很簡單哦~

*強烈的色彩組合

純色與漸變色(高飽和度&低飽和度)、(明與暗)以及色彩在版面中的一個過度關系。

教你3種個性/獨特的海報設計,操作很簡單哦~

最終組合版面中的主體與文字排版&構圖,以及配色孟菲斯風格的海報就完成了,只要掌握了他們的元素構成風格與表現就好做了,希望這2張海報可以給到大家一個啟發。

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

所以我們只要能模擬出撕紙的效果差不多就能做了。

教你3種個性/獨特的海報設計,操作很簡單哦~

下圖是案例展示部分。

教你3種個性/獨特的海報設計,操作很簡單哦~

我們來看下撕紙效果的一個具體制作方式,基本上都是在PS中完成的。

教你3種個性/獨特的海報設計,操作很簡單哦~

下圖是關于PS畫筆的預設:

常規畫筆、干介質畫筆、特殊效果畫筆、濕介質畫筆。

教你3種個性/獨特的海報設計,操作很簡單哦~

給人物添加一個蒙版,這里我使用的是干介質畫筆,分別給他們換上顏色即可。

教你3種個性/獨特的海報設計,操作很簡單哦~

選擇下圖第二種干介質畫筆,以及它們在不同模式下的樣式效果。

教你3種個性/獨特的海報設計,操作很簡單哦~

接著在人物的邊緣用干介質畫筆(溶解模式)涂抹邊緣,撕紙的效果就出現了,接著加入黑白相間的素材。

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

為了模擬撕紙的效果,我隨意設置了一些紋理,讓紋理保持一種不規則的狀態。咱們動手制作一些素材使用(特殊效果畫筆),新建一個畫布,使用畫筆涂滿即可,導出圖片當做素材就OK了,涂抹的時候畫筆的大小折中就行,避免效果不理想(大家多嘗試就行)。

教你3種個性/獨特的海報設計,操作很簡單哦~

最終規劃版面的文字編排就完成了。

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

教你3種個性/獨特的海報設計,操作很簡單哦~

大家多多練起來吧,希望對你有所幫助。

教你3種個性/獨特的海報設計,操作很簡單哦~

來源 | 胡曉波工作室(ID:ziyou-design)

推薦:查看最受歡迎的 301 個設計網站 → http://hao.shejidaren.com
交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。
贊助商鏈接
贊助商鏈接
設計達人微信交流社區:shejidaren888
喜歡這篇文章嗎?歡迎分享到你的微博、QQ群,并關注我們的微博,謝謝支持。
版權:除非注明,本站文章均為原創文章,轉載請聯系我們授權,否則禁止轉載。

{ 發表評論 }