iT邦幫忙

DAY 2
12

簡單學電腦繪圖系列 第 2

第二課 基礎繪圖認知、技巧 - 「點」篇

  • 分享至 

  • xImage
  •  

如何開始繪圖的第一步
可以如何運用AI應用軟體工具,繪製出屬於自己個人風格的圖案呢?
認識基礎認知與技巧,會幫助你在繪圖一路上更有發揮空間與想像^^

由於上篇沒有詳細說明,電腦繪圖的定義,現在提出做補充主要學習的內容,
一般電繪,為大家所清楚耳熟的電腦繪圖板下去創作繪圖,但是在小內的學習課程中,
希望不管有沒有繪圖板,也能利用一些工具,實現自己喜愛繪圖的作品,
在教學中,有分為兩種
(1) 使用AI軟體繪圖
(2) 採用手繪,圖稿由手機或掃描機,將圖片上傳到電腦上面,在做修改繪圖

非常謝謝 player 提出這個問題,^^
希望之後對於小內作者寫的文章有任何意見的都可以寫下來,畢竟小妹不是那麼專業,只是想要傳達電腦繪畫很簡單,讓大家不會懼怕繪畫,或不知道從哪裡開始,希望可以透過交流,分享更多好的技巧或知識給各位 >___ <

好哩 不多說哩,開始學習溜 YA


繪圖認知
引用:Betty Edwards

Betty Edwards 認為一個開始進行藝術表達的人的邏輯應該如以下示:
「 從線條 到明暗度 到色彩 到繪畫 」

那對於我們用AI來繪畫也是一樣的道理喲!
必須從線條到完成圖案

*告訴大家一個技巧,所有繪畫出來的物件都是由 「 點 、 線 、 面 」所構成

在AI繪圖中,只要能領悟這個道理,你就能好好運用了 ^^

認識點

在這第二步驟ㄧ試,可以發現點之間的結合,可以構成另外一種形狀,或物體。

小練習:
小內希望大家可以點,構出不同的形狀與圖形( 沒錯 !就是以點,腦筋急轉彎一下,你可以怎麼變化呢 )
我來講幾個點,讓大家可以好好思考如何變化
1 形狀 ( 嘿嘿 就是從點開始,不要作弊 )
2 大小
3 排列方式( 放射狀、橫排 ..等等 )
4 透明度 (alpha值)

以下參考圖,是小內快速用點所畫出的熊?OH不,也不是很像,但是又很像老鼠...
好吧,不管他是什麼,至少他是個動物吧=A=

知道大家應該覺得很奇怪,一個點怎麼可以快速構成這張圖呢? 看起來好像不只有點,對吧
讓小內喂你們解惑吧ˋ Aˊ

Step1 首先熊的耳朵的部分,先劃出兩顆大小不同的圓,再將它置中對齊,水平對齊好
對齊是非常重要的關節哦,想要讓物體看起來比例一致一點,最好是都對齊一下,
在排版中是非常重要的^^

Step2 接著只要把熊熊的頭 與兩個耳朵放在一起就很像熊哩,但是圖層的先後順序要對喲!
(圖曾先後順序更改:按右鍵即可以看到)
可以先把兩隻耳朵水平對齊之後再與熊頭結合,避免兩隻耳朵高度不一樣^^

Step3 剩下的眼睛與鼻子請大家幫我補上了喲^^,接著式雄的下巴,怎麼不像圓,該不會你騙我吧!!
來~~小內帶你來看看

請先將下巴準備畫好喲

再將下巴剪下,點熊頭,接著按左下方的 圖形,就會變成以下這張圖

接著把下巴貼進去,並且放到適合的位置,記得要置中對齊喲!不然下吧會歪掉=A=

耶 完成品下巴 如下圖,A_A

Step4 接著其他部分,相信大家都做得出來,而且非常順利ˋ ˊ,讓我們進入背景圖的探討
其實這個部分,小內作弊了,相信各位想說這有什麼可以作弊的呢?
耶~~ 我用到筆刷工具,並且選擇 圓形 大小為15pt的圓形筆 來繪畫我的背景


這個部分只要不斷的換顏色,還有透明度,即可以構成小內圖中的背景喲^^

希望此教學對大家有更多的幫助喲,明天見 YA


小內之前的寫過的文章分享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


上一篇
第一課 如何簡單學電腦繪圖呢?
下一篇
第三課 基礎繪圖-「線」篇
系列文
簡單學電腦繪圖27
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中
0
鐵殼心
iT邦高手 1 級 ‧ 2013-09-17 22:21:16

沙發
開心

XD表情也太可愛
我也要來用一下
飛

0
卡斯
iT邦研究生 1 級 ‧ 2013-09-17 23:32:07

簽名

你抬舉我了=A=
謝謝你
臉紅

卡斯 iT邦研究生 1 級 ‧ 2013-09-18 19:52:26 檢舉

臉紅

0
老鷹(eagle)
iT邦高手 1 級 ‧ 2013-09-18 08:34:21

灑花筆記謝謝讚

我來看圖說故事一下
撒花 我來哩 >> 留言 >> 謝謝謝謝 >> 贊贊
XD

謝謝

0
aboutit234
iT邦新手 4 級 ‧ 2013-09-18 08:41:40

讚筆記

謝謝你XD

謝謝

0
fillano
iT邦超人 1 級 ‧ 2013-09-18 19:29:29

讚喜歡筆記

表情真的很可愛
謝謝你的觀看XD
謝謝

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

我也要撒花
灑花灑花灑花簽名簽名簽名

XD 謝謝你的花
很香

灑花灑花灑花灑花

我要留言

立即登入留言