課程範例分享

Posted on 五月 02, 2010 by 潘士銘

浪漫九州、絕美京都這是我在帶創意美術套課班

所提供學員設計的範例作品主題

通常我習慣幫同學準備好兩三個主題、圖檔、文案...

預留一堂課多一點的時間,讓學員設計海報作品

若有其他學員想做其他主題,我在協助資料圖檔搜尋

其實最主要的,還是希望學員來體驗一下

設計最難的部分,就是在發想、版面構圖、文字編排的過程~

一般課堂上都是以現有的範例,再由老師示範製作

往往大家會覺得很簡單,因為只是跟者老師做一次而已

但是若是由自己從頭開始製作,就不是這樣一回事瞜!

所以真的有興趣!!記得要多多設計作品哪怕只是一張名片

那也是一種經驗的累積!!

下列兩張海報都是在課堂上,示範給學員參考的設計作品

因為在介紹如何製作的過程中,看到一些不錯的影像效果或是稿件..

還是會激盪起自己的設計慾,所以就會跟者一起做啦^^"


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

funP udn Yahoo! Delicious Digg Filed under 平面設計 | 3 迴響 | Permalink

文字編排的魅力<一>

Posted on 四月 25, 2010 by 潘士銘


個人認為文字一直是一種非常有魅力的東東

尋常的影像稿件若是加上不凡的文字編排!

往往會迅速提升數倍的設計感,下列分享的三張作品圖檔

若是有上過平面套課的學員,因該不陌生

右方圖檔皆為原本課本內容範例,而左方則為修改後的新版範例

可以發現,尋常的影像範例練習加上了簡單的文字編排後

整體的設計感與完成度,霎那間提升不少~

很明顯,強烈的設計感來自於文字編排!

因此,常常會耳提面命的跟學員說~

文字編排!是很有魅力很有生命力的,往往還可以強過影像所帶來的力量

但是卻是一般人最容易忽略而遺忘運用的東西,這是很可惜的!

記得唷~不要輕易放過它要好好的"利用"!!


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

 

 

 

 

 

 

 

 

 

 


圖層遮色片運用分享

Posted on 四月 18, 2010 by 潘士銘

圖層遮色片運用

最近一直被學員說部落格都不更新~真是不好意思

哈哈!!以後我會好好鞭策自己一個月最少更新兩筆分享文章的啦^^

今天來聊聊圖層遮色片這個功能

圖層遮色片說穿了,不過就是將影像放置到我們限定的範圍

進而呈現出不同的影像外貌與樣式變化~

這是一種在平面與網頁裡面,都很常見到的一種處理影像的手法

說實在的,這種功能在課堂上真的只需要花個10來分鐘介紹就可以理解

殊不知他可以衍伸的變化卻是有千百種

透過影像外型,透明度,筆刷,濾鏡特效,文字...信手拈來!!

都可以將原來四四方方的影像外型,改變成另一種呈現方式

就像下方分享的平面套課範例~

其實都是用相同的功能~但是呈現出來的任何一種影像變化!

都可以轉變成海報、DM、或是網頁的一種影像手法

功能是死的,運用是活的!

多一點觀察記錄、多一點思考運用....往往可以讓您的設計功力更邁前一步唷!!


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

funP udn Yahoo! Delicious Digg Filed under 平面設計 | 1 迴響 | Permalink

網頁設計進行式!

Posted on 一月 25, 2010 by 潘士銘

發表了幾篇關於平面視覺的部分~

這一篇來聊聊網頁FLASH動態製作!

隨者時代的進步,現在的網頁其實變的很多元化

五六年前只要有網頁就很嗆了~

現在網頁除了→有→好看→動畫→程式資料→檔案小→還要有網頁搜尋優化...等等

以後可能還要在不同的顯示介面上呈現~無窮無盡的演化~

哈~一想到就全身軟趴趴~

不過在這邊會建議對網頁有興趣的同學

可以先從版型設計著手,接下來再學習動畫讓網頁看起來更生動~

如果對程式端有興趣再切入~由淺入深畢竟羅馬不是一天建造出來滴!

分享互動網頁的課程範例~

找了一個網頁版型製作成全FLASH網頁,重點在FLASH網頁動畫部分!!

dome網址聯結 ~!!

 

 

 

 

 

 

 


 

 

 

funP udn Yahoo! Delicious Digg Filed under 網頁設計 | 1 迴響 | Permalink

影像合成?

Posted on 一月 11, 2010 by 潘士銘

"影像合成"這個詞彙的含義太廣了

簡單的、複雜的、單調的、強烈的.....太多了

透過PHOTOSHOP的確可以做出許許多多的影像合成

但是,最終還是要回歸到終端---客戶的需求~

常常會聽到學員說~我要做很炫很讚的特效合成

不過~往往看到的都是運用簡單的濾鏡效果,所呈現出來的視覺影像

其實好的設計!!並不一定要用到很多很炫的濾鏡或是合成

也許可以用"不同元素、文字編排、配色"皆可呈現出更有設計感的作品~~

其實我想說的是,設計還是得回歸到設計的本質~

好的設計師只要有1.2張圖檔、幾個文字就可以搭配出很有水準的作品

並不一定會一直玩弄影像合成~來華眾取巧~

如果要玩影像合成我也可以玩得更炫更不一樣

不過還是會希望真正能進步的是設計功力~

而不是影像處理能力~!!!

<PS>自從做網頁設計後~就很少跟我的老朋友PHOTOSHOP""溝通感情""了~哈哈

所以心血來潮做了一個比較視覺合成的稿件來譁眾取巧一下哈哈!!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

funP udn Yahoo! Delicious Digg Filed under 平面設計 | 7 迴響 | Permalink

老舊年代

Posted on 一月 11, 2010 by 潘士銘

前一陣子看了PHOTOSHOP高手"游閔州"的新書~解構

手癢也做了一個類似的範例~

其實我一直很喜歡這種有點頹靡、破碎、老舊調調的影像風格~

只是自從出社會從事相關設計工作之後~

就比較少製作類似這樣的稿件風格~

因為像這種比較自我意識風格強烈的視覺效果,

比較不符合目前市場商業走向較重的需求~

所以也就很少設計像這樣的作品瞜~!!

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 



 

 

funP udn Yahoo! Delicious Digg Filed under 平面設計 | 3 迴響 | Permalink

網頁專案分享

Posted on 十二月 24, 2009 by 潘士銘

這個是幫同學公司設計的一個網頁專案~

由於對方也是設計公司,所以在版面上的要求希望以

簡潔,明瞭,有設計感

做為呈現的重點~大概修改了2~3次版面樣式~

而且剛好卡在課比較多的時候~所以給他拖了蠻久的~哈哈

主要以黑色系為主~由於版面編排比較簡單所以運用大量的FLASH動畫~

呈現出帶有一點特別又不流於形式的獨特設計~

網址~www.marui.com.tw

 





























 

 














funP udn Yahoo! Delicious Digg Filed under 網頁設計 | 5 迴響 | Permalink

案例分享~

Posted on 十一月 17, 2009 by 潘士銘

朋友在從事化妝品刷具的商品製造~

幫她設計了一組LOGO與名片

以高貴典雅為訴求~所以選用黑白灰作基調

本來想設計一面就好~

可是資訊太多了~殘念只好正面高貴一點~

文字就都給它擠到背面~哈哈!不然要高檔又要放一推字太難了~

最後...........

還"順便"幫她製作了奇摩部落格的網頁樣式設計 T.T

順便打個廣告~哈哈!有需要的可以參考看看唷~


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

拍賣網址連結

funP udn Yahoo! Delicious Digg Filed under 網頁設計 | 6 迴響 | Permalink

玩設計?

Posted on 十一月 16, 2009 by 潘士銘

還記得在高中時代,不是以電腦設計作品時

常常需要透過手工繪製,轉印紙,黏黏貼貼的方式製作作業、作品

現在時代不同了~

許許多多的設計往往有過多的"特效加工"

其實回歸到設計本質,只要簡單的幾個剪影、幾個文字

未必不能呈現出帶有設計感的作品~

雖然現在很少設計平面的作品稿件 (PS:因為不好賺啦^^")

但是看到一些簡單又帶有強烈設計感的稿件

往往還是會有很強烈的感覺~

哈哈~設計真的是一種可以體會的'感覺"唷!

分享幾個以前在玩設計的編排作品~


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

funP udn Yahoo! Delicious Digg Filed under 平面設計 | 2 迴響 | Permalink

關於美工網頁軟體學習

Posted on 十一月 16, 2009 by 潘士銘


常常會遇到學員詢問設計軟體的相關問題~

其實~學習軟體操作真的不會很困難~

最主要還是看要使用的地方~

如果今天是為了從事平面、網頁設計的工作而來學習

需要下的功夫是非常多的~

"難"其實是難在設計的技巧、元素的構成、版面的變化

而軟體操作其實只是為了將稿件製作出來的一種"工具"

因此在學習的過程中~個人還是會建議多將心思放在,

設計美感的培養、版面的編排、配色的技巧~

還有許多許多~

其實只要有心,就算不是科班出身還是可以成為一位優秀的設計師唷~

因為科班出身的不過也是從不會開始學的~不是嗎?

在這邊分享幾張"早期的平面作品"~哈哈~見笑啦!


 
 

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

   

 

 

 

 

 

 

個人資訊

月曆

« 七月 2010
星期日星期一星期二星期三星期四星期五星期六
    
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
       
今日

最近文章
星期日 五月 02, 2010
課程範例分享
星期日 四月 25, 2010
文字編排的魅力<一>
星期日 四月 18, 2010
圖層遮色片運用分享
星期一 一月 25, 2010
網頁設計進行式!

留言板

最近迴響

Re: 課程範例分享 by 阿呆倫 (七月 29, 2010)
Re: 課程範例分享 by flywindy (五月 15, 2010)
Re: 課程範例分享 by 樂 (五月 04, 2010)
Re: 圖層遮色片運用分享 by flywindy (四月 19, 2010)
Re: 影像合成? by flywindy (四月 16, 2010)

文章分類與RSS