การใช้โปรแกรม ADOBE PHOSHOP ในการสร้างตัวหนังสือ

ก า ร ใ ช้ โ ป ร เ เ ก ร ม
ADOBE
PHOTOSHOP
ใ น ก า ร ส ร้ า ง ตั ว
ห นั ง สื อ

WRITTEN BY
RATCHAPON KAEDKAEW
EDITED BY
RATCHAPON KAEDKAEW

การใช้โปรเเกรม Adobe
photoshop ในการสร้างตัวหนังสือ

ผู้จััดทำ: นารัชพล เกตุแก้ว
ชื่อหนังสือ: การใช้โปรเเกรม
ADOBE PHOTOSHOP ในการ
สร้างตัวหนังสือ
ครั้งที่พิมพ์: 23 สิงหาคม 2564
สำนักพิมพ์: อะนันตนา จำกัด
ปีที่พิมพ์: 2564

: RATCHAPON TOR
: RATCHAPON TOR
: RATCHAPON TOR

คำนำ
การจัดทำสื่อสิ่งพิมพ์นี้ เพื่อให้กับ

นักเรียน นักศึกษา หรือคนที่กำลัง
จะเริ่มต้นเกี่ยวกับการออกเเบบตัว
หนังสือเเบบ อาทต์ๆ เท่ห์ๆ เพื่อ
เป็นการชี้นำให้เกิดประโยชน์

การทำำความเข้าใจของหนังสือ
เล่มนี้ไม่ยาก เเละเข้าใจได้ง่าย มี
หลากหลายวิธีให้เลือกใช้ เเล้วเเต่
บุคคลที่จะนำไปประยุกต์ใช้ สื่อนี้
เป็นสื่อเริ่มต้น ความรู้เบื้องต้น
รอคุณอยู่ ไปกันเล้ยยย!!!!

การใช้โปรเเกรม ADOBE
PHOTOSHOP ในการ
สร้างตัวหนังสือ

สร้างตัวอักษรแบบมันวาวนั้นมี
ลักษณะดังรูปเลยครับ สำหรับ
บทความนี้สามารถนำไปประยุกต์
ใช้ได้อีกหลายอย่าง ไม่ใช่เพียงตัว
อักษร เพื่อนๆเคยสังเกตเห็นปุ่มบน
หน้าเว็บต่างๆมั้ย ที่เวลาเรามอง
แล้วให้ความรู้สึกที่เงาๆ ดูหรูๆ
(อย่างกะ IPHONE) ถ้านึกไม่ออกดู
ภาพประกอบแล้วเริ่มทำเลยดีกว่า

การใช้โปรเเกรม ADOBE
PHOTOSHOP ในการ
สร้างตัวหนังสือ

13 ขั้นตอน
ในการออกเเบบ
ตัวหนังสือเท่ห์ๆ

1.สร้างหน้ากระดาษขนาดตามที่เรา
ต้องการขึ้นมา
2.ทำการเลือกเครื่องมือรูปตัว T
(คีย์ลัด T) ใช้สำหรับพิมพ์ตัวอักษร

3.คลิกเครื่องมือตัว T ลงไปในหน้า
กระดาษและพิมพ์ข้อความที่
ต้องการ
TIP: ในขณะที่ใช้งานตัว T (ขอ
เรียกตัวT เพื่อความเข้าใจง่าย
นะ)ให้กดCTRL+T ขณะที่กำลัง
ทำการพิมพ์อยู่จะได้กล่องเครื่องมือ
CHARACTER ขึ้นมาดังภาพ ซึ่งจะ
ทำให้เราสามารถปรับความห่างของ
ระหว่างตัวอักษร ความห่าง
ระหว่างบรรทัด FONT ที่ใช้ สี
การทำตัวหน้า ตัวเอียง และต่างๆ
เกี่ยวกับตัวอักษรทั้งหมด ซึ่งส่วน
ตัวผมชอบเปิดทิ้งไว้เพราะใช้งาน
เกี่ยวกับตัวอักษรได้สะดวก

4.ในที่นี้ผมเลือก FONT “IMPACT”
ขนาดตัวอักษร 18 ระยะห่าง
ระหว่างบรรทัด 15 นอกนั้นค่าปกติ
ผลที่ได้เป็นดังรูป
TIP: เราสามารถปรับ FONT
ขนาดตัวอักษร ระยะห่างระหว่าง
บรรทัด สี และต่างๆ ตามต้องการ
ได้นะครับ

5.สังเกตกล่องเครื่องมือนี้นะครับจะ
เป็นที่สำหรับแสดง LAYER ของเรา
ให้เราคลิกเลือกไอคอนนี้ตามรูปเลย
นะครับ(ADD A LAYER STYEL)
เลือกที่ STORKE คือการใส่เส้น
รอบตัวอักษร

6.เมื่อกดแล้วจะได้หน้าตาเครื่องมือ
นี้ครับ และปรับตามที่เราต้องการ
เลยครับ ส่วนผมจะปรับขนาดของ
เส้นเป็น 5 นะครับแล้วเลือกสี
เขียวๆฟ้าๆ นี้
(อธิบายสีได้ชัดเจนมาก!)
7.คลิกสร้าง LAYER ดังรูปครับจะ
ได้ LAYER เพิ่มขึ้นมา 1 อัน

8.เปลี่ยน MARQUEE เป็นแบบที่ 2
เป็นแบบวงกลม และทำการสร้าง
SELECTION บนตัวอักษรดังรูป

9.นำเมาส์ไปวางเหนือ LAYER ตัว
อักษร และกด CTRL+SHIFT+ALT
ค้างและคลิกช่องสี่เหลี่ยมสีขาว
(ในขณะที่กดCTRL+SHIFT+ALT
และนำเมาส์วางเหนือLAYER
สังเกตเคอร์เซอร์เมาส์จะเป็นรูปนิ้ว
ชี้และมี สี่เหลี่ยมที่มีกากบาทด้าน
ใน) ซึ่งผลที่ได้จะเป็นดังภาพ
NOTE: ในขณะที่มีเส้น SELECTION อยู่เหนือ
ตัวอักษรของเรา และเมื่อเรา
กดCTRL+SHIFT+ALT ค้างและคลิก จะ
ทำให้SELECTION ที่เกินจากตัวอักษรหายไป
แต่ถ้าเรากด CTRL ค้างและคลิก ที่ LAYER
จะเป็นการโหลด SELECTION ของ LAYER
นั้น (คือได้ SELECTION เป็นรูปร่างของสิ่งที่
อยู่ใน LAYER ทันที)

10.เลือก MARQUEE TOOL แบบ
สี่เหลี่ยม จากนั้นให้ทำการกด ALT
ค้าง และลากSELECTION รอบคำ
ว่า PHOTOSHOPเพื่อ
ลบSELECTION บนคำว่า
PHOTOSHOP

11. จะเหลือ SELECTION เฉพาะ
บนคำว่า IFREE

- จากนั้นกด X เพื่อสลับสี่
FOREGROUND และ
BACKGROUND โดยเราจะได้สีขาว
มาอยู่ที่ FOREGROUND แทน

- เลือกเครื่องมือ GRADIENT
TOOL (G)

-ปรับค่าสีดังรูปโดยเลือกการไล่
สีแบบจากขาวไปโปร่งใส
ใช้ GRADIENT ลากเมาส์ลงมา
บริเวณที่ SELECTION ดังรูป

TIP: เมื่อเราทำการไล่สีใน
SELECTION ด้วย GRADIENT แล้ว
แต่ไม่พอใจในการไล่สีที่ได้สามารถ
ย้อนกลับไปแก้ไขด้วยการกดคีย์ลัด
CTRL+ALT+Z

12. ปรับค่า OPACITY ของ
LAYER นี้ประมาณ 38%
(OPACTITY คือ ค่าความทึบของ
LAYER นั้น 100% คือ สีทึบ
100% ยิ่งปรับน้อยสีใน LAYER
นั้นจะยิ่งโปร่งใส) และกด
CTRL+D เพื่อยกเลิก SELECTION

13. ผมต้องการสร้างเงานี้ให้กับคำ
ว่า PHOTOSHOP อีก ก็ทำซ้ำตั้งแต่
ขั้นตอนที่ 7 คือ สร้าง LAYER ขึ้น
มาอีก และทำแบบเดิม

สำเร็จกะตัวอักษรที่ให้ความรู้สึก
มันวาว ถึงแม้ขั้นตอนจะเยอะแต่ที่
จริงแล้วใช้เวลาทำเพียงเล็กน้อย
เพราะในที่นี้ผมจะอธิบายอย่าง
ละเอียดยิบ เผื่อคนที่ฝึกทำขั้นตอน
จึงเยอะ

สังเกตว่าจริงๆ เราไม่ต้องทำการ
ADD A LAYER STYLE เพื่อสร้าง
เส้นรอบตัวอักษรก็ได้ แต่ผมอยาก
ให้รู้จักเครื่องมือนี้ไว้ เพราะว่ามันมี
ประโยชน์มากในการแต่งภาพ ลอง
เล่นๆนะครับดูมี OPTION ให้เลือก
เยอะ

ถ้าหากระหว่างขั้นตอนการ
กำหนด SELECTION บนอักษร
PHOTOSHOP เกิดมี SELECTION
ติดบนอักษร IFREE เราสามารถ
ทำการลบได้ด้วย การใช้เครื่องมือ
MARQUEE จากนั้นกด ALT ค้าง
และลาก SELECTION ครอบลงบน
SELECTION ที่ต้องการลบได้เลย
จบจากบทความนี้ หวังว่าเพื่อนๆจะรู้จัก ADD
A LAYER STYLE , การลบ SELECTION , การ
ใช้คีย์ X เพื่อสลับสี FOREGROUND &
BACKGROUND , วิธีใช้ GRADIENT TOOL และ
ทำความเข้าใจกับการทำงานบน SELECTION
โดยเพื่อนๆ สามารถพลิกแพลงเทคนิคนี้ได้
หลายๆอย่างเพราะขั้นตอนการทำไม่ตายตัวตาม
บทความเสมอไป ขอแค่ผลลัพธ์ดีก็โอเคละสำหรับ
ผม
แต่งานนี้อาจดูไม่ค่อยสวยเพราะสีที่เล่นค่อนข้างไม่
โอเค แต่เมื่อเราทำเป็นแล้วก็อาจใช้โทนสีที่ดีกว่านี้
ผลงานก็จะยิ่งดูดีกว่าเดิม

ถ้าเพื่อนๆมีปัญหาสงสัยตรงไหนสอบถามได้นะครับ
และเหมือนเดิมเอาผลงานมาโชว์ด้วยยิ่งดี

ก า ร ใ ช้ โ ป ร เ เ ก ร ม
ADOBE
PHOTOSHOP
ใ น ก า ร ส ร้ า ง ตั ว
ห นั ง สื อ

WRITTEN BY
RATCHAPON KAEDKAEW
EDITED BY
RATCHAPON KAEDKAEW

การใช้โปรเเกรม Adobe
photoshop ในการสร้างตัวหนังสือ

: RATCHAPON TOR
: RATCHAPON TOR
: RATCHAPON TOR

ตัวอักษรเท่ห์ คุณไม่ได้
เห็นเพียงคนเดียว

เเต่มีคนเห็นทั้งโลก!!!!!!