มาชวนสร้างตัวอักษรแบบ Chrome Text ด้วยโปรแกรม Paint.NET กันครับ


เครื่องมือที่ใช้
โปรแกรม paint.net ดาวน์โหลดได้ที่ http://www.getpaint.net/ 
paint_dot_net 

ต้องการพลั๊กอินเพิ่มเติม
Alpha Mask ดาวน์โหลดได้ที่ Import http://paintdotnet.12.forumer.com/viewtopic.php?t=2178

ขั้นตอนการสร้าง
1. สร้างเอกสารไหม่ขนาด 1000 x 200
1.1 ให้เพิ่ม layer เข้าไปครับ Layers -> Add New Layer (Ctrl + Shift + N)
1.1.1 ลองเปลี่ยนชื่อของ layer ดูครับ Layers -> Layer Properties จากนั้ก็เปลี่ยนชื่อเป็น Text (ถ้าใครไม่อยากเปลี่ยนก็ได้ครับ)
1.2 ให้เลือกเครื่องมือที่ใช้เขียนตัวอักษรครับ โดยเลือกแบบตัวอักษรเป็น Cooper Black ขนาด 120px และใช้สีเทา (gray)
1.3 เขียนข้อความตามใจชอบครับ 
thailand_gray 
1.3.1 ปรับให้อยู่ตรงกลาง Effects -> Align Object แล้วคลิกตรงปุ่มที่มีรูปวงกลมของหัวข้อ Both จากนั้นก็คลิก Ok (ข้อนี้อาจจะใช้วิธีเลื่อนเอาเองด้วยมือก็ได้ครับ ถ้าเลื่อนเองก็ข้ามขั้นตอนนี้ไปได้ครับ) 
effects_align_object 
1.4 เปลี่ยนตัวอักษรให้เป็นสีดำ
1.4.1 Adjustments -> Curves (reset ให้เส้นอยู่ในแนวทะแยงจากมุมล่างซ้ายขึ้นไปหามุมบนขวาก่อนครับ) 
curves_reset 
1.4.2 จากนั้นให้ลากจากมุมบนขวาลงมาถึงล่างขวา 
curves_drag_down 
สังเกตุดูว่าตัวอักษรจะเปลี่ยนไปเป็นสีดำ 
thailand_black 
1.5 ทำตัวอักษรและฉากหลังให้เป็นสีตรงข้ามกันครับ
1.5.1 ก่อนอื่นก็ต้องรวม layer เข้าด้วยกันก่อนครับ Image -> Flatten (Ctrl + Shift + F)
1.5.2 Adjustments -> Invert Colors (สังเกตุว่าสีจะเปลี่ยนเป็นตรงกันข้าม) 
thailand_invert_color 
1.6 เสร็จแล้วก็จัดเก็บครับ File -> Save As ตั้งชื่อว่า mask_text.png เลือกนามสกุลให้เป็น png นะครับ ไฟล์นี้จะเก็บไว้ใช้งานทีหลังครับ

2 เริ่มตกแต่งตัวอักษรให้เป็นแบบนูนๆให้ดูมีมิติครับ
2.1 Ctrl + Z กลับไปจนเจอภาพอักษรสีเทาที่เรา create ไว้ตอนแรกครับ
2.2 เมื่อเจอแล้วก็เลือกตรง Text layer ครับ
2.2.1 เลือกเครื่องมือ Magic Wan
2.2.2 เลื่อนเมาส์ไปบริเวณตัวอักษรที่เขียนไว้
2.2.3 กดปุ่ม Shift ของคีย์บอร์ดค้างไว้พร้อมกับคลิกเมาส์
2.3 เลือก Effects -> Selection -> Bevel Selection กำหนด Dept เป็น 5 
Bevel_Selection 
สังเกตุว่าตัวอัษรเปลี่ยนเป็นแบบนูนๆแล้วครับ 
thailand_bevel 

2.4 ลองเพิ่ม noise เข้าไปครับ Effects -> Noise -> Median ปรับแต่งค่าตามใจชอบครับ แต่ในที่นี้ผมใช้ตามรูปข้างล่างครับ 
effects_noise_median 
ผลลัพธ์หลังจากทำ median noise ครับ 
thailand_after_noise 

3 เริ่มทำตัวอักษรให้เป็นมันวาวครับ
3.1 เลือก Layers -> Duplicate Layer (Ctrl + Shift + D)
3.2 คลิกเลือก layer บนสุดที่เราเพิ่งทำซ้ำมาครับ จากนั้นก็เลือก Effects -> Blurs -> Gaussian Blur กำหนด Radius เป็น 20
3.3 เพิ่ม layer เพื่อทำเป็นฉากหลัง
3.3.1 เลือก Layers -> Add New Layer (Ctrl + Shift + N) แล้วเลื่อนลงมาไว้ล่างสุด
3.3.2 ให้ทำสีให้เป็นสีขาวครับ
3.3.3 จากนั้นให้รวมภาพครับ Image -> Flatten (Ctrl + Shift + F)
3.4 เลือก Effects -> Alpha Mask กับ image "mask_text.png" ที่เราจัดเก็บไว้ตอนแรก
3.5 เลือก Adjustments -> Curves แล้วก็ทำให้เป็นแบบรูปที่เห็นครับ 
adjustments_curves_1 
สังเกตุผลลัพธ์ 
thailand_after_curve1 

4 ทำตัวอักษรให้เด่นชัดอีกรอบครับ
4.1 เลือก Effects - Blurs - Gaussian Blur อีกรอบคราวนี้กำหนด radius เป็น 4
4.2 เพิ่ม layer เพื่อทำเป็นฉากหลัง
4.2.1 เลือก Layers -> Add New Layer (Ctrl + Shift + N) แล้วเลื่อนลงมาไว้ล่างสุด
4.2.2 ให้ทำสีให้เป็นสีขาวครับ
4.2.3 จากนั้นให้รวมภาพครับ Image -> Flatten (Ctrl + Shift + F)
4.3 ให้ทำ Alpha Mask กับ image "mask_text.png" อีกรอบครับ
4.4 เลือก Adjustments -> Curves ให้เป็นแบบรูปข้างล่างครับ 
adjustments_curves_2 
สังเกตุผลลัพธ์ 
thailand_after_curve2 

5 ตกแต่งเพิ่มเติมครับ
5.1 ให้ทำ duplicate text layer อีกครั้งแล้วก็ทำ Gaussian Blur top layer 4px
5.2 ให้เปลี่ยน top text Layer blending mode เป็น "Lighten"
Layers -> Layer Properties 
layers_layer_properties 
5.3 เพิ่ม layer เพื่อทำเป็นฉากหลัง
5.3.1 เลือก Layers -> Add New Layer (Ctrl + Shift + N) แล้วเลื่อนลงมาไว้ล่างสุด
5.3.2 ให้ทำสีให้เป็นสีขาวครับ
5.3.3 จากนั้นให้รวมภาพครับ Image -> Flatten (Ctrl + Shift + F)
5.4 ให้ทำ Alpha Mask กับ image "mask_text.png" อีกรอบครับ 
thailand_final 
เท่านี้เราก็สามารถเก็บไว้ใช้งานได้แล้วครับ เวลาจัดเก็บภาพควรจะกำหนดนามสกุลเป็นแบบ png นะครับ File -> Save As ตั้งชื่อว่า thailand.png

หรือเราอาจจะเพิ่ม effect ต่างๆเข้าไปก็ได้ตามใจชอบเช่น
Effects -> Photo -> Grow 
effects_photo_grow 
ผลลัพธ์ที่ได้ 
thailand_grow_effect 
ทดลองทำ effect อื่นๆดูครับก็จะได้ความสวยงามที่แตกต่างกันไป

นำไปใช้งาน โดยการ copy image เข้าใน clipboard
เปิดภาพใหม่ที่เราต้องการทำเป็น background ขึ้นมา
เพิ่ม layer ขึ้นมา แล้วกด Ctrl + V จะได้ตัวอักษรของเราปรากฏที่ layer นี้
ลองลากภาพไปวางในตำแหน่งที่เราต้องการ
ลองปรับ property ของ layer โดยลองเปลี่ยน blending mode ตามที่เราชอบ
จากนั้นก็รวม layer เข้าด้วยกัน (Ctrl + Shift + F)
Save as ไปที่ภาพใหม่
Thailand_Flower

ในขั้นตอนที่ 2 อาจลองทำสีของตัวอักษรเป็นแบบสีสายรุ้งดูครับ
2.2.3.1 Effects -> Render -> Multi Color Gradients

คำสำคัญ (Tags): #chrome text#paint.net
หมายเลขบันทึก: 301732เขียนเมื่อ 29 กันยายน 2009 11:33 น. ()แก้ไขเมื่อ 21 มิถุนายน 2012 14:07 น. ()สัญญาอนุญาต: ไม่สงวนสิทธิ์ใดๆจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (1)

ถ้า effect ตัวไหนไม่มีก็ลองไปหามาเพิ่มเติมจาก plugin ของ Paint.NET ครับ http://paint.net.amihotornot.com.au/Features/Effects/Plugins/

พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท