聯成電腦分享:如何用符號來構圖的2種方法

文、Simi老師

這次會用我的作品範例來詳細說明如何利用符號構圖,讓大家能更深入實際應用的方式。如果還沒看過上次的概念篇,建議先去了解一下基礎再回來看這篇會更有效益喔!

如何開始使用符號構圖

一般來說我自己使用符號構圖的方式有兩種:
1. 根據想畫的題材情境選定一個符號之後,再依照符號的形狀擺放物件。
2. 先把主要的元素放上去,選擇跟目前畫面較接近的符號,再微調物件位置與造型。

如果是以前幾乎沒有畫過圖的初學者,我會比較推薦使用第一個方式,這會讓人比較有依據來設計畫面上的圖樣。
但若是對從小喜歡畫圖、用直覺就能畫到不錯程度的同學來說,其實可以考慮後者。如下圖的範例,我一開始是先憑感覺畫出小女孩與螃蟹的互動,之後覺得可以往圓形構圖的方向調整,所以就微調了女孩的姿勢與頭髮動態,使其符合圓形構圖的感覺。

多種構圖刺激靈感

這張圖是參加2021京都國際動漫大獎的作品,自己也比較慎重以待,在構圖階段就畫了四種來挑選。
在初期的發散水平思考會盡量選擇差異比較大的畫面表現,用不同的構圖符號來輔助進行發想,也有利於像這樣必須呈現多種不同畫面的情形。

系列稿創作

當有多張圖的系列稿創作時,在允許的情況下我也會將所有的草圖同時畫出來。這是八張一套的系列圖,因為是兩兩成對,所以也會考慮成對的兩張圖放在一起時的感覺來設計。
只有線條時對於形狀的感覺會比較難以掌控,但利用色塊就能清楚看出造型樣貌,所以先大致塗上底色,同時利用線條和色塊來打稿也是很好的設計方式。

很多學生在聽到要使用符號來構圖時,腦子就會瞬間一片空白,但其實這些都只是輔助進行創作的方法,不要被束縛住而變得窒礙難行,關鍵是要勇於嘗試,別因為害怕不熟悉的事物,而錯失成長的機會。

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/2005

聯成電腦分享:在PS中利用圖層構圖檢視各種不同構圖吧!

文、SIMI老師

身為一個龜毛的重度選擇障礙患者,有時就是會為了一點小東西來來回回調很久,或是在數個構圖之間僵持不下。此時如果利用PS中的「圖層構圖」功能,就可以在糾結的時候省掉一點力氣(笑)。

👉 推薦課程:Photoshop影像處理

Step.1 開啟圖層構圖視窗

首先點選功能表:視窗/圖層構圖,打開圖層構圖視窗。

Step.2 建立圖層構圖

確認第一個版本的圖層配置之後,點選圖層構圖面板上的「建立新增圖層構圖」。

預設值只有勾選記憶「可見度」,如果勾選「位置」的話也會記憶同一個圖層在不同位置的座標,勾選外觀則是可以記錄不同的圖層樣式設定。

如果在建立的當下沒有勾選的話,也可以在事後於面板上點選開啟或關閉。

只要儲存兩種以上不同設定,在檢視的時候只要點選面板上的圖示,就可以來回切換不同的圖層構圖設定來反覆檢視囉!

Step.3 圖層構圖轉存PDF

在轉存項目中可以將圖層構圖轉存為PDF或檔案。
儲存成PDF時可選擇只儲存選取的圖層構圖或全部儲存。幻燈片選項預設是勾選「前進每隔5秒」,如果取消勾選就不會自動播放下一張,必須手動換頁。如果勾選「在最後一頁之後重複播放」的話,在播放到最後一頁之後將回到第一頁重頭播放。

Step.4 工作區域轉存檔案

轉存檔案的選項比較單純,除了命名規則設定之外,在選擇轉存檔案格式之後調整影像品質,點擊執行就會將多個圖層構圖分別存檔,在跟廠商提案構圖時很好用。

圖層構圖的增設與轉存主要可用於同一作品的不同版本之間做檢視,有時在跟廠商提草圖時常常需要畫3~5個版本,利用圖層構圖可方便自己檢視以及事後匯出。另外就是在完稿前的最後細節調整,有時分別看實在看不出太大差異,但在同一個位置重疊就能很快看出問題,是相當有用的功能喔!

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1945

聯成電腦分享:Photoshop教學 ─ 四方連續圖樣設計(二)

文、SIMI老師

上次我們介紹了如何使用Illustrator來製作「四方連續」圖樣,但如果大家想要設計比較自由的手繪插畫圖樣時,Illustrator就不那麼合適了,所以這次要向大家介紹如何使用Photoshop來設計四方連續圖樣。

► 推薦課程:Photoshop影像處理

1.開新檔案
首先開一個方形的畫布,尺寸不拘但不要過大,且盡量用整數會比較好計算。

2.開始設計圖樣
創作圖樣時以一體成形完整的圖形為主,不要超出畫面外,底色最好為單一純色。

3.圖樣製作過程
由於接下來的動作會破壞原稿,建議先在圖層上按右鍵或Ctrl+J複製圖層備用,如果該圖樣使用多個圖層繪製的話請先合併(背景可以分開)。

接著點選複製的圖層,選擇功能表 濾鏡/其他/畫面錯位

利用各種幾何圖形的排列組合,就能輕鬆設計出各種圖形。

4.完成圖樣
設計完成之後,到功能表 編輯/定義圖樣,確定後即可使用。

5.使用圖樣
使用圖樣的方式有很多種,最一般的方式是在開新檔案之後新增一個圖層,並點選油漆桶工具,就可以在屬性列將前景色改為圖樣,並選擇想要使用的圖樣設計,也可以在此按右鍵刪除不需要的圖樣,選擇完畢後接著直接填入畫面中即可。

6. 使用圖樣2
另外一種方式不需要先新增圖層,只要在圖層視窗下方點擊:建立新填塞或調整圖層/圖樣…,就可以數值的方式調整圖樣的角度與大小,且隨時可以點擊圖層縮圖兩下後進入編輯。

圖樣設計完成後可以運用於各種設計或產品的底圖,如手機殼、筆記本、口罩…等,也可以作為插畫或遊戲等作品中的素材,用途十分廣泛。而PS跟AI兩種軟體各有其優勢,各位可以依照自己的需求與喜好來選擇。

 

文章轉自聯成電腦知識專欄https://www.lccnet.com.tw/lccnet/article/details/1880

illustrator教學:四方連續圖樣設計-聯成電腦

文、SIMI希米老師

所謂的「四方連續」就是以無接縫的方式網上下以及左右無限延伸圖樣,然而什麼樣的情況會需要用到「四方連續」的技法呢?比較常見的有布料、壁紙、網頁或遊戲的背景…等。根據不同的需求,在AI以及PS中都各自有其便於製作四方連續圖樣的方式,今天就先來介紹如何使用Illustrator來製作「四方連續」圖樣吧!

► 推薦課程:Illustrator商業形象設計

1.新增圖樣
首先選擇物件/圖樣/製作 就會跳到圖樣編輯面板,此時可以在所見即所得的狀態下編輯色票。
1615992727

1615992738

2.開始設計圖樣
在繪製圖形時建議把「將拼貼與作品一起移動」取消核選,以免移動圖形時外框也跟著移動。
1615992775

3.圖樣製作過程
這邊我是使用幾何圖形搭配:效果/扭曲與變形/縮攏與膨脹 設計出規律的圖形,大家也可以使用鋼筆工具或其他方式繪製自由的圖案。
1615992809

即使都是六邊形,「縮攏與膨脹」的數值不同就會有差異極大的造型變化,大家不妨多試試看不同的圖形與排列組合。
1615992835

利用各種幾何圖形的排列組合,就能輕鬆設計出各種圖形。
1615992864

4.完成圖樣
如果設計中有使用到任何效果,必須要先執行:物件/擴充外觀 以後再到左上角點選完成。
1615992886

1615992924

5.使用圖樣
在點選完成後,色票視窗就會出現剛剛新增的圖樣,而畫布上是空白的為正常現象。使用時依照一般色票的方式直接套用即可。
1615992950

1615992960

6.編輯圖樣
如果想要編輯圖樣的顏色或造型,只要在色票上面點兩下就會進入圖樣選項,可以直接依照需求與喜好進行修改。
1615992983

1615992993

當然也可以修改拼貼類型,使花紋的排列更有變化。
1615993013

1615993021

圖樣大致上可以分成單一元素以及複合元素的排列。如果是單一元素的話,只要將完成的圖樣置中,並依照需求調整排列方式與間距即可,設計起來比較單純;倘若是複合元素時,則可在完成一個主要元素後選擇一個排列方式,再繼續繪製後續的元素設計,由於可以即時觀看拼貼效果,其實相當直覺,同學們可以多嘗試看看!

文章轉自:https://www.lccnet.com.tw/lccnet/article/details/1874