拍一張照片就能設計成一幅海報,這種技能快來學! - 優設網 - UISDC

拍一張照片就能設計成一幅海報,這種技能快來學!

2019/05/04 28740評論 16

@做設計的面條?:今天這篇關于照片變海報設計的文章分享應該會看起來比較輕松,因為非常生活化,也是大多數人都能看得懂的設計,比較好上手。

以玩的心態做設計,順便分享我的設計心得,幫助大家以更加輕松地方式學習設計,帶領大家從生活中去感悟設計的魅力,這就是我想傳達的理念。

往期回顧:

  1. 《拍一張照片就能設計成一張海報!》
  2. 《拍一張照片,就能設計成一張海報?。ㄊ擋俜窒淼詼ǎ?/a>
  3. 《拍一張照片,就能做出一幅海報?。ㄊ擋俜窒淼諶ǎ?/a>
  4. 《拍一張照片,就能做出一幅海報?。ㄊ擋俜窒淼謁牟ǎ?/a>
  5. 《拍一張照片,就能做出一幅海報?。ㄊ擋俜窒淼諼宀ǎ?/a>
  6. 《拍一張照片,就能做出一幅海報?。ㄊ擋俜窒淼諏ǎ?/a>
  7. 《隨手拍一張照片,就能設計成一幅海報的秘訣到底是什么?!》
  8. 《拍一張照片,就能做出一幅海報?。ㄊ擋俜窒淼詘瞬ǎ?/a>
  9. 《拍一張照片就能設計成一幅海報,這種技能要不要?》

照片一

知道這是什么嗎?這是羽衣甘藍長大后的樣子。擁有這么優美的名字的她,原本是長這樣的,看起來還有點特別:

但是長大后,誰知道她就變成了菜苔。所以,我就把她們都砍了,因為長得太高了看起來很突兀,但是砍完后堆在一起又覺得顏色還是蠻漂亮的,所以我就把她們擺成了一個圓形花環。

堆成圓形花環后,我就琢磨著干脆把她做成海報。

因為拍照的時候陽光蠻好的,我擺出來的花環也像個太陽,所以干脆確定文案是 sunshine 主題。

照片和海報本身看起來就是比較輕松的畫面,所以字體也就選擇了手寫體,再用手繪板給畫面加一些看似隨意的簡筆涂鴉,整個畫面看起來就更加符合輕松愉悅的感覺了。

最后,不知道大家注意到沒有,我的文案排版搭配著這個環形的羽衣甘藍花環,整體看起來其實是一只眼睛。算是一個小彩蛋吧。

因為我希望大家眼里看到的都是美的事物,心里都住著陽光。

照片二

我的小面團又出場了,她特別粘人,我走哪里她就跟到哪里。如果我在電腦前工作,她就喜歡待在我旁邊睡懶覺,所以我偶爾會偷瞄她睡懶覺的樣子。我發現一個特別有意思的現象,只要稍微有一點響聲,她就會換個姿勢繼續睡,所以可能一下午,她會有好幾十種姿勢。

出于好奇心,每過一會兒我就偷拍一張小面團睡覺的照片,結果手機相冊就成下面這樣了,滿屏都是小面團:

這不就是我們在平面設計里學的重復和特異構成原理嗎?

干脆用重復和特異的構成手法來一張海報設計吧,于是,就有了下面這幅海報:

我摳了很多小面團睡覺的圖片,然后排列在一起,她們的形態看起來是類似的,其實每一行里都有一點差別,這就比單純的放一模一樣的形態有趣一些,不容易視覺疲勞,這也是這些構成手法的其中一個作用。

當然,我這里不止是運用了重復和特異,我還用了近似、漸變和發射等等構成手法,總之,就是混合著用的,怎么高興怎么來。關于這些構成手法的具體解析,可以看看我幾年前寫的文章→《五大步驟!細說Banner圖設計之平面構成的奧秘》。

不過,如果對這些構成還不太了解的,我是不太建議一下子玩這么多手法的,因為把控不好容易翻車。那么你可能只專心玩其中 1 個或 2 個就夠了,等后面火候到了再慢慢給自己增加難度即可。

關于字體設計:因為我也不是專業的字體設計師,所以在字體設計方面可能就是比較野一點,只能用我所擁有的設計知識把字體也當作一個圖形來設計。比如這一次的「懶貓」2 字,我的靈感來源就是貓的牙齒,整體形態比較鋒利,兇巴巴的。

尤其是整個背景的設計就是一只張著大嘴咆哮還掉了一顆牙的貓臉,是不是馬上就有了畫面感?

而小面團睡覺的形態是毛茸茸圓溜溜的,是靜態的,這就形成了兩個方面的視覺對比:一方面是動與靜的沖擊對比,一方面是圓潤和鋒利的沖擊對比。

可能會有人疑惑,為什么我這一次沒有用那種偏柔軟的形式去設計,畢竟貓咪是小可愛的,所以是不是把字體設計的更柔軟一點,把背景設計的更可愛活力一點更適合呢?

因為柔軟的風格我玩過了,我不想每一次都玩同樣的東西,而是想嘗試新的玩法,偶爾來一些沖突的感覺會更有趣。

照片三

又拍自己走路的照片了。那天回家的路上,夕陽正好,我穿的一身粉粉的,柔軟的陽光灑在身上好好看,所以我發了條朋友圈,配文:落日粉。

鑒于我之前已經把六七張走路的照片做成了海報,所以也不差這一張了,于是就做了下面這幅海報:

關于文案:大家看到文案后就會心一笑了,因為我是用周杰倫的《黑色毛衣》里的一句歌詞改編的,「一件黑色毛衣,兩個人的回憶」被我改成了「一件粉色毛衣,兩個人的回憶」。

這個文案聽起來是比較富有情緒的的,比如網易云音樂里的很多 banner 的文案都是這種類型,因為歌里唱的都是故事和情緒,還有很多文藝森女系店鋪的文案也是這個類型的,訴說的都是一些碎碎念的小情緒。

關于字體設計:因為是情緒化的設計,所以文案的排列方式可能就不是以閱讀起來順眼為第一要素了,它的閱讀順序也不是按常人希望的方式來展現的,而是把情感表達放在第一位去考慮。

比如,如果你要表達的情緒是錯亂的,那么你的文字排列可能就是錯亂的,有一種凌亂的美感在里面;如果你要表達情緒是失落的,那么你的文字排列可能又會是顛倒的,不連貫的等等。

總之,這樣的設計可能更接近于藝術路線(以傳遞情緒為主,重在情緒上的表達),而不是常人理解的一般的商業設計路線(以傳遞信息為主,重在信息傳達準確)。前者適用于一切與藝術有關的設計或設計師個人的自由創作,后者適用于所有以賣貨為目的的商業活動設計。

比如我這里的文案排列規則其實并不統一,我的文字也有點殘缺,是因為寓意回憶是殘缺的。我的字型是比較幾何化的,偏瘦高的,因為畫面看起來都是比較現代女性化的,尤其包包是方方正正的。

關于排版和配色:很多人總說不會排版和配色,那么我這里可以傳授一個小技巧,就是你可以多運用聯想和提取法則,你可以從人物或產品身上去提取元素、顏色。

比如我這里就是從包包上提取方塊元素,然后把這些方塊按照大大小小去排列做背景,這樣走路的動感也出來了,畫面也豐富起來了。

至于顏色的選擇,如果你希望畫面柔和一點,產品或人物不要那么突出,那就用同色系,用鄰近色。如果你希望對比強烈一點,畫面的視覺沖擊大一點,那就用對比色或互補色。比如我這里選擇了對比色,湖藍配橘粉色。

最后加上一根亂畫的線條,寓意曲折的人生。

后來又心血來潮,把這幅海報改了日文和英文2個版本。

日文版:

英文版:

照片四

我喜歡拍照,但是我拍的最多的物品,可能就是花了。比如這張照片是我在院子里摘了幾朵花后拍的,當時就在想能不能把花拍的再稍微突破一點,于是我就翻出了一面鏡子墊在下面,再灑點水,就拍照了這張很有意思的照片了。

做成海報后:

看到這張照片時,腦海里就冒出了「花非花」三個字,可能是因為這朦朧的顛倒的畫面讓我感覺到一種是是而非的意境吧,我拍的又是花,所以文案干脆就用「花非花」。

我搜索了一下,還真有一首白居易的詩,名叫《花非花》,而且就連這首詩要表達的寓意都跟我拍的畫面很搭調。這首詩表達的是對人生如夢幻泡影,如霧亦如電的感慨,表達的是一種對于生活中存在過而又消逝了的美好人與物的追念惋惜之情。

這首詩我感覺還挺美的:

花非花,霧非霧,

夜半來,天明去。

來如春夢幾多時?

去似朝云無覓處。

──《花非花》

順著這首詩的意境和感覺,我將整個畫面調成了粉色,文字的設計則是從水波紋里獲得的靈感,有一點扭曲的感覺,但是又沒有完全扭曲,寓意的就是一種現實和幻影扭在一起的狀態。

非常神奇的是,這幅海報其實是 360 度無死角的,好像從任意一個角度看起來都很美,不信你把手機旋轉幾個角度試試。

尤其是發到朋友圈后,如果把四個角度的照片放一起看縮略圖,這種感覺就愈發明顯。

照片五

這張照片,其實拍的好隨意。一大早我在院子里給花澆水,結果看到草坪上有一泡屎,哪只丑丑的野貓又來我的草坪拉臭臭了。

于是我就拍了這張照片,剛灑完水的手是濕噠噠的,可能是水流到了鏡頭上面,才導致拍出來的照片有一點虛幻朦朧的感覺。我只打算拍張照片發個牢騷,不曾想大家留言說:「咦?這坨貓咪粑粑居然是個心形?連拉泡屎都是愛你的形狀,哈哈?!?/p>

仔細一看,還真是一顆愛心。然后我又看到有人留言說:「我就不信這張拉屎的照片你也能做成海報」。

哼,我這個人有個特點,就是你越說我做不到,越是小看我,我就偏要做到給你看看呢。

然后,就有了下面這幅海報:

做這幅海報設計,只是當作一個玩笑而已,所以我會假想這只丑丑貓在這里隨地大小便也許還是會有一點愧疚之情,也許只是跟我開個玩笑而已呢?

所以我的腦海里就出現了一只丑丑貓拉完粑粑后對我回眸一笑說:「拉個屎,不成敬意,愛你喲?!溝幕?。

關于字體設計:因為是站在丑丑貓的角度來訴說這些文案,自然的字體設計就不應當規規矩矩的,不管是字型還是排版方式,最好是能俏皮一點,節奏稍微跳躍一點,會更好玩。

就用粑粑的形態來設計字體好了,粑粑是有各種各樣的形狀和大小的,所以字體就放飛自我的設計出來了。

關于整體的排版和色調:因為字體設計的比較隨意,為了讓整體畫面不至于太散,所以我一般都會選擇讓這些字體凌亂的同時又依附于某一樣東西,比如我這里是讓這些字體依附于這只丑貓周圍,那么整個畫面就不會那么亂了。

這樣既達到了明明看起來是亂亂亂的,但是它們又是有序的、整體的。

至于色調,既然是好玩,像是光天化日下的惡作劇一樣,色彩就明亮一點,歡快一點,再加上貓尾巴纏繞著我的腳,這種俏皮的意味就更濃了。

可能有人會問,貓咪是用什么畫的?我是用手繪板畫的。

寫在最后

今天的文章就分享到這里了,這里面滿滿都是干貨,大家自己多看看多消化一下吧。

如果大家喜歡我的分享,就多多給我一些愛的鼓勵,這樣子我下一期的分享才會來的更積極,更精彩。

上一次有人不相信那張小面團里的魚是畫出來的,也有人問我魚到底是怎么畫的,所以我就做了一個簡單的 gif 動圖,大家看看就明白了。

關于文章里面提到的各種構成手法的具體解析,可以看看我幾年前寫的這篇文章→《五大步驟!細說Banner圖設計之平面構成的奧秘》。毫不夸張地說,這篇文章其實就濃縮了一本平面構成書籍的全部精華了。

歡迎關注作者的微信公眾號「做設計的面條」,一個干貨與文筆俱佳的美女設計師。

微信公眾號簡介:專注開拓電商設計思維,不定期分享一些個人見解干貨,當然也會分享一些頂級創意、攝影、人生感悟方面的好文啦。

tttt-1qr1111

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址://www.qratuj.com.cn/photo-design-poster-10

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

設計圈干貨 界面設計 排版布局 版式設計 職場 優設專訪 優設大課堂 設計達人 設計師干貨 web前端開發 配色 視覺設計 素材下載 AI教程 設計理論 設計流程 神器下載 字體下載 設計師專訪 psd下載 海報設計 設計規范 設計趨勢 用戶體驗設計 動效設計 logo設計 平面設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

優設啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!優設網是極具人氣的設計師平臺
2012年成立至今,一直專注于設計師的學習成長交流

把好文章收藏到微信

打開微信,掃碼分享
學設計 優設網 在這里