อักษรประดิษฐ์

20
เอกสารประกอบการสอนรายวิชา คอมพิวเตอร์กราฟิค 30246 รวบรวมโดย ครูเทวัญ ภูพานทอง ครู คศ. 1 โรงเรียนนามนพิทยาคม สพม.24 http://comkrutae.wordpress.com/ ใบความรู้ที4.3 เรื่อง อักษรประดิษฐ์ ตัวอักษรหรือตัวหนังสือที่สวยงามนั้น ก็เป็นที่นิยมใช้ในงานออกแบบ ไม่ว่าจะเป็นตัวอักษร แปลกๆ ที่สวยงามกว่า 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 ให้ขอบตัวหนังสือ เบลอเล็กน้อย ดังภาพ

Upload: krutae-puparnthong

Post on 26-Jun-2015

2.703 views

Category:

Education


0 download

TRANSCRIPT

Page 1: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

ใบความรท 4.3 เรอง อกษรประดษฐ

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

แปลกๆ ทสวยงามกวา 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: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

Page 4: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

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

Page 5: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

Page 6: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

Page 7: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

Page 8: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

เลอกเครองมอ Brush Tool แลวก าหนดใหเปนสขาว 5) ท าการระบายลงบนตวอกษร

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

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

Page 9: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

***หมายเหต...หลงจากทสรางตวตวอกษรแลว 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: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

Page 11: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

Page 12: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

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

Page 13: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

Page 14: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

4) เปลยน File ใหเปน File ภาพ โดยการคลกขวาท Layer ตวอกษร > คลกเลอก เลอกค าสง Rasterize Type 5) คลกเลอกเครองมอ Eraser Tool แลวลบพนทบางสวนของตวอกษรสแดงเพอใหทะลเหนตวอกษรสขาวดานลาง ตามความตองการ

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

เครองมอ Smudge

Page 15: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

สรางตวอกษรหลากสสน 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: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

1600 pixels wide and 1200

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

Page 17: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

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

Page 18: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

Page 19: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/

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

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

Page 20: อักษรประดิษฐ์

เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246

รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/