製 作 banner 範 例
1. 這 一 次 的 教 學 比 較 特 別, 是 教 你 製 作Photoshop 的 banner, 從 而 你 可 以 學 習 到 基 本 美 術 創 作 的 技 巧 和 文 字 工 具 的 用 法.2. 選 擇 menu File -> New..., 當 New dialog 出 現 時, 輸 入 Width 400, Height 100, 然 後 按 OK.
http://antony5.com/kissingphotoshop/images/newImage.JPG 3. 按 Maximize 來 把 工 作 中 的 window 放 到 最 大.
http://antony5.com/kissingphotoshop/images/max2.JPG 4. 選 擇 Gradient Tool 這 個 工 具.
http://antony5.com/kissingphotoshop/images/gt.JPG 5. 之 後, 在 最 上 面 的 選 項 工 具 列 選 擇 Red, Green 這 個 預 設 的 gradient 顏 色.
http://antony5.com/kissingphotoshop/images/rg.JPG 6. 用 滑 鼠 由 左 下 角 向 右 上 角 拉, 然 後 放 手.
http://antony5.com/kissingphotoshop/images/line2.JPG 7. 你 會 看 到 如 圖 中 的 樣 子.
http://antony5.com/kissingphotoshop/images/gd.JPG 8. 現 在 我 們 來 製 作 背 景 的 間 線 效 果. 選 擇 menu File -> New..., 當 New dialog 出 現 時, 輸 入 Width 1, Height 2, 然 後 按 OK.
9. 不 斷 按 shortcut 鍵 Ctrl + (即 同 時 按 Ctrl 鍵 和 "+" 鍵) 把 圖 放 到 最 大.
http://antony5.com/kissingphotoshop/images/01.JPG 10. 選 擇 menu View -> Extras 來 移 除 那 個 "01" 的 標 記.
http://antony5.com/kissingphotoshop/images/ve.JPG
11. 選 擇 Pencil Tool.
http://antony5.com/kissingphotoshop/images/pt.JPG
12. 按 一 下 Set foreground color 來 選 擇 黑 色 作 為 鉛 筆 的 顏 色.
http://antony5.com/kissingphotoshop/images/sf.JPG
13. 在 圖 中 的 位 置 click 一 下 來 加 一 點 黑 色.
http://antony5.com/kissingphotoshop/images/click.JPG
14. 選 擇 menu Select -> All. 然後選擇 menu Edit -> Define Pattern....
http://antony5.com/kissingphotoshop/images/definePattern.JPG
15. 當 Pattern Name dialog 出 現 時, 在 Name 輸 入 Stripe (間 線 的 意 思), 然 後 click OK.
http://antony5.com/kissingphotoshop/images/pn.JPG
16. 選 擇 menu File -> Close 來 關 閉 這 個 window (不 用 儲 存 檔 案).
17. 回 到 之 前 banner 的 檔 案 (即 填 了 gradient color 的 那 個), 在 Layers 的 window double-click Background 這 一 列.
http://antony5.com/kissingphotoshop/images/dc.JPG
18. 當 New Layer dialog 出 現 時, 在 Name 輸 入 Gradient Color, 再 click OK.
http://antony5.com/kissingphotoshop/images/gc.JPG
19. 在 Layers window 的 下 方, click Create a new layer.
http://antony5.com/kissingphotoshop/images/cnl.JPG
20. Double-click Layer1 名 字 的 部 分 並 改 名 為 Stripe Background.
http://antony5.com/kissingphotoshop/images/sb.JPG
21. 拉 Stripe Background 這 個 layer 到 Gradient Color 這 個 layer 下 面, 直 到 你 看 到 Gradient Color 下 面 有 一 條 粗 黑 色 的 線 才 放 手.
http://antony5.com/kissingphotoshop/images/drag.JPG
22. 用 滑 鼠 在 Gradient Color 旁 邊 的 Indicates layer visibility click 一 下 來 隱 藏 這 一 個 layer 的 內 容.
http://antony5.com/kissingphotoshop/images/hide.JPG
23. 此 時 請 看 看 Stripe Background 這 個 layer 是 否 正 在 編 輯 中 的 layer, 如 果 是 的 話 你 會 看 到 一 支 筆 在 該 layer. 如 果 不 是 的 話, 請 在 該 layer 的 名 字 上 click 一 下.
http://antony5.com/kissingphotoshop/images/edit.JPG
24. 選 擇 menu Edit -> Fill....
http://antony5.com/kissingphotoshop/images/editFill.JPG
25. 當 看 到 Fill dialog 時, 在 Use 選 擇 Pattern, 在 Custom Pattern 選 擇 Stripe. 按 OK 後 你 會 看 到 背 景 被 間 線 填 滿.
http://antony5.com/kissingphotoshop/images/fillDialog.JPG
26. 在 Gradient Color layer 的 名 字 上 click 一 下 令 它 變 成 編 輯 中 的 layer.
http://antony5.com/kissingphotoshop/images/editBack.JPG
27. 在 Opacity 的 drop down 按 鈕 (即 100% 右 面 的 按 鈕) click 一 下, 當 你 看 到 調 較 工 具 出 現 時, 拉 到 55%, 然 後 按 一 下 Enter 來 確 定. 你 會 看 到 gradient color 這 個 layer 透 出 背 後 間 線 的 樣 子.
http://antony5.com/kissingphotoshop/images/dragOpacity.JPG 28. 選 擇 Horizontal Type Tool.
http://antony5.com/kissingphotoshop/images/hori.JPG
29. 請 參 考 我 所 用 的 設 定, 注 意 我 用 了 白 色 作 為 文 字 的 顏 色.
http://antony5.com/kissingphotoshop/images/fs.JPG
30. 在 圖 中 的 位 置 click 一 下 來 加 入 文 字.
http://antony5.com/kissingphotoshop/images/pos.JPG
31. 輸 入 Kissing Photoshop.
http://antony5.com/kissingphotoshop/images/ks.JPG 32. 完 成 後 在 上 面 的 工 具 列 按 Commit any current edits 來 確 定.
http://antony5.com/kissingphotoshop/images/commit.JPG
33. 右 按 在 Kissing Photoshop 這 個 layer 上, 並 在 popup menu 選 擇 Blending Options....
http://antony5.com/kissingphotoshop/images/bl.JPG
34. 當 Layer Style dialog 出 現 時, 在 左 面 click 一 下 Drop Shadow 來 選 擇 這 個 特 效 並 作 設 定. 我 所 使 用 的 設 定 如 下 圖 所 示: Blend Mode = Multiply, Opacity = 75%, Angle = 120, Distance 和 Size 都是 5.
http://antony5.com/kissingphotoshop/images/ds.JPG
35. 在 左 面 click 一 下 Gradient Overlay 來 選 擇 這 個 特 效 並 作 設 定. 我 所 使 用 的 設 定 如 下 圖 所 示: Blend Mode = Normal, Opacity = 100%, Gradient 選 擇 橙 黃 色 (預 設 已 有 的), Angle = 86, Scale = 100%. 完 成 設 定 後 按 OK.
http://antony5.com/kissingphotoshop/images/gl.JPG
36. Click 一 下 Gradient Color 來 選 擇 這 個 layer.
http://antony5.com/kissingphotoshop/images/gc2.JPG
37. 選 擇 Horizontal Type Tool 並 請 參 考 我 所 使 用 的 設 定.
http://antony5.com/kissingphotoshop/images/fs2.JPG 38. 在 圖 中 位 置 click 一 下, 跟 著 輸 入 ~The best Chinese Photoshop tutorial on Earth~.
http://antony5.com/kissingphotoshop/images/type2.JPG
39. 完 成 後 在 上 面 的 工 具 列 按 Commit any current edits 來 確 定.
40. 右 按 在 The best... 這 個 layer 上, 並 在 popup menu 選 擇 Blending Options....
http://antony5.com/kissingphotoshop/images/bo.JPG
41. 當 Layer Style dialog 出 現 時, 在 左 面 click 一 下 Drop Shadow 來 選 擇 這 個 特 效 並 作 設 定. 我 所 使 用 的 設 定 如 下 圖 所 示: Blend Mode = Multiply, Opacity = 75%, Angle = 120, Distance 和 Size 都是 5.
http://antony5.com/kissingphotoshop/images/ds2.JPG
42. 在 左 面 click 一 下 Outer Glow 來 選 擇 這 個 特 效 並 作 設 定. 我 所 使 用 的 設 定 如 下 圖 所 示: Blend Mode = Screen, Opacity = 75%, 顏 色 = 紫 色, Angle. 完 成 設 定 後 按 OK.
http://antony5.com/kissingphotoshop/images/og.JPG
43. Click 一 下 Gradient Color 來 選 擇 這 個 layer.
http://antony5.com/kissingphotoshop/images/gc2.JPG
44. 選 擇 Horizontal Type Tool 並 參 考 我 所 用 的 設 定.
http://antony5.com/kissingphotoshop/images/fs.JPG 45. 在 圖 中 的 位 置 click 一 下 並 輸 入 ^3^.
http://antony5.com/kissingphotoshop/images/type3.JPG
46. 完 成 後 在 上 面 的 工 具 列 按 Commit any current edits 來 確 定. 下 面 是 本 人 的 完 成 作 品, 是 不 是 覺 得 很 好 玩 呢? 哈 哈~ (回 到 最 上 面)
http://antony5.com/kissingphotoshop/images/banner2.JPG 還沒看完就暈了。。。:yct14
页:
[1]