iT邦幫忙

DAY 6
9

簡單學電腦繪圖系列 第 6

第六課-簡單做卡片設計


嘿嘿嘿,作卡片作卡片,大家一起作卡片A_A
只要考量到這三大點,就可以設計出不同樣式的卡片喲!
(1) 卡片尺寸
(2) 卡片圖案
(3) 卡片材質


大家有沒有做好防颱,要小心盡量不要外出喲,
不然晚上颱風變很大是很恐怖的喲!
雖然現在我們這裡完全沒有什麼感覺=A=
還是注意收看 氣象報導XD
不管怎麼樣,小內還是要來PO文拉 呼呼呼


作卡片,都是為了送給心愛欸郎~~~~
要作卡片前需要考慮以下幾點喲

1 卡片尺寸

小內會考慮到設計對象、還有圖案,再來思考尺寸要用多少XD
一般如果要拿到影印店輸出,我都會把設計完的稿丟到WORD檔裡,以A4 尺寸來列印^^

2 卡片圖案設計

卡片有很多用途,最初的由來是聖誕卡片先出來

聖誕卡片的由來:
聖誕卡的起源是一八四四年時,英國女王維多利亞和阿拔太子在倫敦的溫莎堡慶祝聖誕節,他們寫信邀請貴族的兒童到溫莎堡參加聖誕節宴會,並在邀請卡上寫了一些祝福的詞句。後來大家紛紛仿傚,在卡片寫上祝福的詞句來互相祝賀聖誕節和新年,因此人們開始在聖誕節互贈聖誕卡,以表達祝福和關懷。
到了十九世紀末期,英國有位名叫亨高爾的青年,他是一家雕刻店的學徒。有一年的聖誕節,亨高爾因為工作繁忙,沒時間寫信祝福家人和朋友,就請一位很有名的畫家,在白紙上畫出美麗的圖案,最後,亨高爾在紙片中央,寫著「恭祝聖誕,恭賀新年!」的祝賀詞,就成了一張很別緻的聖誕卡。亨高爾把這些聖誕卡片寄給親友,大受親友的歡迎。有人要向亨高爾購買聖誕卡片,於是亨高爾和那位畫家合作,印了一千張聖誕卡片,每張用一先令的價格賣出,結果大受歡迎。從此以後,商人開始印聖誕卡、賣聖誕卡,聖誕卡就越來越普遍了。
資料來源:http://www.nani.com.tw/nani/elearn/eng/information/htm/b2\_4\_4.htm

現在有各式各樣意涵的卡片,例如萬聖節卡片、生日卡片、新年卡片…等等,對我來說卡片是充滿一種祝福,滿滿的祝福,要獻給收件人,不管有什麼用途,只要你有滿滿的祝福,就可以把卡片送給他。
當然如果自己會設計、手工製作或繪畫,可以嘗試使用自己的方式來製作卡片^^
以下為小內自己設計的卡片,都是為了要送給親愛的朋友或家人,所設計的XD

A 母親節卡片(正面/反面)

B 畢業祝福卡片(正面/反面)

C 生日卡片 (正面/反面)

小內每次要設計卡片,都會依照這個流程來設計

祝福對象 > 祝福主題 > 卡片風格 > 卡片元素 > 卡片大概的構圖 > 預想輸出樣子

今天以情人節卡片來主題教學

對象就是自己的愛人,主題是情人節卡片,卡片風格是想要可愛的、溫馨的、活潑的..等,卡片元素要有很多愛心,跟兩個情侶圖片(或照片),構圖想要以圖片為主,塗鴉為輔,預想是一張手掌大小的卡片,要護備….等等。

Step1 我打開A4大小的圖稿來設計

Step2 畫了兩個有圓角的四邊形,小內喜歡用圓角,看起來比較不會硬硬,死死的,像icon一樣,都是圓角設計XD

Step 3 讓我們變出圖片的材質吧^^

Step4 挑選自己喜歡的圖層

Step5 將此圖層改成自己喜歡的顏色

Step6 將兩個圖層,對齊好,將剛剛改過的材質,放在最上面,記住喲兩個圖層顏色不能一樣喲!
不然你就看不出那個是那個圖層哩=A=,然後顏色如果太突兀,記得把圖文的透明度調一下,如果還是太突兀,就是你選色選的太跳tone溜,再試試看其他顏色^^

Step 7 試著加上文字,然後再複製出一個出來。

Step 8 將底下那層的文字改變顏色,當作是文字的陰影,最後把它對齊,在稍微將最上面的文字圖層左移一點點,就會有陰影的樣子哩

Step 9 接著放上你和愛人的照片喲^^

Step 10 現在要把這四張圖,外圍的編框用呈圓角,所以要繪出另外移個適合他們大小的圓角四邊形

Step 11 接著將它們對齊,接著就可以用圖片遮罩的功能哩^^

Step 12 接著我們可以利用剛剛圖層樣式的工具,在選擇其他外圍線顏色與stlye,讓顏色更豐富^^

Step 13 將照片與文字放在適合的位子上,我在照片背後再加上了一個圖層,底為白色的四邊形(圓角低喲)

Step 14 嘿嘿 我要來點稍微的點綴,也在卡片上貼上了一個白色塗圖層!猜猜看A_A偶要做什麼

Step 15 耶 請點選右邊的Dash,可以更改pt的大小,如果pt越小,虛線就會越細喲

Step 16 覺得卡片還是太空,可以在設計幾個小元素,放在卡片上面嘿嘿嘿

Step 17 接著輸出時,記得點選最大像素喲,拿去列印出來,會比較好看^^才不會失真

耶接著就是輸出的卡片材質XD

3卡片材質
現在印刷店應該都有提供材質選擇的服務,你可以到店面,選擇材質,像小內都會選比較厚一點的材質,磅數會比較高,輸出感覺會比較好看,有時候也會選擇比較不厚的材質,之後再把它護備。
大家可以多去影印店,看看材質唷^^,如果沒有提供你想要的材質,可能就要想辦法以哪一種材質,先輸出,之後需要後工制作了(當然是自己做哩!),文具店也有很多特殊的材質,可以多去看看^^,會有作卡片的靈感XD當然也不要一直亂買喲,買自己所需的就可以哩!

4 尋找靈感
耶~小內很喜歡看別人設計的東西,多看多吸收,會更有想法唷
以下圖片為 「淘靈感」的資料喲,裡面真的是非常多靈感可以尋找A_A 有機會可以逛一下
------- 淘靈感資料 ----- keyword 卡片

超棒的立體剪紙卡片

信中信 可愛的卡片巧思

創意有趣的卡片設計 Eid Greeting Card

circus at midnight 卡片

希望這篇文章對大家有幫助喲^^
你們也可以試著將自己的心意,藉由自己的設計,傳遞給那個人唷^^
相信對方會很開心的XD


小內之前的寫過的文章分享XD 沒有看過的朋友們可以看看喲
第一課 如何簡單學電腦繪圖:
http://ithelp.ithome.com.tw/question/10126750

第二課 基礎繪圖認知、技巧 - 「點」篇
http://ithelp.ithome.com.tw/question/10127156?tab=opinion&oid=234239#234239

第三課 基礎繪圖-「線」篇
http://ithelp.ithome.com.tw/question/10127481

第四課 基礎繪圖&平面應用技巧-「面」篇
http://ithelp.ithome.com.tw/question/10127774

第五課 繪畫自己的家&Aode Kuler介紹
http://ithelp.ithome.com.tw/question/10128007

第六課-簡單做卡片設計
http://ithelp.ithome.com.tw/question/10128231

第七課 何謂平面設計 (Graphic Design)
http://ithelp.ithome.com.tw/question/10128466

第八課 中階繪圖-認識明暗度 ( Illustrator 應用篇 )
http://ithelp.ithome.com.tw/question/10128913

第九課 中階繪圖-認識明暗度 ( Photoshop 應用篇 )
http://ithelp.ithome.com.tw/question/10129493

第十課 認識色彩 & 與特別分享 Iris Grac自閉小女孩
http://ithelp.ithome.com.tw/question/10129785

第十一課 LOGO設計必看
http://ithelp.ithome.com.tw/question/10130221

第十二課 簡單設計名片,靠自己最實在
http://ithelp.ithome.com.tw/question/10130641?tab=opinion#bottom

第十三課 簡單玩海報設計
http://ithelp.ithome.com.tw/question/10130944

第十四課、一起拯救報紙,關於報紙設計
http://ithelp.ithome.com.tw/question/10131301

第十五課 雜誌設計由你開始
http://ithelp.ithome.com.tw/question/10131761

第十六課 簡單線上設計、快速輸出、宅配到家 [ 超簡單送禮,必選之一 ]
http://ithelp.ithome.com.tw/question/10132097?tab=opinion#bottom

第十七課 淺談書籍設計,點綴與美化你的內容
http://ithelp.ithome.com.tw/question/10132522

第十八課 3D效果
http://ithelp.ithome.com.tw/question/10133152

第十九課 包裝設計與企業識別化CIS
http://ithelp.ithome.com.tw/question/10133549

第二十課 怎麼開始網頁設計?
http://ithelp.ithome.com.tw/question/10133833

第二十一課 用繪圖記錄生活有趣小事
http://ithelp.ithome.com.tw/question/10134349

第二十二課 手繪圖轉電繪圖-上色教學
http://ithelp.ithome.com.tw/question/10134892

第二十三課 四方人怎麼畫,看這裡
http://ithelp.ithome.com.tw/question/10135252


上一篇
標題:第五課 繪畫自己的家&Aode Kuler介紹
下一篇
第七課 何謂平面設計 (Graphic Design)
系列文
簡單學電腦繪圖27
0
SunAllen
iT邦高手 1 級 ‧ 2013-09-21 16:26:20

沙發坐到了~~讚讚

謝謝謝謝謝謝灑花 XD

0
a25031364
iT邦新手 4 級 ‧ 2013-09-21 18:40:35

哇!內容好豐富

啊嚕嚕

0
yihan1028
iT邦新手 3 級 ‧ 2013-09-21 21:57:24

謝謝

謝謝^^ 謝謝

0
Ken(Bigcandy)
iT邦大師 1 級 ‧ 2013-09-27 11:37:46

Step 7 下面圖片看不到??

真是不好意思,可能沒有上傳成功,我會再把它補上,
謝謝你的提醒^^

0
jojo0104
iT邦新手 5 級 ‧ 2015-12-21 13:53:37

這是哪個程式?

我要留言

立即登入留言