ในบทช่วยสอนนี้ เราจะได้เรียนรู้วิธีใช้ Photoshop เพื่อวาดไอคอนที่สวยงาม หน้าจอเป็นจอภาพเดสก์ท็อปและคอมพิวเตอร์โฮสต์ เอฟเฟกต์สุดท้ายจะแสดงในภาพด้านล่าง
สำหรับไอคอนสี่ไอคอนที่มีขนาดต่างกัน
มีดังนี้
1. ดังแสดงในรูปที่ 1 ให้วาดรูปสี่เหลี่ยมผืนผ้าโค้งมน
รูปที่ 1
2. กดปุ่ม Ctrl+T และปรับที่จับเพื่อให้ได้รูปร่างดังแสดงในรูปที่ 2
รูปที่ 2
3. ใช้สไตล์กราฟิกที่แสดงในรูปที่ 3 และรูปที่ 4
รูปที่ 3
รูปที่ 4
รูปภาพหลังจากใช้สไตล์กราฟิกจะแสดงในรูปที่ 5
รูปที่ 5
4. กดปุ่ม Ctrl ค้างไว้ขณะคลิกชื่อเลเยอร์ในแผงเลเยอร์เพื่อโหลดการเลือกเลเยอร์ ตอนนี้ให้กดปุ่มลูกศรขวาเพื่อย้ายส่วนที่เลือกไปทางขวาอีก 4 พิกเซล
รูปที่ 6
5. กด Shift+Ctrl+I เพื่อกลับส่วนที่เลือก จากนั้นกด Ctrl+Alt+Shift ค้างไว้ และคลิกที่ชื่อเลเยอร์เพื่อเลือกส่วนที่แสดงในรูปที่ 7
รูปที่ 7
6. เก็บส่วนที่เลือกไว้ สร้างเลเยอร์ใหม่ ตั้งค่าสีพื้นหน้าเป็น #CFCECE และสีพื้นหลังเป็น #757575 เลือกการไล่ระดับสีเชิงเส้นจากสีพื้นหน้าเป็นสีพื้นหลัง และเติมส่วนที่เลือก กดปุ่ม Ctrl+D เพื่อยกเลิกการเลือก ผลลัพธ์จะแสดงในรูปที่ 8
รูปที่ 8
7. ใช้เครื่องมือสี่เหลี่ยมผืนผ้าเพื่อวาดรูปสี่เหลี่ยมผืนผ้า และกดปุ่ม D เพื่อเปลี่ยนสีพื้นหน้าและพื้นหลังเป็นขาวดำเริ่มต้น ใช้การไล่ระดับสีเชิงเส้นจากสีพื้นหน้าไปจนถึงสีพื้นหลังเพื่อเติมรูปสี่เหลี่ยมผืนผ้า ผลลัพธ์จะแสดงในรูปที่ 9
รูปที่ 9
8. ในทำนองเดียวกัน ใช้เครื่องมือสี่เหลี่ยมผืนผ้าเพื่อวาดรูปสี่เหลี่ยมอีกอัน คราวนี้ เติมสี่เหลี่ยมด้วยการไล่ระดับสีแบบรัศมีจากพื้นหน้าไปยังพื้นหลัง โดยตั้งค่าสีพื้นหน้าเป็น #A0D4F9 และสีพื้นหลังเป็น #1877D4 ผลลัพธ์แสดงในรูปที่ 10
รูปที่ 10
9. ใช้เครื่องมือปากกาด้านล่างจอภาพเพื่อวาดรูปทรงดังแสดงในรูปที่ 11
รูปที่ 11
10. ใช้สไตล์เลเยอร์ดังแสดงในรูปที่ 12 และ 13.
รูปที่ 12
รูปที่ 13
รูปภาพหลังจากใช้สไตล์เลเยอร์จะแสดงในรูปที่ 14
รูปที่ 14
11. ใช้ Ellipse Tool วาดวงรีดังแสดงในรูปที่ 15
รูปที่ 15
12. ใช้สไตล์เลเยอร์ดังแสดงในรูปที่ 16 และ 17.
รูปที่ 16
รูปที่ 17
รูปภาพหลังจากใช้สไตล์เลเยอร์จะแสดงในรูปที่ 18
รูปที่ 18
13. ตอนนี้ เราจะวาดเคสทาวเวอร์ใกล้กับมอนิเตอร์ เพื่อให้บรรลุเป้าหมายนี้ ให้วาดรูปที่แตกต่างกันสามรูปร่างดังแสดงในรูปที่ 19 คุณสามารถใช้เครื่องมือปากกาในการวาด หรือคุณสามารถวาดรูปสี่เหลี่ยมผืนผ้าก่อนแล้วจึงแปลงรูปร่าง
รูปที่ 19
14. ใช้สไตล์เลเยอร์เดียวกันกับสามเลเยอร์ที่มีกราฟิกด้านบนอยู่ ดังแสดงในรูปที่ 20 และ 21
รูปที่ 20
รูปภาพ 21
15. จัดเรียงกราฟิกเหล่านี้ให้ดูเหมือนแชสซีแนวตั้ง ดังแสดงในรูปที่ 22
รูปที่ 22
16. ดังแสดงในรูปที่ 23 ให้วาดเส้นตรงสีดำขนาด 2 พิกเซล
รูปที่ 23
17. เลือกรูปร่างอัตโนมัติดังแสดงในรูปที่ 24 จากรายการรูปร่างอัตโนมัติ
รูปที่ 24
18. วาดโครงร่างดังแสดงในรูปที่ 25
รูปที่ 25
19. ใช้สไตล์เลเยอร์ซ้อนทับแบบไล่ระดับสีดังแสดงในรูปที่ 26
รูปที่ 26
รูปภาพหลังจากใช้สไตล์เลเยอร์การไล่ระดับสีแบบไล่โทนสีจะแสดงในรูปที่ 27
รูปที่ 27
20. ใช้เครื่องมือวงรีเพื่อวาดรูปวงรี และเติมวงรีด้วยการไล่ระดับสีเชิงเส้นจากสีพื้นหน้าสีเทาอ่อนไปจนถึงสีพื้นหลังสีเทาเข้ม ผลลัพธ์จะแสดงในรูปที่ 28
รูปที่ 28
21. ใช้เครื่องมือวงรีเพื่อวาดรูปวงรีอีกวงหนึ่ง และเติมวงรีด้วยการไล่ระดับสีแบบรัศมีจากสีพื้นหน้าสีขาวไปจนถึงสีพื้นหลังสีแดง ผลลัพธ์จะแสดงในรูปที่ 29
รูปที่ 29
22. ใช้เครื่องมือสี่เหลี่ยมผืนผ้าและเครื่องมือเส้นเพื่อวาดรูปทรง 3 แบบดังแสดงในรูปที่ 30 คุณสามารถทำได้โดยวาดรูปสี่เหลี่ยมสีดำก่อน จากนั้นเพิ่มเส้นสีเทาขนาด 2 px จากนั้นจัดกลุ่มเลเยอร์เหล่านี้เข้าด้วยกันแล้วรวมเข้าด้วยกัน หลังจากคัดลอกและวางเลเยอร์นี้
รูปที่ 30
: ด้วยวิธีนี้ จะได้เอฟเฟกต์ไอคอนขั้นสุดท้าย ดังแสดงในรูปที่ 31 ที่อยู่เดิม
รูปที่ 31