งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ

Graphic Design 03.

งานนำเสนอที่คล้ายกัน


งานนำเสนอเรื่อง: "Graphic Design 03."— ใบสำเนางานนำเสนอ:

1 Graphic Design 03

2 สร้างตัวหนังสือแบบเงาสะท้อน (Photoshop Text Reflection)

3 ขั้นตอนที่ 1. เริ่มสร้างตัวอักษร ขนาดชิ้นงาน 300 x 300 px พิมพ์ตัวหนังสือที่ต้องการให้สะท้อนใส่ลงไป ขั้นตอนที่ 2. แต่งรายละเอียด โดยสามารถตกแต่งใส่สีให้ตัวอักษรและพื้นหลังได้ตามต้องการ

4 ขั้นตอนที่ 3. คัดลอกเลเยอร์ คัดลอกเลเยอร์ "Text" เพิ่ม ตั้งชื่อเลเยอร์ที่เพิ่มขึ้นใหม่นี้ว่า "Reflect"

5 ขั้นตอนที่ 4. กลับด้านตัวอักษร ให้สั่งกลับด้านตัวอักษร โดยให้ไปที่เลเยอร์ "Reflect" แล้วเลือก Edit > Transform > Flip Vertical

6 ขั้นตอนที่ 5. ย้ายตำแหน่งเงาสะท้อน จากนั้นขยับเลเยอร์ "Reflect" ให้เลื่อนลงมาด้านล่างไปอยู่ใต้ตัวอักษร ของเลเยอร์ "Text" โดยเว้นระยะห่างระหว่างกันเล็กน้อย 

7 ขั้นตอนที่ 6. สร้างหน้ากากให้เลเยอร์ "Reflect" แล้วเลือก "Add Vector Mask" จะพบว่าเกิด "Layer Mask Thumbnail" ปรากฏขึ้นมาด้านข้าง

8 ขั้นตอนที่ 7. ไล่สีหน้ากากเลเยอร์
ขั้นตอนที่ 7. ไล่สีหน้ากากเลเยอร์ ไปที่ "Layer Mask"  จากนั้นเลือกที่ "Gradeint Tool" ตั้งค่า Foreground เป็นสีขาวและ Background เป็นสีดำแล้วลากไล่สีจากบนลงล่าง ในตัวอย่างอันนี้ได้ลากไล่สีจากบริเวณตรงกลางของตัวอักษรด้านบน ไปจนถึงตรงกลางของตัวอักษรที่กลับหัวดังรูป

9 ขั้นตอนที่ 8. ตรวจสอบผลงาน ความเข้มของเงาสะท้อนในเลเยอร์ "Reflect" ที่มีอยู่จะจางลง ซึ่งถ้ายัง ไม่ดีพอก็สามารถลาก "Gradeint Tool" ไล่สีทับลงไปที่ "Layer Mask" อันเดิมได้เรื่อยๆ จนกว่าจะพอใจ

10 อักษรนูนด้วยการขยับเลเยอร์ (Pixel Bevel Text)

11 ขั้นตอนที่ 1. สร้างไฟล์ Photoshop ขึ้นมาขนาดเท่าไรก็ได้ โดยในตัวอย่างนี้ ใช้ขนาด 300x300 เทพื้นหลังเป็นสีเทา แล้วพิมพ์ตัวอักษรลงไป

12 เลเยอร์ตัวอักษรตรงกลาง : สีเทาอ่อน (bababa)
ขั้นตอนที่ 2. คัดลอกเลเยอร์ตัวอักษรที่ทำไว้เพิ่มอีก 2 เลเยอร์ จากนั้นใส่สี ของตัวอักษรในแต่ละเลเยอร์ดังนี้ เลเยอร์ตัวอักษรด้านบนสุด : สีเทาปานกลาง (828282) เลเยอร์ตัวอักษรตรงกลาง :  สีเทาอ่อน (bababa) เลเยอร์ตัวอักษรด้านหลัง : สีเทาเข้ม (222222) 828282 bababa 222222

13 ขั้นตอนที่ 3. ขยับตำแหน่งเลเยอร์ตัวอักษรดังนี้ เลเยอร์ตัวอักษรด้านบนสุด : ปล่อยไว้เฉยๆ ไม่ต้องขยับย้ายตำแหน่ง เลเยอร์ตัวอักษรตรงกลาง : ขยับเลื่อนไปทาง ด้านซ้ายและด้านบน เล็กน้อย เลเยอร์ตัวอักษรด้านล่าง : ขยับเลื่อนไปทาง ด้านขวาและด้านล่าง เล็กน้อย

14

15 ทำขอบตัวอักษร 2 ชั้น

16 ขั้นตอนที่ 1 เปิดหน้ากระดาษขึ้นมาและพิมพ์ข้อความที่ต้องการลงไป เปลี่ยน Font เปลี่ยนสีได้ตามต้องการ แล้วคลิก Add a layer style ที่ด้านล่าง ของหน้าต่าง Layer เลือก Storke

17 ขั้นตอนที่ 2 เลือกสีของเส้นและขนาด ในที่นี้เลือกเส้นขอบสีขาว และขนาด 6 ซึ่งในรูปจะมองไม่เห็นเส้นเพราะ background ก็เป็นสีขาว ปรับเสร็จแล้วกด OK

18 ขั้นตอนที่ 3 คลิกขวาที่ Layer ตัวอักษรแล้วเลือก Group into New Smart Object สังเกตลักษณะของ Layer จะเปลี่ยนไป

19 ขั้นตอนที่ 4 คลิกขวาที่ Layer เดิมอีกครั้งเลือก Rasterize Layer ลักษณะของ Layer จะกลายเป็นเหมือน Layer ปกติแล้ว

20 ขั้นตอนที่ 5 Add a layer style อีกครั้งแล้วเลือก Stroke ทำการปรับค่าสีและ ขนาดของเส้นเหมือนเดิมก็เสร็จสมบูรณ์ กับตัวอักษรแบบมีขอบสองชั้น

21

22 ภาพขอบหยัก (Distort Ripple Frame)

23 ขั้นตอนที่ 1. เปิดไฟล์ภาพที่ต้องการขึ้นมา จากนั้นกดปุ่ม <Ctrl+A> เพื่อสร้าง Selection

24 เลือก Select > Transform Selection

25 ขั้นตอนที่ 3. คลิกปุ่ม Edit in Quick Mask Mode เพื่อทำงานในโหมด Quick Mask Mode'

26 ขั้นตอนที่ 4. คลิกเมนู Filter > Distort > Ripple... จากนั้นตั้งค่า
Amount = 460% ยิ่งใส่ค่า Amout สูงจะทำให้ขอบรูปมีความหยักมาก Size = Large

27

28 ขั้นตอนที่ 5. คลิกปุ่ม Edit in Standard Mode เพื่อกลับไปทำงานใน Quick Standard Mode หรือโหมดปกติ

29 ขั้นตอนที่ 6. คลิกปุ่ม Select > Inverse เพื่อกลับด้าน Selection แล้วสร้างเลเยอร์ขึ้นใหม่ โดยวางไว้อยู่เหนือเลเยอร์รูปภาพ

30 ขั้นตอนที่ 7. เทสีขาว ลงไปในเลเยอร์ขึ้นที่ถูกสร้างขึ้นมาใหม่ จากนั้นกดปุ่ม <Ctrl+D> บนคีย์บอร์ดเพื่อสั่ง Deselect ก็เสร็จแล้ว

31 ออกแบบปกหนังสือ ปกหนังสือ ขนาด A5 หน้าหลังติดกัน โดยมี สันประมาณ 20 mm และต้อง มีกรอบเผื่อตัดตกประมาณ 3 -5 mm

32

33 View > New Guide >Vertical

34

35 เซ็ตอีก 3 ครั้ง

36 เซ็ตอีก 2 ครั้ง

37

38

39

40

41

42

43

44

45

46

47 ออกแบบปกนิตยสาร แต่งบ้าน / ท่องเที่ยว / เทคโนโลยี / แฟชั่น
ออกแบบปกนิยาย เรื่อง โรงงานช็อกโกแลต/ ตุ๊กตาเริงระบำ / ผีเสื้อกับดอกไม้ ออกแบบปกหนังสือ การ์ตูน


ดาวน์โหลด ppt Graphic Design 03.

งานนำเสนอที่คล้ายกัน


Ads by Google