小司徒宅男Wii世界

今天要介紹如何運用零碎元素來製作一個屬於自己結構時尚普普風格桌布
(亦可做成酷卡.海報.網頁.賀卡名信片等等...)
而此次運用的軟體基本上以PhotoSshop為主另依協助軟體ZBrush3
那麼就開始來小弟地拙作分享教學哩
(基本上還挺覺得在關公面前耍大刀的~汗顏)

步驟一 :

其實這是小弟在用ZBrush3拉模型時無意間過度旋轉扭曲而造成的破面效果
然而這樣的效果其實是非常好運用的~尤其是在結構風格上的設計
(用其他的3D軟體一樣也可以做出破碎結構風的3D模型最後再打光算圖出來就可以哩)
由於這是用ZBrush3無意拉出來的所以並沒有做算圖與打光的動作只是直接的拍下來而已

步驟二 :

將圖貼進去PhotoSshop(以下簡稱PS)裡面將不要的佈份用圖層分開去除
此時你可以去細修這個圖片來更有利於後續調色與製作(我是沒有做細修動作)

步驟三 :

分完圖層後開始針對圖形部分開始調色
調色的基準必須與你主題風格必需相依(此時我並沒有訂立主題)
(調色基本上是使用PS的色相/飽和度工具來做調整)

步驟四 :

一開始的顏色先抓相近色來調整~切忌一開始太過飽和或是對比太強
因為這樣會容易失去圖形基本的調性而造成顏色過於色塊銳利化

步驟五 :

加入對比性的色調用來襯出其對比的相近色
注意必須讓對比不會瞬間跳的很大此時的漸層是非常的重要

步驟六 :

基準底色抓出來後針對不卒顏色的部份再做補足~這樣這部份的調色就算完成哩!!

步驟七 :

接著就是將其他元素物件帶入你的圖裡面
普普風的圓圈圈這些年來一直是不退流行的基本元素之ㄧ也是非常好利用的設計元素
因此我用利用PS裡圓形選取工具簡單的畫出這樣的圓形圖案

步驟八 :

畫完圓之後就是作圓形的排列組合
排列組合沒有大的規定基本上我是建議大中小以三角型來排列造型
然後再將散佈範圍拉開來

步驟九 :

決定你圈圈在版面上的位子~這是非常重要的
一般來說會取對絞線或是邊邊角角地方來擺放
其一他是配角須把主題空間留出來
其二利用它的方向性來帶出主題

步驟十 :

決定基準位子後利用簡單有利的色快線條來將圓圈串出方向性的感覺來
這樣有利於你對主標題的擺放(因為我沒訂立主題所以可以放手去做更多元素)

步驟十一 :

有了下線條後下方就有了統合感這時必須在顧慮到上面必須將上方的部份也串連起來
讓左下角呈現一個放射狀一來也有紮實感與右上角形成虛實的呼應

步驟十二 :

過於亮眼強銳的的線條非常的容易搶走主題
因此可以將底下的放射線做顏色上的變化來製造層次感

步驟十三 :

再來右上方的虛位雖然虛可是不是放空
因此在加點圓圈然後套上顏色做出層次感覺來
也增加了畫面視覺上的集中性

步驟十四 :

此階段因為加入了其他元素因此我們可以開始做第二階段的調色動作
這階段的調色是以原有的底色來作為調而不是加入其他的顏色

步驟十五 :

其實調色與你的主題必須有很大的關係可是我並沒有訂立主題
因此就已爽自己喜歡或是畫面協調感的顏色來做調整

步驟十六 :

調色最後則是決定顏色的亮度彩度
因為我希望能用顏色來吸引人所以將亮度彩度提高來增加吸引力

步驟十七 :

調完色後開始擺熱我的主題文字
再次強調我沒設主題因為這原因因此苦惱我哩
最後我以顏色感覺來做主題因此用了Beautiful來作主標題

步驟十八 :

主標放完接著就是文字排列的概念非常的重要因為你要加入許多的副標
而不能搶果主標又要能有所謂的動線與設計感並存因此文字排列也是種很有學問的課題
而我利用附標來將圓圈跟主標間的分離感連接起來這樣就能營造出連接的感覺

步驟十九 :

皆著放入很重要的其他副標文字~那麼怎咪放就考驗各位的編排能力哩

步驟二十 :

另外附標並不是只有圍繞的主標跑喔~
再底下的放射線上加上文字就是一種很好利用的副標位子
而且可以破壞掉單色的單純性增加變化性

步驟二十一 :

別忘記如果是海報時間有了那就一定要將地點擺進去喔
我看過很多海報會將地點擺在最後的底部不過我不喜歡
我的風格就是跟著主標一起跑來製造出另依種LOGO的感覺
(純粹個人洗好啦~這很主觀因人而異)

步驟二十二 :

文字擺放完了之後我門再加上其他點綴式的元件
有了結構風的底加上普普風的圈圈再來放點可以營造出細緻感的捲捲草
(捲捲草亦可利用PS的倍茲曲線工具來繪畫)
整張圖從粗到細從虛到實就都有了
(其實一般海報有主題的這樣就可以收手哩不然會果花俏)

步驟二十三 :

因為沒有客戶或是任何主題上產品困擾那可以繼續去做其他的不同變化
因此加上底圖的對比色調來營造右手邊的虛位

步驟二十四 :

這地方要做可是不能搶過前面的主題~因此我用但底圖來表現
再加上捲捲草的動律動感讓畫面不會有緊繃的感覺
而人物的體態動作表現與圖片的簡約也能帶入一些時尚的風格感

步驟二十五 :

再放進蝴蝶原素簡單的反白效果亦可增加時尚華麗的感覺已達到豐富畫面

步驟二十六 :

在右邊底圖上加上淡淡的文字來降低右邊的薄弱感讓左右達到平衡呼應的效果
才不會感覺左重右輕的感覺

步驟二十七 :

最後在依著底下的動線獎簡單的內容文字做上編排整體便完成哩^^

其實做一張這樣子形式的海報編排其實是每個人都做得到的真的是不困難
因為這只是考驗自己對於軟體的瞭解度於熟練度
考驗自己是否能靈活運用而不是被軟體侷限規範
人是活的軟體是死的充其量都只是個工具~我們必須要活用而不能被取代~

另一要點是要完成一張海報就像畫一張貼圖一樣
妳必須找到對的圖形對的材質然後再加上如何運用如何表現
微獨不同的是設計是將設計者與製作者結合兩者不分開的共同執行

食神說過 : 只要有心人人都可以是食神

這只是小弟的分享~也是小弟在公司利用E-mail跟同事做一些設計上的分享教學
雖然簡拙可是是不同於遊戲方面的東西或許也能刺激大家一些不同的想法
就算是提倡每週三的分享課沒有開課只要大家有心透過E-mail也是能與所有人來分享
所有分享更不侷限於遊戲製作(不管美術~程式~企劃)透過E-mail不管是什麼大家都能互相分享互相求進步
就像這樣的拙作分享出來也歡迎大家來指教~失敗之中求進步~