JinJin 的視覺設計專區 - 102-1《中國》竹視傳一C-電腦繪圖實作(一) http://mepopedia.com/forum/list.php?1493 Wed, 29 Apr 2026 10:22:15 +0800 Phorum 5.2.7 http://mepopedia.com/forum/read.php?1493,38966,38966#msg-38966 [期末作業] 期末作業繳交說明 (no replies) http://mepopedia.com/forum/read.php?1493,38966,38966#msg-38966
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準

1. 作業上傳期限


所有作業請於2014/1/4(六)前上傳完畢，逾時不後

[hr]

2. 作品輸出列印


請挑選至少一組做滿意的作品輸出列印，可從真人插畫或酷卡或月曆中挑選
輸出越多滿意作品，分數越高，此輸出作品金擇優作為展覽之用

真人插畫需完整製作背景及完整繪製

輸出Ａ4尺寸，平整裱貼於8K（375mmX260mm)黑色紙板上
可於作品中自行製作簽名，或於背板後寫上班級學號姓名
請注意作品完整度、精緻度及裱褙效果
如下圖所示，於1/7(二）上課中繳交
此部分佔成績20%

[img]http://i.imgur.com/nceMLuK.gif[/img]

[hr]

3. 作業完整檔案繳交


請將本學期期中後之作業，以資料夾清楚整理
於課堂中繳交

[hr]

4. 評分標準


1.平時作業繳交　60%
2.期中環保海報 10%
3.賀卡(or真人插畫) 10%
4.作品輸出 20%]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 31 Dec 2013 02:19:06 +0800 http://mepopedia.com/forum/read.php?1493,37264,37264#msg-37264 [作業11] 真人插畫 (62 replies) http://mepopedia.com/forum/read.php?1493,37264,37264#msg-37264
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明

5. 上課講義


[url=http://mepopedia.com/forum/read.php?304,37320][講義] 真人插畫範例講解[/url]

1.[url=http://mepopedia.com/forum/read.php?304,35452][講義] Illustrator貝茲曲線工具--真人插畫[/url]
2.[url=http://mepopedia.com/forum/read.php?1493,37201][講義]真人插畫教程範例[/url]
3.[url=http://mepopedia.com/forum/read.php?304,35451][講義] Illustrator貝茲曲線工具--概述[/url]

[hr]

6. 《真人插畫》作業說明



1.請選擇自己或家人或朋友或偶像的照片
2.以illustrator為主要軟體，繪製真人插畫作品
3.除了主角的繪製外，也要考慮背景的部分，可以Photoshop合成製作背景
3.尺寸：A4
4.上傳jpg檔
5.原檔則保留置期末統一繳交
6.完成後，請將作品發表於此
7.要附上原始照片
8.完成後須列印繳交
9.期末手機殼展示可以此張作品為主角

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

[hr]

7. 回覆說明


請將作品原圖及完稿上傳，並註明：

(1)主題：
(2)風格：
(3)使用的技巧：
(4)遇到的困難與學習心得：
(5)製作時間：
(6)學號，(姓名)：]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 07 Jan 2014 16:55:52 +0800 http://mepopedia.com/forum/read.php?1493,37261,37261#msg-37261 [作業10] 酷卡明信片 (51 replies) http://mepopedia.com/forum/read.php?1493,37261,37261#msg-37261
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式

8. [講義] 酷卡明信片


http://mepopedia.com/forum/read.php?304,37258

[hr]

9. 製作時程


12/10討論進度，第一批印刷送印
12/17討論進度，第二批印刷送印
12/20印刷完成
[hr]

10. 作品回覆說明


完成後，請將作品上傳回覆本文章

並註明：
1.主題：
2.風格：
3.色彩計畫：
4.製作方法，使用軟體：
5.製作心得：

註明學號

1. 繳交原檔方式


1.酷卡最後繳交送印檔案期限12/17課堂
(1)課堂網路分享
(2)直接回覆夾檔

[hr]
檢查確認檔案有無問題：
1.尺寸，解析度
107X150mm ，製作解析度需設300dpi

2.CMYK
3.PDF設定(JPG)
4.檔名取法
檔名請寫清楚，如：
名字，正面，象牙卡，200張.jpg
名字，反面，象牙卡，200張.jpg
[hr]
總務統一收齊]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 07 Jan 2014 17:25:04 +0800 http://mepopedia.com/forum/read.php?1493,37222,37222#msg-37222 [作業09] 桌(月)曆設計《鋼筆與矩形格線的應用》 (56 replies) http://mepopedia.com/forum/read.php?1493,37222,37222#msg-37222
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明

11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》


http://mepopedia.com/forum/read.php?304,37220
[hr]

12. 作業說明


參考講義及範例
請自行設計至少一個月份的桌(月)曆設計
有延伸設計者加分
完成後，請將作品上傳後分享
(請記得保留AI原始檔，於期末時統一繳交)

13. 作業回覆說明


請利用本單元所教授之方法，將課堂練習上傳。
若有基礎的同學，可延伸自由創作

請將作品上傳
(1)草圖線稿
(2)電腦完稿

並註明：
(1)主題：
(2)設計理念 ：
(2)遇到的困難與學習心得：
(3)製作時間：
(4)學號，(姓名)：
額外完成的作品以加分計算

[hr]
上傳圖片可使用
http://imgur.com/

若寬度太寬，請使用以下語法，將圖片網址帶入：
<img width="100%" src="圖片網址" border="0"> ]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Mon, 20 Jan 2014 00:21:54 +0800 http://mepopedia.com/forum/read.php?1493,37201,37201#msg-37201 [講義]真人插畫教程範例 (no replies) http://mepopedia.com/forum/read.php?1493,37201,37201#msg-37201 [img]http://cdn.tutsplus.com/vector.tutsplus.com/authors/sharon-milne/mary_tut_bubblegum_bubblegum.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-colorful-stylized-portrait-in-adobe-illustrator/?search_index=10]http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-colorful-stylized-portrait-in-adobe-illustrator/?search_index=10[/url]



真人插畫教學(二)
[img]http://cdn.tutsplus.com/vector/uploads/legacy/tuts/218_Trace_Face/final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/tracing-a-vector-face-from-a-reference-photo/]http://vector.tutsplus.com/tutorials/illustration/tracing-a-vector-face-from-a-reference-photo/[/url]




真人插畫教學(三)
[img]http://cdn.tutsplus.com/vector/uploads/legacy/tuts/000_2010/342_dynamic_hair/Final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-dynamic-hair-using-adobe-illustrators-paintbrush-tool/?search_index=17]http://vector.tutsplus.com/tutorials/illustration/how-to-illustrate-dynamic-hair-using-adobe-illustrators-paintbrush-tool/?search_index=17[/url]



真人插畫教學(四)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/10/zombieian_final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/from-editor-to-zombie-create-an-undead-portrait-from-a-photo-in-illustrator/?search_index=97]http://vector.tutsplus.com/tutorials/illustration/from-editor-to-zombie-create-an-undead-portrait-from-a-photo-in-illustrator/?search_index=97[/url]



真人插畫教學(五)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/09/wpap_final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-geometric-wpap-vector-portrait-in-adobe-illustrator/?search_index=94]http://vector.tutsplus.com/tutorials/illustration/how-to-create-a-geometric-wpap-vector-portrait-in-adobe-illustrator/?search_index=94[/url]

真人插畫教學(六)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/08/negative_final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/vectoring-short-hair-in-a-negative-space-illustration-in-adobe-illustrator/?search_index=125]http://vector.tutsplus.com/tutorials/illustration/vectoring-short-hair-in-a-negative-space-illustration-in-adobe-illustrator/?search_index=125[/url]

真人插畫教學(七)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/08/Tattoo_girl_vectortuts_600wide.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/create-a-punk-queen-of-hearts-with-a-sleeve-tattoo-in-illustrator/?search_index=128]http://vector.tutsplus.com/tutorials/illustration/create-a-punk-queen-of-hearts-with-a-sleeve-tattoo-in-illustrator/?search_index=128[/url]

真人插畫教學(八)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/06/final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/maintain-a-consistent-style-across-a-series-of-vector-portraits-in-illustrator/?search_index=153]http://vector.tutsplus.com/tutorials/illustration/maintain-a-consistent-style-across-a-series-of-vector-portraits-in-illustrator/?search_index=153[/url]



真人插畫教學(九)
[img]http://cdn.tutsplus.com/vector/uploads/legacy/tuts/000-2011/425-chunky-line/final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/creating-a-dramatic-portrait-with-chunky-line-art/?search_index=152]http://vector.tutsplus.com/tutorials/illustration/creating-a-dramatic-portrait-with-chunky-line-art/?search_index=152[/url]

真人插畫教學(十)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/09/Day_Of_The_Dead_Lady_Final640.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/create-a-haunting-dia-de-los-muertos-illustration-using-adobe-illustrator/?search_index=204]http://vector.tutsplus.com/tutorials/illustration/create-a-haunting-dia-de-los-muertos-illustration-using-adobe-illustrator/?search_index=204[/url]



真人插畫教學(十一)
[img]http://cdn.tutsplus.com/vector/uploads/legacy/tuts/000-2012/526-lips/final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/vectoring-luscious-lips/?search_index=206]http://vector.tutsplus.com/tutorials/illustration/vectoring-luscious-lips/?search_index=206[/url]



真人插畫教學(十二)
[img]http://cdn.tutsplus.com/vector.tutsplus.com/uploads/2013/08/portrait_final.jpg[/img]
[url=http://vector.tutsplus.com/tutorials/illustration/create-a-sparkling-glitter-portrait-from-stock-in-adobe-illustrator/?search_index=259]http://vector.tutsplus.com/tutorials/illustration/create-a-sparkling-glitter-portrait-from-stock-in-adobe-illustrator/?search_index=259[/url]


真人創意插畫範例
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/portrait-oddhouse.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2011/article-goals-and-achievements/aseo1.jpg[/img][img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2011/article-goals-and-achievements/aseo3.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/article_Types_of_Vector_Line_Art/theSIGNer.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/selfportrait-j3concepts.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/femaleportrait-mftalon.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/selfportrait-verucasalt82.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/selfportraitforid.jpg[/img][img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/illustratorportrait-kriscynical.jpg[/img][img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/portrait-alexxxx1.jpg[/img][img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/utopian.jpg[/img][img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/selfportrait-phunkyvenom.jpg[/img][img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/selfportraitkdlig.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/green-exit82.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/selfportrait-heloisabrites.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/adrianalima.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/inspir_vector_portraits/vectorportrait-naunet.jpg[/img]
[img]http://fc01.deviantart.net/fs13/i/2007/039/7/6/Vector_Kid_by_Lawnz.jpg[/img][img]http://th01.deviantart.net/fs29/PRE/i/2008/079/7/8/____Heart_____Breaker_by_outdream.png[/img]
[img]http://th03.deviantart.net/fs8/PRE/i/2005/290/c/5/Sarah_Michelle_Gellar_by_humbugle.jpg[/img]
[img]http://fc00.deviantart.net/fs32/i/2008/230/6/0/Red_lips_by_AstridT.jpg[/img]
[img]http://th01.deviantart.net/fs31/PRE/f/2008/186/e/9/e9aef68249f8938a3e9534f13c5c7b96.jpg[/img]
[img]http://fc06.deviantart.net/fs41/i/2009/047/5/d/Necklace____by_AstridT.jpg[/img]
[img]http://fc08.deviantart.net/fs30/f/2008/107/b/1/Sarah_Michelle_Gellar_by_Soop4evah.jpg[/img]
[img]http://fc04.deviantart.net/fs28/f/2008/108/e/0/vector_art__house_m_d__by_mart_art.jpg[/img]
[img]http://th07.deviantart.net/images3/PRE/i/2004/161/5/2/Pepper_Vector.jpg[/img]
[img]http://th08.deviantart.net/fs18/PRE/i/2013/144/1/e/modelo3_by_paulofernandes-dzxgs2.jpg[/img]
[img]http://fc03.deviantart.net/fs17/i/2007/185/5/e/Liv_Tyler_by_vinnyvieira.jpg[/img]
[img]http://cdn.tutsplus.com/vector/uploads/legacy/articles/2010/article_Types_of_Vector_Line_Art/Gael_Garcia_Bernal_by_verucasalt82.jpg[/img]
]]> 1015445243 102-1《中國》竹視傳一C-電腦繪圖實作(一) Sun, 01 Dec 2013 04:27:45 +0800 http://mepopedia.com/forum/read.php?1493,37083,37083#msg-37083 [作業08] Photoshop-進階選取-混合-海報製作應用 (49 replies) http://mepopedia.com/forum/read.php?1493,37083,37083#msg-37083
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：

14. 上課講義


請參考
1.[url=http://mepopedia.com/forum/read.php?304,36921] Photoshop-進階選取-混合-海報製作應用[/url]

[hr]

15. 課堂練習作業說明：



請利用本單元所教授之方法，將課堂練習上傳。
若有基礎的同學，可延伸自由創作

請將作品上傳，並註明：
(1)主題：
(2)遇到的困難與學習心得：
(3)製作時間：
(4)學號，(姓名)：]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 07 Jan 2014 10:16:17 +0800 http://mepopedia.com/forum/read.php?1493,36254,36254#msg-36254 [作業07] Photoshop-進階選取-混合選項-遮罩製作練習 (56 replies) http://mepopedia.com/forum/read.php?1493,36254,36254#msg-36254
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：

16. 上課講義


請參考
1.[url=http://mepopedia.com/forum/read.php?304,36252] [講義] Photoshop-進階選取-混合選項-遮罩製作[/url]

[hr]

17. 課堂練習作業說明：



請利用本單元所教授之方法，將課堂練習上傳。
若有基礎的同學，可延伸自由創作

請將作品上傳，並註明：
(1)主題：
(2)遇到的困難與學習心得：
(3)製作時間：
(4)學號，(姓名)：]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Mon, 02 Dec 2013 23:26:26 +0800 http://mepopedia.com/forum/read.php?1493,35455,35455#msg-35455 [作業06] Illustrator貝茲曲線工具--基礎描圖 (57 replies) http://mepopedia.com/forum/read.php?1493,35455,35455#msg-35455
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：

18. 上課講義


請參考
1.[url=http://mepopedia.com/forum/read.php?304,35451,35451] [講義] Illustrator貝茲曲線工具--概述[/url]

[hr]

19. 課堂練習作業說明：



請利用本單元所教授之方法，將課堂練習上傳，請至少分別以描圖方式描繪一個LOGO與一個卡通角色。

請將作品上傳，並註明：
(1)主題：
(2)遇到的困難與學習心得：
(3)製作時間：
(4)學號，(姓名)：]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 07 Jan 2014 03:21:26 +0800 http://mepopedia.com/forum/read.php?1493,35019,35019#msg-35019 [作業05] Illustrator 幾何角色設計 (62 replies) http://mepopedia.com/forum/read.php?1493,35019,35019#msg-35019
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：
  21. 20. 上課講義
  22. 21. 課堂練習作業說明：

20. 上課講義


請參考
1.[url=http://mepopedia.com/forum/read.php?304,35016] [講義]Illustrator 幾何工具、路徑管理員基礎功能練習[/url]

本單元開始進入Illustrator 向量繪圖的世界
請利用本單元所教授之方法，繪製以幾何圖形為主的角色設計

[hr]
上課範例
[IMG]http://i.imgur.com/mwTlugW.jpg[/IMG]

[hr]

21. 課堂練習作業說明：


請將作品上傳，並註明：

(1)主題：
(2)角色概念：
(3)遇到的困難與學習心得：
(4)製作時間：
(5)學號，(姓名)：]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 07 Jan 2014 02:34:05 +0800 http://mepopedia.com/forum/read.php?1493,34695,34695#msg-34695 [期中作業] 環保議題海報 (63 replies) http://mepopedia.com/forum/read.php?1493,34695,34695#msg-34695
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：
  21. 20. 上課講義
  22. 21. 課堂練習作業說明：
  23. 22. 期中主題設定說明：
  24. 23. 環保議題海報主題說明：
  25. 23.0.1 作業製作說明
  26. 23.0.2 尺寸說明
  27. 23.0.3 上傳說明
  28. 24. 參考資料
  29. 25. 設計注意項目

22. 期中主題設定說明：


1.可以主題式設定為主，盡量搭配未來可參與競賽主題為主，並不局限於環保議題海報。
2.若想不到其他主題則以環保議題為主。
3.請盡量參考歷屆得獎或優秀作品，製作具有質感的海報作品。
4.並請盡量搭配相關競賽主題，至學期末修改完成可投稿之海報作品。

[hr]

23. 環保議題海報主題說明：


環保類型海報為目前國際競賽，最常出現的設計主題之一
無論是環保、地球暖化、生態保育等等，都與我們息息相關
這些議題是否曾經觸動你?或者讓你想將對於生態及環境的想法化為設計作品，傳遞給更多人，影響更多人?
請利用此次的練習，開始思考，如何以影像影響更多人，更進而慢慢練習，讓自己製作出具有影像力的設計作品

[hr]

1. 作業製作說明


1.請同學們利用所教或所會的合成方法，自行尋找多張圖片，合成屬於自己的環保議題海報作品。
2.所尋找之相片最好是自己拍的，若從網路尋找，請找尺寸較大的相片。
3.請盡量參考歷屆得獎或優秀作品，製作具有質感的海報作品。
4.並請盡量搭配相關競賽主題，至學期末修改完成可投稿之海報作品。

[hr]

2. 尺寸說明


1.至少A4(21X29.7cm)，解析度300px
2.參加綠視界A3(29.7X42cm)，解析度200px以上
3.參加國際競賽 A1(59.4X84cm)，解析度150px以上

[hr]

3. 上傳說明


請將作品上傳，並註名：
(1)作品主題：
(2)創作想法：
(3)相片來源、張數(縮小附上來源照片)：
(4)參考網址或作品：
(5)使用方法：
(6)遇到的困難與製作感想：
(7)製作時間：
(8)學號，(姓名)：

[color=#CC0066]請於第九週11/05(二)上課前上傳，並攜帶期中前整理好的所有作業檔案[/color]

[hr]

24. 參考資料


請參考
1.環保海報參考 http://mepopedia.com/forum/read.php?868,34537

2.設計競賽整理 http://mepopedia.com/?page=868
[hr]

25. 設計注意項目


1.原創參賽作品素材最好完全是自己創作，若從他處尋得的素材，請將之改變到看不出來。
2.插畫式的素材不可使用，需自行創作。
3.標題與文字的編排與處理，若無經驗，請參考國際得獎作品。
4.字體盡量單純，若以圖為主，則文字不須太過強調，強而有力契合主題的標語有畫龍點睛之效。
5.海報創作編排請盡量參考優秀或得獎作品，是迅速將作品素質提升的快速法則。
6.好的設計作品，只需表達一個主要理念即可。
7.嚴禁直接拿現成作品及使用舊作，一經發現則為零分]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Mon, 25 Nov 2013 20:32:16 +0800 http://mepopedia.com/forum/read.php?1493,34540,34540#msg-34540 [作業04] 合成練習--海平面上升課堂練習 (58 replies) http://mepopedia.com/forum/read.php?1493,34540,34540#msg-34540
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：
  21. 20. 上課講義
  22. 21. 課堂練習作業說明：
  23. 22. 期中主題設定說明：
  24. 23. 環保議題海報主題說明：
  25. 23.0.1 作業製作說明
  26. 23.0.2 尺寸說明
  27. 23.0.3 上傳說明
  28. 24. 參考資料
  29. 25. 設計注意項目
  30. 26. 上課講義
  31. 27. 課堂練習作業說明：

26. 上課講義


請參考
1.[url=http://mepopedia.com/forum/read.php?304,34386][講義] 合成練習--海平面上升[/url]

[hr]

27. 課堂練習作業說明：


請將作品上傳，並註明：

(1)遇到的困難與學習心得：
(2)製作時間：
(3)學號，(姓名)：]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 19 Nov 2013 16:24:53 +0800 http://mepopedia.com/forum/read.php?1493,34122,34122#msg-34122 [作業03] 選取與合成及遮色片應用--《簡易合成海報》 (56 replies) http://mepopedia.com/forum/read.php?1493,34122,34122#msg-34122
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：
  21. 20. 上課講義
  22. 21. 課堂練習作業說明：
  23. 22. 期中主題設定說明：
  24. 23. 環保議題海報主題說明：
  25. 23.0.1 作業製作說明
  26. 23.0.2 尺寸說明
  27. 23.0.3 上傳說明
  28. 24. 參考資料
  29. 25. 設計注意項目
  30. 26. 上課講義
  31. 27. 課堂練習作業說明：
  32. 28. 《簡易合成海報》作業說明：
  33. 28.0.1 創作練習
  34. 28.0.2 課堂練習
  35. 28.1 課堂完成範例：
  36. 28.2 網路去背與合成教學：
  37. 28.3 作品參考

28. 《簡易合成海報》作業說明：


1. 創作練習


1.請同學們利用本單元所教的合成方法，自行尋找至少五張圖片，可加入文字，合成屬於自己的作品。
2.所尋找之相片最好是自己拍的，若從網路尋找，請找尺寸較大的相片。
3.以前底片常見比例為3：2，後來DC普及後4：3比較常見，因此建議裁減比例為4:3

3.請將作品上傳，並註名：
(1)作品主題
(2)創作想法
(3)相片來源
(4)使用方法
(5)遇到的困難與心得
(6)學號，(姓名)

[hr]

2. 課堂練習


[color=#CC0099]將課堂練習上傳
但還是必須補齊繳交個人創作的部份[/color]

[hr]
上課講義：
[url=http://web.ydu.edu.tw/~jinjin/98-1/CG-1.pdf]2.『圖層遮色片』及『濾鏡』?的基本應用[/url]


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


Photoshop圖層遮色片簡易合成

http://www.youtube.com/watch?v=8KwA5VGh6Wc



[hr]
Photoshop圖層遮色片簡易合成02
http://youtu.be/Kgrux0hAbs8


[hr]
Photoshop簡易海報合成
http://youtu.be/DGBEVDv4bnc



[hr]
色版去背網路教學

【教學】 利用Alpha色版快速完成頭髮去背(金髮美女篇)
http://www.flycan.com.tw/board/modules/newbb/viewtopic.php?topic_id=553

【教學】 快速人像去背 - Photoshop CS5 讓去背變更容易
http://www.flycan.com.tw/board/modules/newbb/viewtopic.php?topic_id=2628

【教學】 複雜背景髮絲去背（免路徑工具）
http://www.flycan.com.tw/board/modules/newbb/viewtopic.php?topic_id=1771

[教學]影像去背最終樂章~利用色版進行髮絲去背
http://kav68795.pixnet.net/blog/post/26253388

[hr]

1. 課堂完成範例：



05-09

work03

[hr]

2. 網路去背與合成教學：


[url=http://www.minwt.com/?cat=4]1.梅問題教學網-Photoshop教學實用範例[/url]
[url=http://blog.xuite.net/focus1233/go2d/3787686]2.合成教學-去背用摘取功能[/url]
[url=http://tw.myblog.yahoo.com/small0080/article?mid=1014&prev=1264&next=1004]3.PhotoShop cs2--使用摘取功能去背[/url]

[hr]

3. 作品參考


http://mepopedia.com/forum/read.php?312,3227
http://mepopedia.com/forum/read.php?314,3228
http://mepopedia.com/forum/read.php?856,17893]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 05 Nov 2013 01:36:35 +0800 http://mepopedia.com/forum/read.php?1493,33377,33377#msg-33377 [作業02] 影像的修補與美化-人物編修篇 (62 replies) http://mepopedia.com/forum/read.php?1493,33377,33377#msg-33377
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：
  21. 20. 上課講義
  22. 21. 課堂練習作業說明：
  23. 22. 期中主題設定說明：
  24. 23. 環保議題海報主題說明：
  25. 23.0.1 作業製作說明
  26. 23.0.2 尺寸說明
  27. 23.0.3 上傳說明
  28. 24. 參考資料
  29. 25. 設計注意項目
  30. 26. 上課講義
  31. 27. 課堂練習作業說明：
  32. 28. 《簡易合成海報》作業說明：
  33. 28.0.1 創作練習
  34. 28.0.2 課堂練習
  35. 28.1 課堂完成範例：
  36. 28.2 網路去背與合成教學：
  37. 28.3 作品參考
  38. 29. 補充講義
  39. 30. 學習重點
  40. 31. 練習與範例圖檔
  41. 32. 課堂複習影片
  42. 33. 作業說明
  43. 34. 參考範例

29. 補充講義


1.影像的修補與美化

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

[url=http://w3.cyu.edu.tw/jinjin/99-2/ch02.rar]上課練習檔，請點擊下載[/url]


[hr]

30. 學習重點


[color=#993300]學習美化與修補人物影像：消除痘痘斑點、除去暗沉膚質、上妝美化[/color]

製作步驟：
尋找自己或朋友的特寫相片
最好是自己拍攝的

相片要素請盡量符合：
1.光線不佳
2.偏色
3.膚質狀況不佳
...
等問題相片

檔案畫數要夠
上傳網路，儲存網路與裝置用存檔，以jpg儲存
尺寸寬度不超過900px，不小於500px

請以Photoshop製作，使用上課製作的方式，使相片變得美麗自然。

[color=#CC3300]相片人物編修重點提示[/color]

1.複製圖層(保留原有圖層)
2.於新複製之圖層上，影像→調整→曲線、影像→調整→色階、影像→調整→色彩平衡，調整明暗分配以及偏色等問題。
3.新增圖層，於新增圖層上使用筆刷(先使用滴管工具，點取臉部適合的色彩，在使用筆刷工具)
4.筆刷工具請調整較大筆刷(視照片大小以及欲修片之範圍而定)，硬度請調整至0%，不透明以及流量的百分比都調小，可適度的調整
5.可分別開不同的圖層，調整不同部分，如臉部，嘴巴，眼影等等
6.另可於圖層調整透明度，始之更自然
7.其他工具如：顏色取代工具、仿製工具、修補工具、修復筆刷工具等，都視時機交替使用

[hr]

31. 練習與範例圖檔



[img]http://farm3.static.flickr.com/2607/4011674046_6202a3dcff_o.jpg[/img]

[img]http://farm3.static.flickr.com/2614/4011674112_2e26e4292a_o.jpg[/img] [img]http://farm3.static.flickr.com/2671/4011707930_95d15f623a_o.jpg[/img]

02

[img]http://i556.photobucket.com/albums/ss1/whc915/02-1.gif[/img]

[hr]

32. 課堂複習影片


Photoshop人物美化-沙龍照與蘋果光
http://youtu.be/3S0vdgN6N1A



[hr]
Photoshop人物影像修補與美化-KUSO液化與GIF動圖
http://youtu.be/eirUuf160nk



[hr]

33. 作業說明



[color=#000099]作業一：[/color]
自行尋找要修的狀況有問題的人物照片，盡可能是自己拍的

同學上傳作業時，請附上:
1.原始照片，2.完成圖，3.KUSO圖，4.動態圖

並註明：學號，(姓名)
使用哪些工具:

[hr]
[color=#000099]作業二：[/color]

修改以下這張圖的膚質狀態(或類似膚質差的照片)

[IMG]http://i1136.photobucket.com/albums/n481/parkparkyang/02.jpg[/IMG]

於下次上課前上傳

[color=#FF0000]歡迎大家多修幾組照片，做為加分部分[/color]

[hr]

34. 參考範例


1. http://mepopedia.com/forum/read.php?709,11045
2. http://mepopedia.com/forum/read.php?710,11047
3.http://mepopedia.com/forum/read.php?856,15809
4.http://mepopedia.com/forum/read.php?861,15807
5.http://mepopedia.com/forum/read.php?862,15810]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 19 Nov 2013 16:36:59 +0800 http://mepopedia.com/forum/read.php?1493,33307,33307#msg-33307 [作業01] 數位相片基礎編修-影像調整與色偏處理 (68 replies) http://mepopedia.com/forum/read.php?1493,33307,33307#msg-33307
  1. 1. 作業上傳期限
  2. 2. 作品輸出列印
  3. 3. 作業完整檔案繳交
  4. 4. 評分標準
  5. 5. 上課講義
  6. 6. 《真人插畫》作業說明
  7. 7. 回覆說明
  8. 8. [講義] 酷卡明信片
  9. 9. 製作時程
  10. 10. 作品回覆說明
  11. 10.1 繳交原檔方式
  12. 11. [講義] 桌(月)曆設計《鋼筆與矩形格線的應用》
  13. 12. 作業說明
  14. 13. 作業回覆說明
  15. 14. 上課講義
  16. 15. 課堂練習作業說明：
  17. 16. 上課講義
  18. 17. 課堂練習作業說明：
  19. 18. 上課講義
  20. 19. 課堂練習作業說明：
  21. 20. 上課講義
  22. 21. 課堂練習作業說明：
  23. 22. 期中主題設定說明：
  24. 23. 環保議題海報主題說明：
  25. 23.0.1 作業製作說明
  26. 23.0.2 尺寸說明
  27. 23.0.3 上傳說明
  28. 24. 參考資料
  29. 25. 設計注意項目
  30. 26. 上課講義
  31. 27. 課堂練習作業說明：
  32. 28. 《簡易合成海報》作業說明：
  33. 28.0.1 創作練習
  34. 28.0.2 課堂練習
  35. 28.1 課堂完成範例：
  36. 28.2 網路去背與合成教學：
  37. 28.3 作品參考
  38. 29. 補充講義
  39. 30. 學習重點
  40. 31. 練習與範例圖檔
  41. 32. 課堂複習影片
  42. 33. 作業說明
  43. 34. 參考範例
  44. 35. 前言
  45. 36. 補充講義
  46. 37. 製作步驟
  47. 38. 作業繳交注意事項
  48. 39. 參考範例

35. 前言


調整影像的變形、色偏以及曝光等，為photoshop最基礎的技巧。

如何善用工具，改善照片的品質，是每個設計人必備的技能。

養成看到瑕疵照片必修的習慣，每張秀出來的照片都必須是令人滿意的。

無論有沒有學習過相關技巧，請從此養成修圖的好習慣，也練習將自己拍下來的照片，做最好的呈現。

[hr]

36. 補充講義


相關補充之課程講義請至學生系統/上課教材/下載
http://192.192.78.86/student_portal/

ch01 數位相片基礎編修
ch01-1簡易相片處理

[url=http://192.192.161.197/01894/cg/ch01test.rar]練習檔下載[/url]

[hr]

37. 製作步驟



利用上課所教之數位相片編修步驟

1-1


以及技巧，如：
1.裁切並調正影像。
2.調整影像的對比和色調範圍。
3.去除色偏。
4.調整影像特定部位上的色彩與色調 (調整影像亮部、中間色調、陰影、去除飽和度顏色)。
5.銳利化失焦影像。
等

[hr]
觀察「視窗」→「色階分布圖」 以了解曝光狀態

當相片的色階分佈地很綿密, 且亮部及暗部都延伸到最亮與最暗處, 表示影像細節充足、對比鮮明, 應不需再做亮度對比的調整

[URL=http://s556.photobucket.com/user/whc915/media/r_zpsec9ea496.jpg.html][IMG]http://i556.photobucket.com/albums/ss1/whc915/r_zpsec9ea496.jpg[/IMG][/URL]

調整影像的明暗與對比
常用的有：
1.影像→調整→明亮/對比
手動功能中最簡單也是最直覺的, 它只有兩個選項：亮度和對比

2.影像→調整→色階(Ctrl+L)
色階功能比亮度 / 對比更進步, 它將影像階調分成亮部、中間調、陰影 3 部份, 每個部份都可個別調整

3.影像→調整→曲線(Ctrl+M)
曲線功能又比色階更進步了, 色階可分別調整亮部、中間調和陰影, 曲線則可針對 256 階的每一階來調整, 此外還可附加控點來做區段調整, 彈性比色階大得多。強化對比, 讓影像看起來更立體, 這就要靠曲線才辦得到。

photo s_zps3e1e9fce.jpg
[hr]

自行選擇影像不佳的數位相片，將之調整至色彩鮮明清晰的數位相片，並請附上修改前與修改後的照片。

可參考以下範例：

修改前
03Start

修改後：
03End


======================

38. 作業繳交注意事項



請直接於本篇文章回覆作業圖檔

1.自行選擇影像不佳的數位相片，最好是自己拍的，將之調整至色彩鮮明清晰的數位相片，並請附上修改前與修改後的照片。
2.自行選擇色偏的數位相片，最好是自己拍的，將之調整至色彩正常鮮明清晰的數位相片，並請附上修改前與修改後的照片。
3.請註明學號，(姓名)

4.請註明
相片來源：
修片重點：(相片主要問題與修改方法步驟)

5.請保留作業原檔，於期末統一繳交

6.作業請於下次上課前回覆

[hr]

39. 參考範例


http://mepopedia.com/forum/read.php?856,15645]]> JinJin 102-1《中國》竹視傳一C-電腦繪圖實作(一) Tue, 19 Nov 2013 16:18:18 +0800