JinJin 的視覺設計專區 - 電腦輔助設計與繪圖 http://mepopedia.com/forum/list.php?304 Tue, 02 Jun 2026 06:59:25 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?304,61046,61046#msg-61046 [photoshop] Photoshop CC 新功能 http://mepopedia.com/forum/read.php?304,61046,61046#msg-61046
  1. 1. Photoshop CC 轉CSS語法
官網
http://www.adobe.com/tw/products/photoshop.html

學習與支援 /
Photoshop 說明
http://helpx.adobe.com/tw/photoshop/topics.html

《Adobe Photoshop CC》實用新功能重點總整理
http://www.minwt.com/ps/8529.html

2014 Photoshop CC 新功能一覽
http://www.photoblog.hk/wordpress/95112/2014-photoshop-cc-%E6%96%B0%E5%8A%9F%E8%83%BD%E4%B8%80%E8%A6%BD

Adobe CC 新增多項網頁相關程式，網頁開發不再只有 DreamWeaver
http://chinese.vr-zone.com/70862/adobe-cc-provide-multiple-web-developing-tool-06272013/

Dreamweaver CC (2014)
http://www.adobe.com/tw/products/dreamweaver/features.html

[hr]
強大的功能

1. Photoshop CC 轉CSS語法

只要是利用向量工具，與圖層樣式，所製作的圖形，就可轉成CSS3語法。

[hr]
Photoshop CC 向量幾何圖形控制面板
現在繪製好的向量幾何圖形，都可透過面板，再作調整。

[hr]
Photoshop CC 繪製虛線
終於現在可畫出虚線啦!還可控制虛線的間距。]]> JinJin 電腦輔助設計與繪圖 Fri, 17 Oct 2014 21:36:47 +0800 http://mepopedia.com/forum/read.php?304,37320,37684#msg-37684 Re: [講義] 真人插畫範例講解 http://mepopedia.com/forum/read.php?304,37320,37684#msg-37684
[IMG]http://i.imgur.com/p3HPzOP.gif[/IMG]

班級:視傳1a
姓名:蘇子玲 1025445214
製作時間:1hr]]> Grape 電腦輔助設計與繪圖 Fri, 06 Dec 2013 17:16:06 +0800 http://mepopedia.com/forum/read.php?304,37320,37681#msg-37681 Re: [講義] 真人插畫範例講解 http://mepopedia.com/forum/read.php?304,37320,37681#msg-37681 1025445091 陳碧君]]> 小碧 電腦輔助設計與繪圖 Fri, 06 Dec 2013 14:06:01 +0800 http://mepopedia.com/forum/read.php?304,37320,37550#msg-37550 Re: [講義] 真人插畫範例講解 http://mepopedia.com/forum/read.php?304,37320,37550#msg-37550 [URL=http://imgur.com/to4gvOX][IMG]http://i.imgur.com/to4gvOX.jpg[/IMG][/URL]

1025445073 陳冠穎]]> s096076 電腦輔助設計與繪圖 Wed, 04 Dec 2013 19:15:41 +0800 http://mepopedia.com/forum/read.php?304,37320,37320#msg-37320 [講義] 真人插畫範例講解 http://mepopedia.com/forum/read.php?304,37320,37320#msg-37320
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄

2. 範例影音


常用工具說明
http://youtu.be/muuo57ZSWLs


[hr]
五官繪製-2
http://youtu.be/17goS9tKnY4


[hr]

3. 練習檔案




4. 過程記錄


1.眼睛
[IMG]http://i.imgur.com/wjqOecz.jpg[/IMG]

[IMG]http://i.imgur.com/jJdBT1C.jpg[/IMG]]]> JinJin 電腦輔助設計與繪圖 Tue, 03 Dec 2013 15:08:58 +0800 http://mepopedia.com/forum/read.php?304,36921,37319#msg-37319 Re: [講義] Photoshop-進階選取-混合-海報製作應用 http://mepopedia.com/forum/read.php?304,36921,37319#msg-37319
班級: 視傳1a
學號: 1025445214
姓名: 蘇子玲
製作時間: 1小時40分鐘
製作困難: 版本裡濾淨裡沒有液化,所以只能開外掛,用老師的完成品截取雲被綁架的地方 ><]]> Grape 電腦輔助設計與繪圖 Tue, 03 Dec 2013 14:59:10 +0800 http://mepopedia.com/forum/read.php?304,37258,37258#msg-37258 [講義] 酷卡明信片 http://mepopedia.com/forum/read.php?304,37258,37258#msg-37258
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞

5. 前言


又到歲末，令人歡欣的節慶又要來到
想寄給朋友或親愛的人自己設計的卡片嗎?
趁著這個機會來印製屬於自己的印刷設計品吧！
[hr]

6. 印刷廠商


參考廠商：http://www.blueco.com.tw/price/price.html

[hr]

1. 印製選項


[color=#993300]彩色酷卡/明信片[/color]
瑞典一級卡 + 金油 230g
http://www.blueco.com.tw/price/01-02.html

可多人一起下單，省下運費
除明信片外，名片單價更便宜，可以考慮一起列印
[hr]

2. 印刷須知

[color=#CC0099]線上下單：http://order.blueco.com.tw/
印前須知：http://www.blueco.com.tw/bluecoteach01-1.html
顧客須知：http://www.blueco.com.tw/customer-1.asp
PDF轉檔：http://www.blueco.com.tw/2pdf-01.asp
印刷常見問題Q&A：http://www.blueco.com.tw/bluecoteach02-2.html[/color]
[hr][color=#666600]提醒：因價格便宜，或有色彩偏差問題，若可以接受再下單。[/color]
[hr]
彩色名片(單模含裝盒)
5盒         單面5元/盒 雙面13元/盒：http://www.blueco.com.tw/price/01-01.html
[hr]

製作主題與內容格式


[color=#666600]主題：祝福卡片、萬用卡片(聖誕、新年...等)
形式：明信片(酷卡)
創作方式：不拘，以學過的任何技巧來創作，可以期末創作的主題製作，最好能以Illustrator結合Photoshop製作
尺寸：檔案製作:107X150mm
若以photoshop製作解析度需設300dpi[/color]

[hr]

7. 存檔須知


[color=#CC0099]若印雙面，請分別存正反兩張檔案[/color]

皆存為[color=#CC0099]PDF[/color]格式，存檔方式請參考
http://www.blueco.com.tw/2pdf-04.asp

[color=#996600]以『工作區域工具』拉至完稿尺寸[/color]

檔名請寫清楚，如：
[color=#993300]名字，正面，象牙卡，200張.pdf
名字，反面，象牙卡，200張.pdf[/color]

==============================================================
[color=#0066CC]書寫瑞典一級卡的測試：原子筆、鉛筆均書寫正常無問題[/color]
==============================================================

[hr]

8. 參考範例


http://mepopedia.com/forum/read.php?856,18443
http://mepopedia.com/forum/read.php?1199,27995
http://mepopedia.com/forum/read.php?862,18444
http://www.mydesy.com/vintage-holiday-cards

[hr]

1. 學長姐作品欣賞



[hr]

[img]http://i1237.photobucket.com/albums/ff476/LALA811009/3d9c0c09.gif[/img]

[size=small]主題：2012年龍年新年賀卡

風格：手繪色塊(日本新年神社)

色彩計畫：七彩的色階

製作方法，使用軟體：大部分用ＡＩ自己拉色塊和線條(鋼筆)和調整透明度

製作心得：一開做的時候很怕會把龍的麟片描成四不像，也很苦惱龍的鱗片的排序及密度，
不過幸好在上電腦搞的時候還滿順利的，愈做愈開心，這次的卡片以龍年為主題，
但是龍的形象太過神聖及嚴肅，所以我想利用麟片這個區塊來做設計，龍的鱗片
有祈福和幸福的象徵，我用手繪的風格來製做，希望能給這張卡片很自由很歡樂的感覺，
卡片上加上繩子綁住，讓卡片有點日本神社的風格，可以掛在牆上或著任何地方。

視傳一A 1005445009 陳庭儀(:D[/size]

[hr]

[size=small]1.主題：2012幸福卡
2.風格：华丽风
3.色彩計畫： 以金色为主，2012为主体字
4.製作方法，使用軟體： AI,收集需要的背景资料，2012字体的设计
5.製作心得： 感觉很有趣，也希望印出来的效果稍微好点，毕竟金色很难印出来。做的时候只光顾着好看了，没考虑那么多，纠结。下次肯定会注意了。
6：学号：1005999022 鄔巧聰[/size]

[img]http://i1235.photobucket.com/albums/ff429/ceciqiao/2012.jpg[/img]
[img]http://i1235.photobucket.com/albums/ff429/ceciqiao/20122.jpg[/img]

[hr]

[size=small]視傳1B 林信璋 1005445093

1.主題：聖誕阿皮叮叮噹
2.風格：屬於我自己的風格
3.色彩計畫：用了很繽紛的配色.讓整張卡片充滿了聖誕節快樂浪漫的氣息~
4.製作方法，使用軟體：用Photoshop CS3繪圖板繪製
5.製作心得：我只能說我真的很努力用心的畫.(畫了好幾天了...
我想把我真心誠意的愛心做成聖誕明信片.
在寒冷的聖誕夜裡.把我的卡片寄給我所愛的親朋好友來溫暖大家!!! XDD[/size]

正面:
[IMG]http://i1229.photobucket.com/albums/ee465/apiapi930/5fc80c8f.jpg[/IMG]
背面:
[IMG]http://i1229.photobucket.com/albums/ee465/apiapi930/51d113ff.jpg[/IMG]

[hr]
正面
[IMG]http://i1219.photobucket.com/albums/dd438/JUNG-YING/RGB-1.jpg[/IMG]

背面
[IMG]http://i1219.photobucket.com/albums/dd438/JUNG-YING/RGB.jpg[/IMG]

[size=small]1.主題：聖誕卡片
2.風格：圖案風格
3.色彩計畫：聖誕節的顏色
4.製作方法，使用軟體：用以拉拉出想要的圖案,然後編排一下
5.製作心得：上面的圖嚴重大色偏!!!!!!底色應該再暗一點!!可能是因為轉成RGB的關係吧
原本在畫草稿的時候我設計的是正方型的卡片,但是為了印出來改成長方形,
如果用原本的編排會很奇怪.所以編排也跟著改了!因為尺寸的不同就會改變成適合它形狀的編排![/size]

[hr]

[size=small]視傳一B 1005445078 林瑩萱[/size]

正面：

[img]http://i1089.photobucket.com/albums/i354/mickey91127key/39434454.jpg[/img]

反面：

[img]http://i1089.photobucket.com/albums/i354/mickey91127key/eb7d85a8.jpg[/img]

[size=small]主題：MERRY CHRISTMAS聖誕樹
風格： 手繪風
色彩計畫： 紅綠為主
製作方法，使用軟體：筆刷手繪，ＡＩ，手繪板。
製作心得： 很有趣，喜歡手繪風格。[/size]

[hr]


第一版
[IMG]http://i1090.photobucket.com/albums/i380/cat19991031/22-1.png[/IMG]
第二版
[IMG]http://i1090.photobucket.com/albums/i380/cat19991031/PS.png[/IMG]

[size=small]1.主題：來不及準備的聖誕老公公
2.風格：Q版
3.色彩計畫：豐富的顏色是我的最愛
4.製作方法，使用軟體：第一張是全以拉，第二張有用PS加陰影跟明亮
5.製作心得：好久沒有做的那麼快樂，花了四個小時慢慢拉，沒有其他參考資料，純手工製作唷

1005445099 視傳一B 楊玉屏[/size]

[hr]

[img]http://i1206.photobucket.com/albums/bb459/da_8287/200CS3.jpg[/img]

[size=small]主題： 醉飲聖誕節
風格： KUSO ! ( 我要跳脫可愛聖誕節 )
色彩計畫： 夜晚寒色調
製作方法，使用軟體： AI
製作心得：

聖誕老人很可愛 x)

ha ha , 頗 有 成 就 ![/size]

[hr]


[IMG]http://i1203.photobucket.com/albums/bb382/js9361032/200.jpg[/IMG]

[size=small]1.主題： 2012新年快樂
2.風格： 簡約潑墨
3.色彩計畫： 主要黑白用紅色點綴
4.製作方法，使用軟體： AI
5.製作心得： 用自己喜歡的風格去做，較沒限制可隨心所欲所以做得很高興。


視傳1A 1005445017 蕭賀筠[/size]

[hr]

[img]http://i1202.photobucket.com/albums/bb379/lb0057450/-12.jpg[/img]
[img]http://i1202.photobucket.com/albums/bb379/lb0057450/RED.jpg[/img]
[img]http://i1202.photobucket.com/albums/bb379/lb0057450/ORANGE.jpg[/img]
[img]http://i1202.photobucket.com/albums/bb379/lb0057450/GREEN.jpg[/img]

[size=small]主題：聖誕賀卡
風格：甜美系列
色彩計畫：粉色＋白色
製作方法，使用軟體：蕾絲是用ＰＳ去被　然後大部分已ＡＩ完成
製作心得：這次做卡片算所有作業中花的時間最少的吧（笑）能用到蕾絲還有整個系列感覺很可愛所以開心
不過不能一整個系列都印出來感覺很可惜　很喜歡真實的東西　加上平面創造出來的效果ˇ
１００５４４５０２２李少渝[/size]

[hr]

[IMG]http://i1135.photobucket.com/albums/m628/purin2475/111.jpg[/IMG]

[IMG]http://i1135.photobucket.com/albums/m628/purin2475/938767df.jpg[/IMG]

[size=small]1.主題：新年許願娃娃
2.風格：插畫風
3.色彩計畫：春意盎然的綠色
4.製作方法，使用軟體：Ai
5.製作心得： 畫插畫畫了很久 很累

視傳一A 1005445013 王喻萱[/size]

[hr]]]> JinJin 電腦輔助設計與繪圖 Mon, 02 Dec 2013 21:57:25 +0800 http://mepopedia.com/forum/read.php?304,36252,37255#msg-37255 Re: [講義] Photoshop-進階選取-混合選項-遮罩製作 http://mepopedia.com/forum/read.php?304,36252,37255#msg-37255
姓名:蘇子玲 視傳1A 1025445214]]> Grape 電腦輔助設計與繪圖 Mon, 02 Dec 2013 21:23:20 +0800 http://mepopedia.com/forum/read.php?304,37220,37220#msg-37220 [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》 http://mepopedia.com/forum/read.php?304,37220,37220#msg-37220
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例

9. 參考講義


[講義] Illustrator?鋼筆與矩形格線的?應用–月曆設計

以上pdf 講義請至學生系統下載

[hr]

10. 上課影音


月曆製作--轉檔-花瓣
http://youtu.be/le14NWoqnkw


[hr]

11. 練習擋下載


下載[url=http://farm3.static.flickr.com/2488/3983722484_be7b32e6cf_b.jpg]描圖檔[/url]練習

[hr]

12. 作業說明


可直接以課堂練習檔製作，可以對應月份搭配不同季節配色

至少完成一個月份的設計

(也可以自己繪製插圖稿，掃描後描繪完成，但插圖的複雜度不得小於上課範例)

完成後，請將作品上傳後分享
(請記得保留AI原始檔，於期末時統一繳交)

[color=#669900]講義範例[/color]

[img]http://farm3.static.flickr.com/2669/3982957935_3261d7fb6d_o.jpg[/img]


[color=#669900]延伸[/color]

[img]http://farm3.static.flickr.com/2503/3983722718_7cea846450.jpg[/img]

[color=#669900]不同色調[/color]

[img]http://farm4.static.flickr.com/3528/3982960379_c70878b30f_o.jpg[/img]


[color=#669900]不同設計的發揮[/color]

[img]http://farm3.static.flickr.com/2625/3993782805_dd7bb2e3cf.jpg[/img]

[hr]

13. 學長姐範例


http://mepopedia.com/forum/read.php?856,16276]]> JinJin 電腦輔助設計與繪圖 Mon, 02 Dec 2013 17:32:55 +0800 http://mepopedia.com/forum/read.php?304,36921,36921#msg-36921 [講義] Photoshop-進階選取-混合-海報製作應用 http://mepopedia.com/forum/read.php?304,36921,36921#msg-36921
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
以下講義由李佳欣老師提供

[hr]

14. 練習檔案下載


[url=http://192.192.161.197/01894/cg/11-12photoshop.rar]練習檔案下載[/url]

[hr]

15. 上課影音


photoshop 影像進階合成
http://youtu.be/fRvPhVHTgcg


[hr]

16. 上課範例


1. 範例一


[IMG]http://i.imgur.com/HKPkoOW.jpg[/IMG]

[hr]

2. 範例二




[hr]

3. 範例三


[IMG]http://i.imgur.com/WA0n0LWl.jpg[/IMG]]]> JinJin 電腦輔助設計與繪圖 Tue, 19 Nov 2013 13:08:41 +0800 http://mepopedia.com/forum/read.php?304,36252,36252#msg-36252 [講義] Photoshop-進階選取-混合選項-遮罩製作 http://mepopedia.com/forum/read.php?304,36252,36252#msg-36252
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
以下講義由李佳欣老師提供

[hr]

17. 練習檔案下載


[url=http://192.192.161.197/01894/cg/no10-Photoshop.rar]上課練習圖檔下載[/url]

[hr]

18. 上課影音


1. photoshop 1 基礎遮罩效果


http://youtu.be/tpPzxfzWxpc


[hr]

2. photoshop 2 圖層色調及混和模式


http://youtu.be/FsevRHUCxqI


[hr]

3. photoshop 3 圖層樣式及混和應用


http://youtu.be/6xysIHwz_fk


[hr]
第二週

[hr]

4. Photoshop 人物去背


http://youtu.be/KY5VRkm_nVI


[hr]

5. Photoshop 人物去背2


http://youtu.be/BaZltkhAp9Y


[hr]

6. Photoshop 快速遮色片應用


http://youtu.be/VuAW0NbyFYI


[hr]

7. Photoshop 圖層樣式特效應用


http://youtu.be/uCBqH0WipMM


[hr]

19. 上課範例


1. 進階選取範圍操作--斑駁文字效果


A.準備素材-照片一張(建築工地、斑駁的牆面或是殘破工廠等...)
B.照片處理-利用影像調整選單中的功能將照片處理完成
C.輸入文字-利用文字工具輸入文字
D.選取範圍-利用選取選單中的功能將處理好的照片中所需範圍選取出來
E.將文字與選取範圍結合

[IMG]http://i.imgur.com/jAUX1tC.jpg[/IMG]

[hr]

2. 進階混合選項操作--髮絲去背


A.準備素材-照片一張(模特兒照片一張)、背景照片一張(風景或戶外)
B.照片處理-將背景照片先行美化
C.模特兒照片去背-利用混合選項將照片分為兩階段處理，分離出頭髮圖層與身體圖層
D.模特兒照片合成-將頭髮圖層與身體圖層結合，另外配合遮色片與筆刷修飾
E.模特兒照片與背景照片結合-將兩部分結合，並加以修飾

[IMG]http://i.imgur.com/Drhk63G.jpg[/IMG]

[IMG]http://i.imgur.com/lbRYskd.jpg[/IMG]



[IMG]http://i.imgur.com/xWcLkzI.jpg[/IMG]




3. 進階遮罩製作方法操作--搭配濾鏡功能使用


A.準備素材-人像照片或風景照片一張、背景照片或圖層一張
B.製作選取範圍-利用選取工具圈選出範圍
C.快速遮色片-將選取範圍轉換為快速遮色片模式
D.選取範圍變型-在快速遮色片模式下，使用率鏡功能將選取範圍做變化
E.選取範圍套用遮色片-關閉快速遮色片，將選取範圍轉換為遮色片
F.影像結合-將處理完成的照片與背景圖層結合並修飾

[IMG]http://i.imgur.com/z5Kfzjb.jpg[/IMG]

]]> JinJin 電腦輔助設計與繪圖 Mon, 11 Nov 2013 23:12:46 +0800 http://mepopedia.com/forum/read.php?304,35451,35734#msg-35734 Re: [講義] Illustrator貝茲曲線工具--概述 http://mepopedia.com/forum/read.php?304,35451,35734#msg-35734
班級:視傳1A 1025445214
姓名: 蘇子玲
參考資料:兩津勘吉]]> Grape 電腦輔助設計與繪圖 Mon, 04 Nov 2013 19:33:59 +0800 http://mepopedia.com/forum/read.php?304,35452,35452#msg-35452 [講義] Illustrator貝茲曲線工具--真人插畫 http://mepopedia.com/forum/read.php?304,35452,35452#msg-35452
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
  36. 20. 上課影片
  37. 21. 實作練習說明
  38. 22. 參考講義
  39. 23. 網路範例及教學
  40. 23.1 網路教程
  41. 23.2 網路影音
  42. 24. 參考範例

20. 上課影片




21. 實作練習說明


1.請選擇自己或家人或朋友或偶像的照片
2.以illustrator為主要軟體，繪製真人插畫作品
3.除了主角的繪製外，也要考慮背景的部分

選圖的原則如下：
A.思考構圖的複雜度，一開始別選太複雜或是視角太奇特的影像，因為有些影像用數位相片表現很自然，用插畫方式表現除非經驗豐富，否則有時反而會很怪。

B.選擇局部特寫、輪廓線條明顯，尤其以五官明顯的影像為佳，因為學習五官的繪製是人物插畫的第一個難題。

C.最好有適當配件，例如項鍊、眼鏡、帽子、耳環等等，因為每個配件都可以學習到不同的插畫技巧。

D.有明顯明暗光影分佈的影像為佳，因為可以學習明暗色塊的處理。

[hr]
[color=#CC0066]特別注意：
1.主要人物不可使用即時描圖
2.可以描圖，但作品裡不能出現現成圖庫AI圖檔
否則期中分數不及格[/color]

[hr]

22. 參考講義


[url=http://web.ydu.edu.tw/~jinjin/98-1/5560F10.pdf]真人卡通大變身[/url]
[url=http://i1136.photobucket.com/albums/n481/parkparkyang/P10-01.jpg]真人卡通練習檔[/url]
[url=http://i1136.photobucket.com/albums/n481/parkparkyang/14.jpg]猛男線稿練習檔[/url]
[url=http://web.ydu.edu.tw/~jinjin/98-1/ch15.rar]網格上課練習檔[/url]

[hr]

23. 網路範例及教學


1. 網路教程


鋼筆工具描圖操作技法全公開 http://kav68795.pixnet.net/blog/post/25729260
[教學]用描摹的方式學習人物插畫製作(I)~構圖篇 http://kav68795.pixnet.net/blog/post/26111445
[教學]用描摹的方式學習人物插畫製作(II)~配色與五官篇(上) http://kav68795.pixnet.net/blog/post/26130355
[教學]用描摹的方式學習人物插畫製作(III)~五官篇(下) http://kav68795.pixnet.net/blog/category/1419913

2. 網路影音


http://hksan.net/forum/index.php?showtopic=6050
http://www.wretch.cc/video/smoke070&func=single&vid=6785689

http://www.youtube.com/watch?v=vmvZbjT_tx4



http://www.youtube.com/watch?v=5kV7_jdgIa0



http://www.youtube.com/watch?v=TzhurMKJeac




[hr]

24. 參考範例


[img]http://farm3.static.flickr.com/2579/4127953458_cdbfa2f6a4_o.jpg[/img]

[img]http://farm3.static.flickr.com/2485/4127954212_0edee5f788_b.jpg[/img]

[img]http://farm3.static.flickr.com/2655/4127953492_7e1dcabf51_o.jpg[/img]

[img]http://farm3.static.flickr.com/2591/4127251249_54091179ee.jpg[/img]

[img]http://farm3.static.flickr.com/2760/4127953542_5489169f17.jpg[/img]

其他範例請參考：

1.http://mepopedia.com/forum/read.php?856,16503
2.http://mepopedia.com/forum/read.php?861,16505
3.http://mepopedia.com/forum/read.php?312,2882
4.http://mepopedia.com/forum/read.php?314,3856]]> JinJin 電腦輔助設計與繪圖 Mon, 28 Oct 2013 22:19:49 +0800 http://mepopedia.com/forum/read.php?304,35451,35451#msg-35451 [講義] Illustrator貝茲曲線工具--概述 http://mepopedia.com/forum/read.php?304,35451,35451#msg-35451
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
  36. 20. 上課影片
  37. 21. 實作練習說明
  38. 22. 參考講義
  39. 23. 網路範例及教學
  40. 23.1 網路教程
  41. 23.2 網路影音
  42. 24. 參考範例
  43. 25. 上課單元
  44. 25.1 基礎描圖
  45. 25.2 LOGO描圖
  46. 25.3 卡通描圖
  47. 26. 上課影片
  48. 27. Illustrator貝茲曲線工具--概述
  49. 28. 網路教程

25. 上課單元


[url=http://192.192.161.197/01894/cg/Illustrator-02.rar]上課練習圖檔下載[/url]

[hr]

1. 基礎描圖


[img]http://i.imgur.com/wuOECiC.jpg[/img]

[hr]

2. LOGO描圖







[hr]

3. 卡通描圖








[hr]

26. 上課影片


http://youtu.be/_06V09ewzF8


[hr]

27. Illustrator貝茲曲線工具--概述


使用Illustrator繪製較精細的插畫，貝茲線工具是不可或缺的，若要成為高手，反覆操作與勤加練習是必要的，

1.建立貝茲線在PhotoShop中使用的是『筆型工具』，Illustrator中則稱為『鋼筆工具』，兩個軟體使用的技巧與做法大致相同。

2.練習貝茲工具，最快的方式就是描圖，可以先從簡單的插畫開始，再來可練習簡易的LOGO，接著可以藉由相片描圖練習更精緻的描繪。

3.請觀察所要描圖的輪廓有幾個『轉折點』，所謂的轉折點就是輪廓『方向改變』的點，而這些點的位置就是我們建立錨點的地方。

4.在所有轉折點上任選一點進行第一個錨點建立。

5.在拖曳建立曲線後，錨點的兩邊會出現控制點(我們稱為『把手』)，把手是用來控制路徑方向的

6.按住ALT+游標指在把手上，此時游標會轉換成『轉換錨點工具』的圖示。

7.在輪廓邊緣重複上述動作建立路徑，最後一個錨點請務必和第一個錨點點在一起做路徑封閉封閉。

8.封閉完成填入顏色就可以看到沿著影像輪廓所描出來的造型色塊了

9.所有步驟必須要多加練習才可以熟練，可以從造型輪廓簡單的影像開始練習描圖，再慢慢提升難度，重複練習一定可以將貝茲曲線完全掌握。

重點整理：

a.建立錨點時，直接點下不拖曳是畫直線；點下後拖曳是拉曲線。

b.輪廓有轉彎的地方一定要有錨點。

c.兩錨點距離越近，路徑越彎曲；兩錨點距離越遠，路徑越平順。

d.最後路徑要封閉才可以填入色彩。

[hr]

28. 網路教程


鋼筆工具描圖操作技法全公開 http://kav68795.pixnet.net/blog/post/25729260
http://www.cg.com.tw/Illustrator/]]> JinJin 電腦輔助設計與繪圖 Mon, 28 Oct 2013 22:15:38 +0800 http://mepopedia.com/forum/read.php?304,35228,35228#msg-35228 [講義] Illustrator快速鍵整理 http://mepopedia.com/forum/read.php?304,35228,35228#msg-35228
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
  36. 20. 上課影片
  37. 21. 實作練習說明
  38. 22. 參考講義
  39. 23. 網路範例及教學
  40. 23.1 網路教程
  41. 23.2 網路影音
  42. 24. 參考範例
  43. 25. 上課單元
  44. 25.1 基礎描圖
  45. 25.2 LOGO描圖
  46. 25.3 卡通描圖
  47. 26. 上課影片
  48. 27. Illustrator貝茲曲線工具--概述
  49. 28. 網路教程
  50. 29. 檢視工作區
  51. 30. 基礎快捷鍵
  52. 31. 漸層上色
  53. 32. 物件排列
  54. 33. 漸變工具
  55. 34. 物件變形
  56. 35. 視窗/路徑管理員(shift+ctrl+F9)
Illustrator快速鍵

29. 檢視工作區


工作區放大：CTRL+ "+"
工作區放大：CTRL+ "-"
工作區縮放：ALT+滾輪
工作區最適合大小：CTRL+0
手型工具：SPACE(空白鍵)        物件繪圖
點一下：輸入數值的繪製

[hr]

30. 基礎快捷鍵


複製：CTRL+C
貼上：CTRL+V
原地貼上：CTRL+F
重複上一動作：CTRL+D

等比例繪製：SHIFT
中心點固定：ALT

選取對齊：SHIFT
選取複製：ALT
連續選取：SHIFT        多邊形、星形繪製
Ctrl：星角
上下鍵：邊數、星芒數

[hr]

31. 漸層上色


1.將物件轉換為漸層填色
2.於漸層面版調整漸層類型、色彩
3.於工具箱選擇漸層工具，調整漸層方向、強弱        

[hr]

32. 物件排列


群組：CTRL+G
解散群組：SHIFT+CTRL+G
置前：CTRL+]
置後：CTRL+[
置於最前：SHIFT+CTRL+]
置於最後：SHIFT+CTRL+[        

[hr]

33. 漸變工具


物件/漸變/漸變選項(OR工具箱/漸變工具 點2下)
物件/漸變/製作(ALT+CTRL+B ) (OR工具箱/漸變工具/點頭 點尾)        彎曲漸變亦可使用工具箱製作直線的之後，再進漸變群組用鉛筆畫彎曲路徑

34. 物件變形


物件/變形/個別變形-ALT+SHIFT+CTRL+D        直接選取工具-調整錨點變形

35. 視窗/路徑管理員(shift+ctrl+F9)


聯集 差集 交集 分割>>(圖)
        聯集：米老鼠
差集：月亮
分割：半圓]]> JinJin 電腦輔助設計與繪圖 Tue, 22 Oct 2013 21:00:34 +0800 http://mepopedia.com/forum/read.php?304,34386,35072#msg-35072 海平面 http://mepopedia.com/forum/read.php?304,34386,35072#msg-35072 視傳1A 1025445214 蘇子玲
不一樣的特別 海嘯來襲]]> Grape 電腦輔助設計與繪圖 Tue, 22 Oct 2013 12:08:21 +0800 http://mepopedia.com/forum/read.php?304,34386,35070#msg-35070 1025445171謝睿騏.. http://mepopedia.com/forum/read.php?304,34386,35070#msg-35070
我什麼都不會，還好有同學幫我]]> melody830610 電腦輔助設計與繪圖 Tue, 22 Oct 2013 08:59:14 +0800 http://mepopedia.com/forum/read.php?304,34386,35069#msg-35069 1025445171謝睿騏 http://mepopedia.com/forum/read.php?304,34386,35069#msg-35069 melody830610 電腦輔助設計與繪圖 Tue, 22 Oct 2013 08:56:56 +0800 http://mepopedia.com/forum/read.php?304,35016,35016#msg-35016 [講義] Illustrator 幾何工具、路徑管理員基礎功能練習 http://mepopedia.com/forum/read.php?304,35016,35016#msg-35016
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
  36. 20. 上課影片
  37. 21. 實作練習說明
  38. 22. 參考講義
  39. 23. 網路範例及教學
  40. 23.1 網路教程
  41. 23.2 網路影音
  42. 24. 參考範例
  43. 25. 上課單元
  44. 25.1 基礎描圖
  45. 25.2 LOGO描圖
  46. 25.3 卡通描圖
  47. 26. 上課影片
  48. 27. Illustrator貝茲曲線工具--概述
  49. 28. 網路教程
  50. 29. 檢視工作區
  51. 30. 基礎快捷鍵
  52. 31. 漸層上色
  53. 32. 物件排列
  54. 33. 漸變工具
  55. 34. 物件變形
  56. 35. 視窗/路徑管理員(shift+ctrl+F9)
  57. 36. 進入向量圖形的世界
  58. 37. 上課單元
  59. 38. 課程影片

36. 進入向量圖形的世界


1.【教學】數位影像的基本原理 點陣圖與向量圖 http://www.student.tw/forum448/thread171177.html
2.電腦繪圖--點陣圖-與-向量圖-的不同
http://go9design.pixnet.net/blog/post/60620951-%E9%9B%BB%E8%85%A6%E7%B9%AA%E5%9C%96-----%E9%BB%9E%E9%99%A3%E5%9C%96-%E8%88%87-%E5%90%91%E9%87%8F%E5%9C%96-%E7%9A%84%E4%B8%8D%E5%90%8C

[hr]

37. 上課單元


[url=http://192.192.161.197/01894/cg/Illustrator-01.rar]上課練習圖檔下載[/url]

[hr]
[url=http://mepopedia.com/forum/read.php?304,35228][講義] Illustrator快速鍵整理[/url]

[hr]
1-1 基本線條形狀繪圖-星星太陽
[IMG]http://i.imgur.com/uOf6pmF.jpg[/IMG]

[hr]
1-2 物件上色漸層-蘋果
[IMG]http://i.imgur.com/5RNiqlT.jpg[/IMG]

[hr]
1-3 物件群組、上下排列、移動旋轉
圓形繪圖上下排列-toys monstar

[hr]
1-4 漸變工具
[IMG]http://i.imgur.com/Bp752QT.jpg[/IMG]

[hr]
1-4 變形工具
[IMG]http://i.imgur.com/EV3IpjO.jpg[/IMG]

[hr]
漸變工具-流星
[IMG]http://i.imgur.com/nGeDB0m.jpg[/IMG]

[hr]
1-5 路徑管理員-布林運算基礎
[IMG]http://i.imgur.com/f85tWoD.jpg[/IMG]

[hr]
1-5 對齊工具-小白貓
路徑管理員-car

網路參考講義
http://ai-teaching.blogspot.tw/2009/11/lesson-5.html

http://bernbug.pixnet.net/blog/post/23776357-illustrator-cs4%E8%B7%AF%E5%BE%91%E7%AE%A1%E7%90%86%E5%93%A1%E8%A7%A3%E8%AA%AA

[hr]

[IMG]http://i.imgur.com/mwTlugW.jpg[/IMG]

[hr]
實作-Rabbit

[hr]
補充練習
[IMG]http://i.imgur.com/AZWHE3y.jpg[/IMG]

[hr]

38. 課程影片


1.Illustrator基礎功能-1
http://youtu.be/uvk1ClWC7JA


[hr]
Illustrator基礎功能-2 幾何工具、路徑管理員基礎功能練習
http://youtu.be/Een5SC_e5C0
]]> JinJin 電腦輔助設計與繪圖 Mon, 21 Oct 2013 22:43:04 +0800 http://mepopedia.com/forum/read.php?304,34386,34386#msg-34386 [講義] Photoshop合成練習--海平面上升 http://mepopedia.com/forum/read.php?304,34386,34386#msg-34386
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
  36. 20. 上課影片
  37. 21. 實作練習說明
  38. 22. 參考講義
  39. 23. 網路範例及教學
  40. 23.1 網路教程
  41. 23.2 網路影音
  42. 24. 參考範例
  43. 25. 上課單元
  44. 25.1 基礎描圖
  45. 25.2 LOGO描圖
  46. 25.3 卡通描圖
  47. 26. 上課影片
  48. 27. Illustrator貝茲曲線工具--概述
  49. 28. 網路教程
  50. 29. 檢視工作區
  51. 30. 基礎快捷鍵
  52. 31. 漸層上色
  53. 32. 物件排列
  54. 33. 漸變工具
  55. 34. 物件變形
  56. 35. 視窗/路徑管理員(shift+ctrl+F9)
  57. 36. 進入向量圖形的世界
  58. 37. 上課單元
  59. 38. 課程影片
  60. 39. 練習檔下載與範例成果
  61. 40. 製作過程
  62. 40.0.1 快速鍵複習
  63. 40.0.2 上課影音

39. 練習檔下載與範例成果


[url=http://mepopedia.com/~jinjin/cg/PS-ch04.rar]合成練習--海平面上升練習檔案下載[/url]

[IMG]http://i.imgur.com/xLzu1U5.jpg[/IMG]

[IMG]http://i.imgur.com/SxeJ3ON.jpg[/IMG]

[hr]

40. 製作過程


1. 快速鍵複習


Alt+Del 填入前景色
Ctrl+Del 填入被景色
Ctrl+J 複製圖層
Ctrl+D 取消選取
Ctrl+T 變形

[hr]

2. 上課影音


Photoshop合成練習--海平面上升
http://youtu.be/Cllav2duawE

]]> JinJin 電腦輔助設計與繪圖 Sat, 12 Oct 2013 19:50:57 +0800 http://mepopedia.com/forum/read.php?304,34196,34196#msg-34196 Photoshop相關教學網頁 http://mepopedia.com/forum/read.php?304,34196,34196#msg-34196 國內或中文語系網站
[url=http://www.smelearning.org.tw/]中小企業網路大學[/url]
[url=http://mavis.cc/category/photoshop/]mavis[/url]
[url=http://www.missyuan.net/school/photoshop/]思緣設計[/url]
[url=http://www.jcwcn.com/article/pingmian/photoshop/]教程網[/url]
[url=http://www.wzsky.net/html/Photo/psjc/]wzsky[/url]
[url=http://www.zcool.com.cn/articles/695!697!0!0!0!200!1!1/]站酷ZCOOL[/url]
[url=http://photo566.com/forum.php]教學資源站[/url]

國外網站
[url=http://abduzeedo.com/tutorials]abduzeedo[/url]
[url=http://www.photoshopstar.com/]photoshopstar[/url]
[url=http://psd.tutsplus.com/tag/tips/]psd.tutsplus[/url]
[url=http://tutorials-share.com/category/photoshop/]tutorials-share[/url]
[url=http://www.photoshoptutorials.ws/category/photoshop-tutorials/]photoshoptutorials[/url]
[url=http://www.digitalartsonline.co.uk/tutorials/photoshop/]digitalartsonline[/url]
[url=http://layersmagazine.com/category/photoshop]layersmagazine[/url]

網站內容眾多，所以可多點選其他教程互相比較觀摩]]> 1015445243 電腦輔助設計與繪圖 Tue, 08 Oct 2013 20:29:40 +0800 http://mepopedia.com/forum/read.php?304,34133,34133#msg-34133 [講義] Photoshop-快速鍵-補充教學 http://mepopedia.com/forum/read.php?304,34133,34133#msg-34133
  1. 1. Photoshop CC 轉CSS語法
  2. 2. 範例影音
  3. 3. 練習檔案
  4. 4. 過程記錄
  5. 5. 前言
  6. 6. 印刷廠商
  7. 6.1 印製選項
  8. 6.2 印刷須知
  9. 7. 存檔須知
  10. 8. 參考範例
  11. 8.1 學長姐作品欣賞
  12. 9. 參考講義
  13. 10. 上課影音
  14. 11. 練習擋下載
  15. 12. 作業說明
  16. 13. 學長姐範例
  17. 14. 練習檔案下載
  18. 15. 上課影音
  19. 16. 上課範例
  20. 16.1 範例一
  21. 16.2 範例二
  22. 16.3 範例三
  23. 17. 練習檔案下載
  24. 18. 上課影音
  25. 18.1 photoshop 1 基礎遮罩效果
  26. 18.2 photoshop 2 圖層色調及混和模式
  27. 18.3 photoshop 3 圖層樣式及混和應用
  28. 18.4 Photoshop 人物去背
  29. 18.5 Photoshop 人物去背2
  30. 18.6 Photoshop 快速遮色片應用
  31. 18.7 Photoshop 圖層樣式特效應用
  32. 19. 上課範例
  33. 19.1 進階選取範圍操作--斑駁文字效果
  34. 19.2 進階混合選項操作--髮絲去背
  35. 19.3 進階遮罩製作方法操作--搭配濾鏡功能使用
  36. 20. 上課影片
  37. 21. 實作練習說明
  38. 22. 參考講義
  39. 23. 網路範例及教學
  40. 23.1 網路教程
  41. 23.2 網路影音
  42. 24. 參考範例
  43. 25. 上課單元
  44. 25.1 基礎描圖
  45. 25.2 LOGO描圖
  46. 25.3 卡通描圖
  47. 26. 上課影片
  48. 27. Illustrator貝茲曲線工具--概述
  49. 28. 網路教程
  50. 29. 檢視工作區
  51. 30. 基礎快捷鍵
  52. 31. 漸層上色
  53. 32. 物件排列
  54. 33. 漸變工具
  55. 34. 物件變形
  56. 35. 視窗/路徑管理員(shift+ctrl+F9)
  57. 36. 進入向量圖形的世界
  58. 37. 上課單元
  59. 38. 課程影片
  60. 39. 練習檔下載與範例成果
  61. 40. 製作過程
  62. 40.0.1 快速鍵複習
  63. 40.0.2 上課影音
  64. 41. Photoshop官網說明與教學課程
  65. 42. Photoshop快速鍵整理
  66. 42.0.1 快捷鍵小技巧
  67. 42.0.2 選單及工具箱快捷建

41. Photoshop官網說明與教學課程


1.Photoshop 說明 / 說明與教學課程
http://helpx.adobe.com/tw/photoshop/topics.html

2.Photoshop / 預設鍵盤快速鍵
http://help.adobe.com/zh_TW/photoshop/cs/using/WSD578BD7D-07BC-46f6-AAC2-6E491E8AD818a.html

[hr]

42. Photoshop快速鍵整理



1. 快捷鍵小技巧


1.在使用大多數工具時壓住Ctrl不放 →臨時使用移動工具
2.在使用大多數工具時壓住空格不放 →臨時使用手型工具
3.在使用筆刷、漸層、矩形工具時壓住Alt不放 →滴管工具
4.在使用可調整筆刷大小的工具時按 [ 及 ] →可循環筆刷大小

5.在移動物件時壓住Shift不放 →可做水平、垂直或45度角的移動
6.在移動物件時壓住Alt不放 →直接複製所移動物件
7.在使用套索、魔術棒工具時壓住Shift不放 →增加選取區域
8.在使用套索、魔術棒工具時壓住Alt不放 →刪減選取區域

D →設定前景色／後景色為初始值（黑色和白色）
X →前景色和後景色對調
Alt + Del →填上前景色
Ctrl + Del →填上後景色
Alt + E + L 或 Shift + F5 →開啟填滿選項

放大縮小
放大顯示：Ctrl-+
縮小顯示：Ctrl--
或
放大顯示：Ctrl+Space 搭配滑鼠 (選取欲放大的範圍)
縮小顯示：Ctrl+Alt+Space 搭配滑鼠

[hr]
要是畫面突然變得怪怪的大概是不小心按到這幾個鍵

F →變更螢幕模式
TAB →顯示／隱藏所有面板
Shift + TAB →顯示／隱藏工具列以外的所有面板

[hr]

2. 選單及工具箱快捷建


【檔案選單】
開新檔案：Ctrl-N
開啟舊檔：Ctrl-O
開啟為：Ctrl-Alt-O
離開/關閉：Ctrl-W
儲存檔案：Ctrl-S
另存新檔：Ctrl-Shift-S
儲存備份：Ctrl-Alt-S
儲存為網頁用：Ctrl-Alt-Shift-S
頁面設定：Ctrl-Shift-P
列印：Ctrl-P
結束：Ctrl-Q
跳至ImageReady 2.0：Ctrl-Shift-M
說明：F1

【編輯選單】
還原：Ctrl-Alt-Z
剪下：Ctrl-X
拷貝：Ctrl-C
拷貝合併：Ctrl-Shift-C
貼上：Ctrl-V
貼入範圍內：Ctrl-Shift-V
任意變形：Ctrl-T
貼入範圍內：Ctrl-Shift-V

【影像選單】
調整色階：Ctrl-L
調整自動色階：Ctrl-Shift-L
調整自動對比：Ctrl-Alt-Shift-L
調整曲線：Ctrl-M
調整色彩平衡：Ctrl-B
調整色相/飽和度：Ctrl-U
去除飽和度：Ctrl-Shift-U
負片效果：Ctrl-I
擷取/引用：Ctrl-Alt-X

【圖層選單】
新增圖層：Ctrl-Shift-N
拷貝的圖層：Ctrl-J
剪下的圖層：Ctrl-Shift-J
將下層圖層結合成群組（Group with Previous）：Ctrl-G
解散群組：Ctrl-Shift-G
移至最前：Ctrl-Shift-]
置前：Ctrl-]
置後：Ctrl-[
移至最後：Ctrl-Shift-[
置後：Ctrl-[
向下合併圖層（Merge Down）：Ctrl-E
合併可見圖層（Merge Visible）：Ctrl-Shift-E

【選取選單】
全選：Ctrl-A
取消選取：Ctrl-D
重新選取：Ctrl-Shift-D
反轉：Ctrl-Shift-I
羽化：Ctrl-Alt-D

【濾鏡選單】
前次濾鏡：Ctrl-F
動態模糊：Ctrl-Shift-F

【檢視選單】
CMYK 四色預視（Preview CMYK）：Ctrl-Y
色域警告：Ctrl-Shift-Y
放大顯示：Ctrl-+
縮小顯示：Ctrl--
顯示全頁：Ctrl-0 (零) 或按兩下手形工具\r
實際像素：Ctrl-Alt-0 (零) 或按兩下放大鏡工具\r
隱藏邊緣：Ctrl-H
隱藏路徑：Ctrl-Shift-H
顯示尺標：Ctrl-R
隱藏參考線：Ctrl-
靠齊至參考線（Snap to Guides）：Ctrl-Shift-
鎖定參考線（Lock Guides）：Ctrl-Alt-
顯示格點（Show Grid）：Ctrl-"
靠齊格點（Snap to Grid）：Ctrl-Cmd-Shift-"

【工具箱】(多種工具共用一個快捷鍵的可同時按【Shift】加此快捷鍵選取)
矩形、橢圓選框工具 【M】
裁剪工具 【C】
移動工具 【V】
套索、多邊形套索、磁性套索 【L】
魔棒工具 【W】
噴槍工具 【J】
畫筆工具 【B】
像皮圖章、圖案圖章 【S】
歷史記錄畫筆工具 【Y】
像皮擦工具 【E】
鉛筆、直線工具 【N】
模糊、銳化、塗抹工具 【R】
減淡、加深、海棉工具 【O】
鋼筆、自由鋼筆、磁性鋼筆 【P】
添加錨點工具 【+】
刪除錨點工具 【-】
直接選取工具 【A】
文字、文字蒙板、直排文字、直排文字蒙板 【T】
度量工具 【U】
直線漸變、徑向漸變、對稱漸變、角度漸變、菱形漸變 【G】
油漆桶工具 【K】
吸管、顏色取樣器 【I】
抓手工具 【H】
縮放工具 【Z】
默認前景色和背景色 【D】
切換前景色和背景色 【X】
切換標準模式和快速蒙板模式 【Q】
標準屏幕模式、帶有菜單欄的全屏模式、全屏模式 【F】
臨時使用移動工具 【Ctrl】
臨時使用吸色工具 【Alt】
臨時使用抓手工具 【空格】
打開工具選項面板 【Enter】
快速輸入工具選項(當前工具選項面板中至少有一個可調節數字) 【0】至【9】
循環選擇畫筆 【[】或【]】
選擇第一個畫筆 【Shift】+【[】
選擇最後一個畫筆 【Shift】+【]】
建立新漸變(在」漸變編輯器」中) 【Ctrl】+【N】]]> JinJin 電腦輔助設計與繪圖 Mon, 07 Oct 2013 23:17:48 +0800 http://mepopedia.com/forum/read.php?304,22155,31841#msg-31841 Re: [講義] 圖層混合模式與遮色片實作 http://mepopedia.com/forum/read.php?304,22155,31841#msg-31841 何曉倫 電腦輔助設計與繪圖 Tue, 11 Jun 2013 00:25:28 +0800 http://mepopedia.com/forum/read.php?304,22155,31825#msg-31825 Re: [講義] 圖層混合模式與遮色片實作 http://mepopedia.com/forum/read.php?304,22155,31825#msg-31825 妞妞兒 電腦輔助設計與繪圖 Mon, 10 Jun 2013 16:47:53 +0800 http://mepopedia.com/forum/read.php?304,20425,31810#msg-31810 Re: [講義] Illustrator 角色繪製 http://mepopedia.com/forum/read.php?304,20425,31810#msg-31810

1015445114 羅鈞]]> jimmy7tw 電腦輔助設計與繪圖 Fri, 07 Jun 2013 14:12:16 +0800 http://mepopedia.com/forum/read.php?304,20425,31717#msg-31717 Re: [講義] Illustrator 角色繪製 http://mepopedia.com/forum/read.php?304,20425,31717#msg-31717 1015445226 電腦輔助設計與繪圖 Wed, 05 Jun 2013 23:52:10 +0800 http://mepopedia.com/forum/read.php?304,22155,31714#msg-31714 Re: [講義] 圖層混合模式與遮色片實作 http://mepopedia.com/forum/read.php?304,22155,31714#msg-31714 1015445226 電腦輔助設計與繪圖 Wed, 05 Jun 2013 23:45:52 +0800 http://mepopedia.com/forum/read.php?304,22155,31639#msg-31639 Re: [講義] 圖層混合模式與遮色片實作 http://mepopedia.com/forum/read.php?304,22155,31639#msg-31639 1015445052 電腦輔助設計與繪圖 Wed, 05 Jun 2013 01:38:35 +0800 http://mepopedia.com/forum/read.php?304,22155,31628#msg-31628 Re: [講義] 圖層混合模式與遮色片實作 http://mepopedia.com/forum/read.php?304,22155,31628#msg-31628 [img]http://imageshack.us/a/img200/7946/headii.jpg[/img]]]> 1015445222 電腦輔助設計與繪圖 Tue, 04 Jun 2013 21:56:41 +0800 http://mepopedia.com/forum/read.php?304,22155,31546#msg-31546 Re: [講義] 圖層混合模式與遮色片實作 http://mepopedia.com/forum/read.php?304,22155,31546#msg-31546




1015445017陳延義]]> 1015445017 電腦輔助設計與繪圖 Sat, 01 Jun 2013 18:34:35 +0800