Transcript
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 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 ใหขอบตวหนงสอเบลอเลกนอย ดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 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
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
5) ใส Effect ท าไฟใหเคลอนไหวโดยคลกทค าสง Filter > Distort > Ripple โดยปรบคา Amount ประมาณ 70% (ขนอยกบความตองการ)
6) ท าการสราง Layer ใหมเพอจะสรางเฉดสเปนไฟลก
7) สรางพนทส าหรบท าเฉดส โดยใช Rectangular Marquee tool แลวเลอกพนทใหคลอบคลมตวหนงสอ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
8) ท าการก าหนด Foreground และ Background ท Toolbox ใหเปนสแดงและเหลองเพอเลยนแบบสของเปลวไฟ
ดบเบลคลก หลงจากนนก าหนดใหเปนสแดงและสเหลอง 9) ใชเครองมอ Gradient Tool ท Toolbox ไลเฉดแบบ Foreground to Background > หลงจากนนใหไลเฉดสลงบนสวนท Selection
คลกเลอกเครองมอ Gradient Tool
ในสวนของ Options Bar ใหคลกเลอกดงน ท าการสรางเฉดสดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
10) ก าหนดให layer ใหมนเปนท าการดบเบลคลกท Layer ทสรางขนมาใหม > ก าหนด Blend Mode ใหเปน Overlay
จะไดผลลพธดงภาพ
ทงนสามารถลองเปลยน blend mode เปนอยางอนเพอจะไดสสนเปลวไฟทแปลกใหม เชน Soft light หรอ Color burn
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
หมะบนตวอกษร 1. ท าการสราง File เอกสารงานใหม 2. ท าการพมพตวอกษรโดยใชเครองมอ Horizontal Type Tool ท Toolbox 3. ท าการใส Effect หมะลงบนตวอกษร 1) ดบเบลคลกท Layer ตวอกษร > ท าการตงคา Bevel and Emboss เพอท าใหตวอกษรดนนขน และ Stroke เพอสรางเสนขอบตวหนงสอ ดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
File ภาพ ทไดหลงจากท าการตงคา Bevel and Emboss และ Stroke
2) ท าการสราง Layer ใหม
3) ดบเบลคลก Layer ทสรางขนมาใหม > ท าการตงคา Inter Glow และ Bevel and Emboss ดงภาพ เพอเปนการตงคาเงา การยกนน ของหมะไวลวงหนา ดงนนตวอกษรหรอรปทรงทจะเตมใน layer นกจะมลกษณะคลายหมะ แตสามารถกลบมาแกไขหลกจากท าขนท 4 กได
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
4) คลกเลอกเครองมอ Brush Tool ท Toolbox แลวก าหนดใหเปนสขาว
เลอกเครองมอ Brush Tool แลวก าหนดใหเปนสขาว 5) ท าการระบายลงบนตวอกษร
File ภาพ ทเสรจสมบรณจากการสรางหมะลงบนตวอกษร
ตวอกษรใหเหมอนเนยแขง 1. ท าการสราง File เอกสารงานใหม 2. ท าการพมพตวอกษรสเหมอนเนยแขงโดยใชเครองมอ Horizontal Type Tool ท Toolbox
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 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(สรางเงา) ดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
4) สรางรอยเจาะตรงกลาง โดยการท าสราง layer ใหม
5) คลกเลอกเครองมอ Elliptical Marquee Tool ท Toolbox จากนนวาดรปวงกลมหลายๆรปบนตวอกษรโดยการกด Shift คางไว
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
6) เตมสลงในพนทรอยเจาะ โดยเมน Edit > Fill หรอ กด Shift + Backspace ท Keyboard หลงจาก
นนตงคา Use ใหเปน Color แลวเลอกสสม
7) ดบเบลคลกท Layer ทสรางขนมาใหม และท าการตงคา Inner Shadow เพอสรางเงาด าในหลมเจาะ ดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 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 ดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
จะไดผลลพธ ดงน
2) ท าการสราง Layer ใหมโดยการคดลอกจาก layer ตวอกษรสขาว (ตอนนจะม 2 layer ดานบนเปนสขาว และดานลางกเปนสขาว) 3) คลกท Layer บน แลวเปลยนตวอกษรใหเปนสแดง ตอน layer บนเปนสแดง ลางเปนสขาว
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
4) เปลยน File ใหเปน File ภาพ โดยการคลกขวาท Layer ตวอกษร > คลกเลอก เลอกค าสง Rasterize Type 5) คลกเลอกเครองมอ Eraser Tool แลวลบพนทบางสวนของตวอกษรสแดงเพอใหทะลเหนตวอกษรสขาวดานลาง ตามความตองการ
6) คลกเลอกเครองมอ Smudge Tool ท Toolbox แลวคลกลากลงบรเวณรอยตอสแดงกบสขาวเพอท าเลอดหยดบนรปภาพ
เครองมอ Smudge
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 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 จะไดผลดงภาพ
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
4) ใหคงเสน path ไว ส าหรบท าสอนตอไป
6. ตกแตงลวดลายเพมเตม โดยการท าซ าขอ 4 และ 5 เพอใหไดผลลพธเปนล าดบขนดงน
1600 pixels wide and 1200
ผลลพธจะเปนตวอกษร C ทม 5 แถบส แตละแถบส จะอยคนละ layer
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
7. ระบายสใหแตละแถบส โดยเรมจากสขาวลางสดใหเปลยนเปนสมวง โดยก าหนด layer style ดงภาพ
8. หากผลลพธแตกตางไปมากกใหไปก าหนดตวเลอก Blending Option ดงน
9. ใสสใหแถบสทเหลอ ดงน
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
10. ใชวธการเดมเพอสรางเสนโคงตามความยาว ดงน
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/
11. ตกแตงความงามไปเรอยๆ
12. หากใชวธการเดยวกนสรางเปนขอความแลวตกแตง กจะสามารถสรางภาพดงตวอยางนได
เอกสารประกอบการสอนรายวชา คอมพวเตอรกราฟค ง 30246
รวบรวมโดย ครเทวญ ภพานทอง คร คศ.1 โรงเรยนนามนพทยาคม สพม.24 http://comkrutae.wordpress.com/