[轉錄]◇ [分享] 基礎美工教學

看板BB_Online作者時間16年前 (2008/06/02 02:00), 編輯推噓2(203)
留言5則, 4人參與, 最新討論串1/1
^L:Z:#,:A:,#@d,:Z1:#@u,:Z2:#@l,:T:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~大家來畫畫~~ (基礎教學)a) 認識PHJCI b) 圖畫編輯 c) 動畫與指令 編輯 idkfa1978 ^L:Z1:#,:B:,#@d,:Z2:#@u,:Z:#@l,:T:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~大家來畫畫~~ (基礎教學) a) 認識PHJCIb) 圖畫編輯 c) 動畫與指令 編輯 idkfa1978 ^L:Z2:#,:C:,#@d,:Z:#@u,:Z1:#@l,:T:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~大家來畫畫~~ (基礎教學) a) 認識PHJCI b) 圖畫編輯c) 動畫與指令 編輯 idkfa1978 ^L:A:#,:D:,#@l,:Z:#@u,:A2:#@d,:A1:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第一節 ~~ (認識PHJCI)d) 作者與網頁 e) 功能簡介 f) 雜項 ^L:A1:#,:E:,#@l,:Z:#@u,:A:#@d,:A2:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第一節 ~~ (認識PHJCI) d) 作者與網頁e) 功能簡介 f) 雜項 ^L:A2:#,:F:,#@l,:Z:#@u,:A1:#@d,:A:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第一節 ~~ (認識PHJCI) d) 作者與網頁 e) 功能簡介f) 雜項 ^L:B:#,:G:,#@l,:Z1:#@u,:B3:#@d,:B1:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第二節 ~~ (圖畫編輯)g) 雙色字與雙色圖形 h) 區塊利用 i) 框線製作 j) 圖片轉檔 ^L:B1:#,:H:,#@l,:Z1:#@u,:B:#@d,:B2:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第二節 ~~ (圖畫編輯) g) 雙色字與雙色圖形h) 區塊利用 i) 框線製作 j) 圖片轉檔 ^L:B2:#,:I:,#@l,:Z1:#@u,:B1:#@d,:B3:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第二節 ~~ (圖畫編輯) g) 雙色字與雙色圖形 h) 區塊利用i) 框線製作 j) 圖片轉檔 ^L:B3:#,:J:,#@l,:Z1:#@u,:B2:#@d,:B:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第二節 ~~ (圖畫編輯) g) 雙色字與雙色圖形 h) 區塊利用 i) 框線製作j) 圖片轉檔 ^L:C:#,:K:,#@l,:Z2:#@u,:C1:,#@d,:C1:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第三節 ~~ (動畫與指令)k) 基本指令簡介 m) 動畫需知 ^L:C1:#,:M:,#@l,:Z2:#@u,:C:,#@d,:C:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~ 第三節 ~~ (動畫與指令) k) 基本指令簡介m) 動畫需知 ^L:D:#,:E:,#@N,:E:,#@l,:A:# 大家來玩PHJCI第一節 認識PHJCI 作者 1-1 □ □ 作者 吳易叡 □ □ 網頁 http://www.csie.nctu.edu.tw/~yijuiwu/PHJCInative/ □ □ 載點 網頁內含下載點 此為免費軟體 可以放心下載 若載點失連 可在網上搜尋 phjci 0.82版 ■ ■ 使用心得 ■ ■ 用過了幾套美工軟體,我還是覺得這套軟體功能最上手,轉 圖的色彩也比較完美一些,使用方法簡單易上手,實在是玩 BBS不可或缺的一套美工程式。 ■ ■ 感言 ■ ■ 在美工的國界裡,還有著許多比小弟更優秀的人才,小弟作 此篇動機,只是希望更多人一起來投入這個世界,讓BBS更 加多采多姿。 BY idkfa1978 ptt2/changebar版 ■ ■ □ □ ■⊕ ^L:E:#,:F:,#@N,:F:,#@l,:A1:#@P,:D:# 大家來玩PHJCI第一節 認識PHJCI 功能簡介 1-2 □ □ 左方有兩個顏色大框,上方為前景色,下方為背景色。 例 : 大家來畫畫 部份就是背景色 字體是前景色 ■ ■ 上方指令列部份︰(在此先介紹模式及工具) 模式(一般來說,畫圖都採用圖形模式,跟文字模式區分在那裡呢? 你試著類似選取部份區塊就知道了,選取就跟Office一樣,按 住滑鼠右鍵,框選你要的部份,框選的部份,會顯現出紅色框 框,以下為兩種模式的框選比較。 文字模式下(不能完整選取圖) 圖形模式下(可以完整選圖) ┌─────────┐ ▁ (也可以在任何地方貼上) ^^┌──────┘ ▕^^ │ ▕ └──┘ ▔ 工具 這邊的(轉換圖檔),是可以將jpg等圖片轉為ANSI碼,後面會 再介紹。 □ □ 下方一排圖樣選擇,你可以在作圖時利用到的符號及文字,在格線 繪製填色工具部份,後面會有更詳細的介紹。 ■ ■ □ □ ■⊕ ^L:F:#,:A2:,#@l,:A2:#@P,:E:#@N,:U:# 大家來玩PHJCI第一節 認識PHJCI 雜項 1-3 □ □ 改成圖形模式後,下方會出現一條藍色橫槓,如下圖所示︰ PHJCI 0.82 ↖ ↗ \ / 此範圍正好是bbs 一頁 / \ ↙ ↘ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ □ □ 在你圖全部完成後,在上方編輯最下方,可選擇全部複製, 在BBS直接貼上即可。 ■ ■ □ □ ■ ■ □ □ ■ ■ □ □ ■⊕ ^L:G:#,:H:,#@N,:H:,#@l,:B:# 大家來玩PHJCI第二節 圖畫編輯 雙色字與雙色圖形 2-1 □ □ ■ ◆ 雙色字部份 □ □ 我們在前面介紹過選取區塊,當然,文字也有這個功能,你試著選取 一個字的一半,然後改色。 例︰ 這可比在BBS上編輯快速的多呢,玩玩看吧! □ □ ■ ■ □ ◆ 雙色圖形 ■ ■ 下方的符號選取好之後,你也可以框選一半來變色喔! 例︰ □ □ 有沒有什麼不一樣的感覺呢 ■ ■ □ □ ^L:H:#,:S:,#@N,:S:,#@l,:B1:#@P,:G:# 大家來玩PHJCI第二節 圖畫編輯 區塊利用 2-2-1 □ □ ■ ◆ 背景色作區塊︰ 我們可以用滑鼠選擇一塊區塊 例下圖所示 ▕▔▔▔▔▔▔▏ 選取此區塊 ───────→ 變色嘍 ▕ ▏ 按一下左方背景色 ▔▔▔▔▔▔ 你也可以選好背景色後,用空白鍵連按,一樣可以作出一條色碼。 □ □ ■ ◆ 在下方特殊字元表裡的填色方塊 此處的方塊為實塊,意思就是不像背景色那樣只靠指令碼做的區塊 這可以用在一個不平滑的表面。 █▇▆▅▄▃▂▁ □ □ ■ ◆ 下方填色工具 這裡應用的是前景色與背景色作出的效果,在作圖時最常使用到。 (((((( (((((( ←脖子太長 ←正常多嘍 □ 下一頁... □ ^L:S:#,:I:,#@N,:I:,#@l,:B1:#@P,:H:# 大家來玩PHJCI第二節 圖畫編輯 區塊利用 2-2-2 □ □ ■ ◆ 下方填色工具 有沒有注意到,如果將前景色與背景色互換,顏色會上下相反喔! 例︰ 綠色是前景色 黃色為背景色 互換變 相反了喔! 再套用之前學過的雙色字方法,你可以作出 很神奇吧? ■ ■ 實例: 馬路與分隔線 細邊框 造字 ▂ ▂ ▂ ▂ ▅▅ 7-11 ■ ■ □ ◆ 填色工具內三角方塊︰ ◢ ◣ ◤ ◥ 三角方塊的應用也非常多,可以多做一些練習喔! □ □ 實例﹕ 斜線 影子效果 字母 ◢◣ ◢█◣ ◢██◣ ██◣ ◢◤◥◣ 失單 /︱ █ █ █ █ █ █ ■ ◤ ◥ 心相 /█\ █ █ █ █ █ █ □ 喪隨 ◥█◤ ◥██◤ ██◤ ◢◤ 斜角過大 多四個角 完成 將凸角選黑色 □ □ ^L:I:#,:J:,#@N,:J:,#@l,:B2:#@P,:S:# 大家來玩PHJCI第二節 圖畫編輯 框線製作 2-3 □ □ ■ ◆框線製作︰ □ □ 看到別人製作的表格或是行事曆很羨慕嗎?phjci這套程式的框線 可是很強大的呢!在下方的格線繪製裡,有五種框線風格可供選 擇,來吧!試試看作一個自己的專屬風格框線吧! □ □ 例︰ 道路圖 日曆 造字 鄉民之路 ╭─────╮ ◣◢ ■ ──┬── │2008年 2月│ ─┬─ ██ │ │ ■ □ │ ├─────┤ │ ◥█╰┬╯ □ 天國之路 ◢█ │ │ │ │ ■ □ ──┼─┐p │ ─┴─ ╰╯ove │ou □ │ │t │ ■ 我家│ │t ██ │ □ ■ │ │╰─────╯ ■ □ □ 小秘訣︰按著shift不放,再按方向鍵,可以一直畫下去喔! □ □ ■ ■ □ □ ^L:J:#,:J:,#@l,:B3:#@P,:I:#@N,:O:# 大家來玩PHJCI第二節 圖畫編輯 圖片轉檔 2-4 □ □ ■ ◆ 圖片轉檔 在上方的工具裡,有個轉換圖檔功能,可以將jpg.bmp.gif.等圖片 轉為BBS可以閱讀的ANSI碼,再經過修改,就可以把你所喜愛的圖 轉到BBS上來嘍! ■ ■ ▄▄ ▄▄ ▄ ▄ ◥◣ ███ ◢◤ ● ● ● ● ╲▁╱ ▄ ▄ ▄▄ ▄▄ ■ ■ □ □ ^L:K:#,:M:,#@N,:M:,#@l,:C:# 大家來玩PHJCI第三節 動畫與指令 基本指令簡介 3-1 □ □ BBS上的動畫模式,就類似卡通片一樣,一張一張撥放,而每一頁 讓它驅動自動跳下一頁的方法,就必需使用到動畫指令。 動畫動用到的指令有很多,在此先介紹最基本的一些指令︰ □ □ ╭───┬────────────────────╮ ^L 每一頁的開頭 ├───┼────────────────────┤ ^L0.5 每0.5秒換一頁 ├───┼────────────────────┤ ^LO0.8從此頁起,下方所有頁面每0.8秒換一頁 ├───┼────────────────────┤ ^LGf1 到此頁時,回到第一頁,f2就是到第二頁 │ │ ,用來做循環動畫。 ├───┼────────────────────┤ ^LE 動畫撥放結束 ╰───┴────────────────────╯ ■ ■ 按shift+6 作出 ^ 指令不能上色,要用最原始色碼 ■ ■ □ □ ^L:M:#,#@l,:C1:#@P,:K:#@N,:P:# 大家來玩PHJCI第三節 動畫與指令 動畫需知 3-2 □ □ 製作動畫時,需注意幾個要項,動畫撥放才會順利。 第一頁 第二頁 第三頁 ┌──────┐ ┌──────┐ ┌──────┐ ^L0.5 │ │^L0.3 │ │^L0.4 │ │ │ │ ↓ 2格│ │ ↓ 2格│ │ ↓2格 │ │ │ │ │ │ \ \ │ │ / \ ∕﹨ │ │ 〉╲ │ │ └──────┘ └──────┘ └──────┘ 在指令碼與每一頁的圖形間格,要留相同空間,人才不會亂跳。 □ □ ■ ■ ^LGf1那一頁,圖並不會顯現,要注意喔! ■ ■ ◆ 好了,開始著手畫看看吧!有任何問題,歡迎來信詢問~ ■ ■ □ □ ■ ■ □ □ ^L:T:#,:Z:#@l,:Z:# ▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ▃▃▃ ▃▃▃▃ ▃▃ ▃▃▃ ▃▃▃ ▃▃▃▃▃▃ ▃▃▃▃▃ ~~大家來畫畫~~ 想烙跑? ★idkfa1978 你會畫圖了嗎?? 這樣就要離開了呀? ^L:U:#,:F:#@l,:F:# 大家來玩PHJCI第一節 認識PHJCI 雜項 1-3 □ □ 改成圖形模式後,下方會出現一條藍色橫槓,如下圖所示︰ PHJCI 0.82 ↖ ↗ \ / 此範圍正好是bbs 一頁 / \ ↙ ↘ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ □ □ 在你圖全部完成後,在上方編輯最下方,可選擇全部複製, 在BBS直接貼上即可。 ■ ■ □ □ ■ ■ □ □ ■ ■ □ □ ★idkfa1978 下面沒有了啦!! >///< ^L:O:#,:J:#@l,:J:# 大家來玩PHJCI第二節 圖畫編輯 圖片轉檔 2-4 □ □ ■ ◆ 圖片轉檔 在上方的工具裡,有個轉換圖檔功能,可以將jpg.bmp.gif.等圖片 轉為BBS可以閱讀的ANSI碼,再經過修改,就可以把你所喜愛的圖 轉到BBS上來嘍! ■ ■ ▄▄ ▄▄ ▄ ▄ ◥◣ ███ ◢◤ ● ● ● ● ╲▁╱ ▄ ▄ ▄▄ ▄▄ ■ ■ □ □ ★idkfa1978 下面沒有了啦!! >///< ^L:P:#,:M:#@l,:M:# 大家來玩PHJCI第三節 動畫與指令 動畫需知 3-2 □ □ 製作動畫時,需注意幾個要項,動畫撥放才會順利。 第一頁 第二頁 第三頁 ┌──────┐ ┌──────┐ ┌──────┐ ^L0.5 │ │^L0.3 │ │^L0.4 │ │ │ │ ↓ 2格│ │ ↓ 2格│ │ ↓2格 │ │ │ │ │ │ \ \ │ │ / \ ∕﹨ │ │ 〉╲ │ │ └──────┘ └──────┘ └──────┘ 在指令碼與每一頁的圖形間格,要留相同空間,人才不會亂跳。 □ □ ■ ■ ^LGf1那一頁,圖並不會顯現,要注意喔! ■ ■ ◆ 好了,開始著手畫看看吧!有任何問題,歡迎來信詢問~ ■ ■ □ □ ■ ■ □ □ ★idkfa1978 下面沒有了啦!! 科科~快去畫出一張令人讚嘆的圖吧! ^LGf1 -- ※ 發信站: 批踢踢兔(ptt2.cc) ◆ From: 123.240.26.113

02/23 12:18,
借轉~謝謝~
02/23 12:18
MohLih:轉錄至某隱形看板 02/23 12:19

02/23 14:42,
@@ 是互動式教學耶! 強^^b
02/23 14:42

02/23 14:57,
這篇實在太棒了啊!!
02/23 14:57

02/23 23:05,
從p1看到個板的 借我轉喔 謝謝:)
02/23 23:05
btecn:轉錄至某隱形看板 02/23 23:06 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.240.26.244 ※ 編輯: idkfa1978 來自: 123.240.26.244 (06/02 02:00)

06/02 02:01, , 1F
因為有些人問我美工問題與框線問題 經由版主同意
06/02 02:01, 1F

06/02 02:01, , 2F
就轉過來嘍...
06/02 02:01, 2F

06/02 02:03, , 3F
06/02 02:03, 3F

06/02 02:48, , 4F
科科 我也都用這個做賽報的 ^^
06/02 02:48, 4F

06/02 02:50, , 5F
我還停在上古手動時代orz
06/02 02:50, 5F
文章代碼(AID): #18GkEvp7 (BB_Online)