19
ใบความรู้ อักษรประดิษฐ์ ตัวอักษรหรือตัวหนังสือที่สวยงามนั้น ก็เป็นที่นิยมใช้ในงานออกแบบ ไม่ว่าจะเป็นตัวอักษร แปลกๆ ที่สวยงามกว่า Cordia New หรือตัวอักษรธรรมดาแต่มีการตกแต่งสีสัน ลวดลายและลูกเล่นอื่นเข้าไป ในการสร้างเอฟเฟ็กต์นั้นสิ่งสาคัญคือความใส่ใจในรายละเอียดเพื่อที่จะได้ผลงานที่สวยงามปราณีต ในบทเรียนนี้ผู้เรียนจะได้เรียนรู้การสร้างอักษรประดิษฐ์หลากหลายเอฟเฟ็กต์เพื่อจะได้เป็น แนวทางสาหรับประดิษฐ์ตัวอักษรที่แปลกใหม่ได้ ตัวอักษรเปลวไฟ วิธีทา 1. ทาการพิมพ์ตัวอักษรโดยใช้เครื่องมือ Horizontal Type Tool ทีToolbox เครื่องมือ Horizontal Type Tool ***หมายเหตุ ...หลังจากที่สร้างตัวตัวอักษรแล้ว File ที่ได้ก็จะเป็น File ตัวอักษร ดังนั้นจึงต้องทาให้ เป็น File ภาพ โดยการคลิกขวาทีLayer ตัวอักษร > คลิกเลือก เลือกคาสั่ง Rasterize Type 2. ทาการใส่ Effect ให้กับตัวอักษร 1) คลิกทีFilter ในส่วนของ Options Bar > Blur > Gussian Blur ปรับค่า Radius ให้ขอบ ตัวหนังสือเบลอเล็กน้อย ดังภาพ

ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

ใบความร อกษรประดษฐ ตวอกษรหรอตวหนงสอทสวยงามนน กเปนทนยมใชในงานออกแบบ ไมวาจะเปนตวอกษร

แปลกๆ ทสวยงามกวา Cordia New หรอตวอกษรธรรมดาแตมการตกแตงสสน ลวดลายและลกเลนอนเขาไป ในการสรางเอฟเฟกตนนสงส าคญคอความใสใจในรายละเอยดเพอทจะไดผลงานทสวยงามปราณต

ในบทเรยนนผเรยนจะไดเรยนรการสรางอกษรประดษฐหลากหลายเอฟเฟกตเพอจะไดเปนแนวทางส าหรบประดษฐตวอกษรทแปลกใหมได

ตวอกษรเปลวไฟ

วธท า 1. ท าการพมพตวอกษรโดยใชเครองมอ Horizontal Type Tool ท Toolbox

เครองมอ Horizontal Type Tool

***หมายเหต...หลงจากทสรางตวตวอกษรแลว File ทไดกจะเปน File ตวอกษร ดงนนจงตองท าให

เปน File ภาพ โดยการคลกขวาท Layer ตวอกษร > คลกเลอก เลอกค าสง Rasterize Type 2. ท าการใส Effect ใหกบตวอกษร

1) คลกท Filter ในสวนของ Options Bar > Blur > Gussian Blur ปรบคา Radius ใหขอบตวหนงสอเบลอเลกนอย ดงภาพ

Page 2: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

2) ท าการหมนตวอกษร โดยคลกท Images ในสวนของ Options Bar > Rotate Canvas > 90 CW

3) คลกท Filter ในสวนของ Options Bar > Stylize > Wind ใหท าการปรบคาตางๆ เพอให

ตวอกษรขาดหายเหมอนถกไฟใหมไป ดงภาพ (ทตองหมนภาพกอนเพราะ Wind ไมม direction แบบบน-ลาง) หากเสนฟงสขาวนอยเกนไปกใหท า Wind ไปเรอยๆ (หรอกด Ctrl+F) จนกวาจะไดการฟงทพอใจ

4) ท าการหมนกลบมาทเดมโดยคลกทค าสง Images ในสวนของ Options Bar >

Rotate Canvas > 90 CCW

Page 3: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

5) ใส Effect ท าไฟใหเคลอนไหวโดยคลกทค าสง Filter > Distort > Ripple โดยปรบคา Amount ประมาณ 70% (ขนอยกบความตองการ)

6) ท าการสราง Layer ใหมเพอจะสรางเชดสเปนไฟลก

7) สรางพนทส าหรบท าเชดส โดยใช Rectangular Marquee tool แลวเลอกพนทใหคลอบคลมตวหนงสอ

Page 4: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

8) ท าการก าหนด Foreground และ Background ท Toolbox ใหเปนสแดงและเหลองเพอเลยนแบบสของเปลวไฟ

ดบเบลคลก หลงจากนนก าหนดใหเปนสแดงและสเหลอง 9) ใชเครองมอ Gradient Tool ท Toolbox ไลเฉดแบบ Foreground to Background > หลงจากนนใหไลเฉดสลงบนสวนท Selection

คลกเลอกเครองมอ Gradient Tool

ในสวนของ Options Bar ใหคลกเลอกดงน ท าการสรางเชดสดงภาพ

Page 5: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

10) ก าหนดให layer ใหมนเปนท าการดบเบลคลกท Layer ทสรางขนมาใหม > ก าหนด Blend Mode ใหเปน Overlay

จะไดผลลพธดงภาพ

ทงนสามารถลองเปลยน blend mode เปนอยางอนเพอจะไดสสนเปลวไฟทแปลกใหม เชน Soft light หรอ Color burn

Page 6: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

หมะบนตวอกษร 1. ท าการสราง File เอกสารงานใหม 2. ท าการพมพตวอกษรโดยใชเครองมอ Horizontal Type Tool ท Toolbox 3. ท าการใส Effect หมะลงบนตวอกษร 1) ดบเบลคลกท Layer ตวอกษร > ท าการตงคา Bevel and Emboss เพอท าใหตวอกษรดนนขน และ Stroke เพอสรางเสนขอบตวหนงสอ ดงภาพ

Page 7: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

File ภาพ ทไดหลงจากท าการตงคา Bevel and Emboss และ Stroke

2) ท าการสราง Layer ใหม

3) ดบเบลคลก Layer ทสรางขนมาใหม > ท าการตงคา Inter Glow และ Bevel and Emboss ดงภาพ เพอเปนการตงคาเงา การยกนน ของหมะไวลวงหนา ดงนนตวอกษรหรอรปทรงทจะเตมใน layer นกจะมลกษณะคลายหมะ แตสามารถกลบมาแกไขหลกจากท าขนท 4 กได

4) คลกเลอกเครองมอ Brush Tool ท Toolbox แลวก าหนดใหเปนสขาว

เลอกเครองมอ Brush Tool แลวก าหนดใหเปนสขาว

Page 8: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

5) ท าการระบายลงบนตวอกษร

File ภาพ ทเสรจสมบรณจากการสรางหมะลงบนตวอกษร

Page 9: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

ตวอกษรใหเหมอนเนยแขง 1. ท าการสราง File เอกสารงานใหม 2. ท าการพมพตวอกษรสเหมอนเนยแขงโดยใชเครองมอ Horizontal Type Tool ท Toolbox

***หมายเหต...หลงจากทสรางตวตวอกษรแลว File ทไดกจะเปน File ตวอกษร ดงนนจงตองท าใหเปน File ภาพ โดยการคลกขวาท Layer ตวอกษร > คลกเลอก เลอกค าสง Rasterize Type 3. ท าการใส Effect ใหกบตวอกษร 1) คลกเลอก Elliptical Marquee Tool เพอลบพนทตามขอบของขอความ เพอใหมลวดลายคลายถกหนแทะ ไดตามชอบใจ

2) ท าการก าหนด Foreground และ Background ท Toolbox ใหเปนสสมและสเหลอง

ดบเบลคลก หลงจากนนก าหนดใหเปนสแดงและสเหลอง 3) ดบเบลคลกท Layer แลวท าการตงคา Gradient Overlay(เชดสบนตวหนงสอ) , Bevel and Emboss (อกษรนน) และ Drop Shadow(สรางเงา) ดงภาพ

Page 10: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

4) สรางรอยเจาะตรงกลาง โดยการท าสราง layer ใหม

Page 11: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

5) คลกเลอกเครองมอ Elliptical Marquee Tool ท Toolbox จากนนวาดรปวงกลมหลายๆรปบนตวอกษรโดยการกด Shift คางไว

6) เตมสลงในพนทรอยเจาะ โดยเมน Edit > Fill หรอ กด Shift + Backspace ท Keyboard

หลงจากนนตงคา Use ใหเปน Color แลวเลอกสสม

7) ดบเบลคลกท Layer ทสรางขนมาใหม และท าการตงคา Inner Shadow เพอสรางเงาด าในหลมเจาะ ดงภาพ

Page 12: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส
Page 13: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

สรางเลอดบนตวอกษร 1. ท าการสราง File เอกสารงานใหม 2. ท าการก าหนด Background ใหเปนสด า โดยการใชเครองมอ Paint Bucket Tool เพราะสด าจะท าใหสแดงซงเปนเลอดเดนชด

ดบเบลคลก หลงจากนนก าหนดใหเปนสแดงและสเหลอง

คลกเลอกเครองมอ Paint Bucket Tool 3. ท าการพมพตวอกษรสขาวโดยใชเครองมอ Horizontal Type Tool ท Toolbox

4. ท าการใส Effect ใหกบตวอกษร 1) ดบเบลคลกทไฟลตวษร และท าการตงคา Bevel and Emboss ดงภาพ

จะไดผลลพธ ดงน

Page 14: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

2) ท าการสราง Layer ใหมโดยการคดลอกจาก layer ตวอกษรสขาว (ตอนนจะม 2 layer ดานบนเปนสขาว และดานลางกเปนสขาว) 3) คลกท Layer บน แลวเปลยนตวอกษรใหเปนสแดง ตอน layer บนเปนสแดง ลางเปนสขาว

4) เปลยน File ใหเปน File ภาพ โดยการคลกขวาท Layer ตวอกษร > คลกเลอก เลอกค าสง

Rasterize Type 5) คลกเลอกเครองมอ Eraser Tool แลวลบพนทบางสวนของตวอกษรสแดงเพอใหทะลเหนตวอกษรสขาวดานลาง ตามความตองการ

6) คลกเลอกเครองมอ Smudge Tool ท Toolbox แลวคลกลากลงบรเวณรอยตอสแดงกบสขาวเพอท าเลอดหยดบนรปภาพ

เครองมอ Smudge

Page 15: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

สรางตวอกษรหลากสสน 1. ท าการสราง File เอกสารงานใหมขนาด 1600x1200pixels 2. ท าการก าหนด Background ไลเฉดสมวงด า โดยใหรหสส #392354 และ #593b70

3. เรยกใชเครองมอ Ellipse Tool ก าหนดตวเลอกเปนการสราง Path จากนน สรางวงกลมขนมา 4. ใช Pen Tool (P) เพอตดบางสวนของ path ออกเพอจะไดกลายเปนอกษร C โดยการ เพม anchor

point จ านวน 2 จด แลวท าการลบเสนทตอระหวาง 2 จดออกไป

5. สรางตวอกษรตามแนว path โดย 1) การก าหนดขนาดของ Brush Tool ใหปน 80px สขาว 2) สราง layer อนใหม 3) ท าการ stroke path จะไดผลดงภาพ

Page 16: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

4) ใหคงเสน path ไว ส าหรบท าสอนตอไป

6. ตกแตงลวดลายเพมเตม โดยการท าซ าขอ 4 และ 5 เพอใหไดผลลพธเปนล าดบขนดงน

1600 pixels wide and 1200

ผลลพธจะเปนตวอกษร C ทม 5 แถบส แตละแถบส จะอยคนละ layer

7. ระบายสใหแตละแถบส โดยเรมจากสขาวลางสดใหเปลยนเปนสมวง โดยก าหนด layer style ดงภาพ

8. หากผลลพธแตกตางไปมากกใหไปก าหนดตวเลอก Blending Option ดงน

Page 17: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

9. ใสสใหแถบสทเหลอ ดงน

Page 18: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

10. ใชวธการเดมเพอสรางเสนโคงตามความยาว ดงน

Page 19: ใบความรู้ อักษรประดิษฐ์ ตัว ...krunoon.weebly.com/uploads/2/6/3/2/26323561/font.pdfสร างต วอ กษรหลากส

11. ตกแตงความงามไปเรอยๆ

12. หากใชวธการเดยวกนสรางเปนขอความแลวตกแตง กจะสามารถสรางภาพดงตวอยางนได