โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ
♥۰ (สร้างตัวอักษรด้วยเทคนิค Photoshop ) ۰♥ # อัพเพิ่ม ' วิธีทำตัวอักษรเจล !
AsTs
#1
18-10-2011 - 18:26:45

#1 AsTs  [ 18-10-2011 - 18:26:45 ]






สารบัญญญ ~!

สร้างตัวอักษร 3D ด้วยเทคนิค Photo Shop หน้า 1 เรป 1

สร้างตัวอักษรเจล ด้วยเทคนิค Photo Shop หน้า 1 เรป 16


ขั้นตอนที่ 1 เปิดโปรแกรม Microsoft Word เพื่อทำตัวอักษร 3D !?
คิดว่าเพื่อนๆทุกคนคงจะเคยจับโปรแกรม Microsoft Word มาบ้างละ เพราะฉะนั้นคงไม่ยากไปนะ ^^

>> เลือกคำสั่งใส่ "อักษรศิลป์" หรือตัวอักษร 3มิติ ที่เราคุ้นเคยกันใน Word (มั้ง?)



>> พิมพ์ข้อความที่ต้องการพร้อมเลือกฟ้อนต์



>> ปรับมุมมองของภาพ 3 มิติ และเลือกไล่ระดับสีอย่างที่ต้องการ

(ไม่ต้องซีเรียสเรื่องสีตัวอักษร )



>> เสร็จแล้วกดปุ่ม Print Screen บนคีย์บอร์ด
>> เปิดโปรแกรม Photoshop สร้างไฟล์ขึ้นมาใหม่
>> กด Ctrl+V เพื่อวางภาพที่ Print Screen ลงไป
>> ใช้ Move Tool เลื่อนตัวอักษรให้อยู่ตำแหน่งที่ต้องการ (ถ้าขนาดไม่ได้กด Ctrl+T เพื่อย่อ-ขยายช่วย)
>> ใช้ Magic Wand Tool ปรับ Tolerance ประมาณ 5 แล้วคลิกลงไปบริเวณ Background สีขาวของตัวอักษรจากนั้นกด Delete



ขั้นตอนที่ 2 ตกแต่ง Background พร้อมเปลี่ยนสีตัวอักษร
d
>> ดับเบิ้ลคลิกที่ Layer "Background" แล้วกด OK เพื่อปลดล็อคแม่กุญแจออก
>> ดับเบิ้ลคลิกที่ Layer "Background" อีกครั้ง แล้วเลือก Gradient Overlay
>> ปรับสีเป็น ขาว ฝั่งนึง และ สีฟ้า (#0AACFF) ฝั่งนึง
>> เลือก Style เป็น Radial
>> ปรับ Scale 150% แล้วกด OK



>> เลือกที่ Layer ตัวอักษรของเราแล้วกด Ctrl+U
>> ติ๊กถูกที่ช่อง Colorize
>> ปรับค่า Saturation ประมาณ 50
>> Lightness 0
>> ส่วนค่า Hue ลองเลื่อนและดูผลว่าพอใจกับสีไหน แล้วกด OK



พอดีอยากได้ตัวอักษรสีเขียวมาใช้ก็ OK เลย



>> ใช้ Crop Tool ลากทั้งหน้าจอและกด Enter 1 ครั้ง (ทำเพื่อลบส่วนที่เรา Print Screen มาแต่อยู่นอกเฟรมของหน้าจอออกไป)
>> เลือก Layer ตัวอักษร แล้วกด Ctrl+J เพื่อ Copy Layer จะได้ Layer 1 copy มา
>> เลือก Layer 1 แล้วไปที่ Filter > Blur > Gaussin Blur ปรับ Radius ประมาณ 4.5 pixels กด OK

Note: Layer ที่เบลอต้องเป็น Layer ที่อยู่ล่าง Layer ตัวอักษรที่ชัดเพื่อที่จะได้ดูมีแสงออร่าด้านหลังตัวอักษร



ขั้นตอนที่ 3 ใส่ไอเดียลงไปบนตัวอักษร
ก่อนอื่น Dowload Brush "Cherry Bomb" คลิกที่นี้ >> http://www.mediafire.com/?ewuog5rzy7ka9bz

>> สร้าง Layer ขึ้นมาใหม่ (ตำแหน่ง Layer นี้ต้องอยู่เหนือ Layer ตัวอักษร)
>> เลือกใช้ Brush ที่โหลดมาซักลาย แล้วปรับขนาดให้เล็กๆ พอประมาณ (ถ้าไม่เคยโหลดบรัชใช้ลองย้อนไปดูที่ http://ifreephotoshop.blogspot.com/2010/10/tutor-photoshop.html)
>> กด Alt ค้างดูดสีบริเวณใกล้ๆ
>> คลิกระบายสีลงไปบริเวณที่จะระบายซ้ำๆสัก 3 ที



ระบายด้วย Brush "Cherry Bomb" จนกว่าจะพอใจ แต่อย่าใส่เยอะไปเดี๋ยวจะเลอะเทอะ



ขั้นตอนที่ 4 ใ่ส่ใจในรายละเอียดกับ Background อีกนิดนึง
ก่อนอื่นโหลด Brush "Decimation" ก่อน คลิกที่นี้ >> http://www.mediafire.com/?d67p5amj8aa7d6y

>> สร้าง Layer ขึ้นมาใหม่อยู่เหนือ Layer "Background" สีฟ้าของเรา
>> จากนั้นใช้ Brush ที่โหลดมาปรับขนาดพอเหมาะ แล้วเลือกสีขาว
>> ระบายไปด้านหลังตัวอักษร 2-3 จุด จะได้ลักษณะดังรูปตัวอย่าง



ขั้นตอนที่ 4 ใส่ใจในรายละเอียดกับตัวอักษรอีกครั้ง ด้วยการทำตัวอักษรหยดย้อย

>> ใช้ Brush ธรรมดาปรับ Hardness 100%
>> กด Alt ค้างและคลิกดูดสีบริเวณใกล้เคียง
>> ระบายลงมาให้เหมือนลักษณะดังรูป

Tip: อยากให้เส้นที่ลากลงมาตรงเป๊ะ ลองกด Shift ค้างและใช้ Brush ลากลงมาดูสิ



ทำตัวอักษรไหลย้อยพอประมาณ



ขั้นตอนที่ 5 ใส่รายละเอียดครั้งสุดท้ายเพื่อให้ตัวอักษรดูเด่นกว่าเดิม!!

>> สร้าง Layer ขึ้นมาใหม่ ไว้ในตำแหน่งบนสุด
>> ใช้ Marquee Tool แบบวงกลมสร้าง Selection ดังรูป
>> กด Ctrl+Shift+I เพื่อกลับ Selection
>> กด Ctrl+Alt+D ปรับค่า Feather ประมาณ 30
>> เลือก Foreground เป็นสีดำ แล้วกด Alt+Del เพื่อลงสีใน Selection



ปรับโหมดของ Layer นี้เป็น Overlay แล้วถ้าสีขอบเข้มไปลองลด Opacity ลงตามต้องการในรูปตัวอย่างนี้ก็ลดไปเหลือ 50%



เสร็จแล้วครับกับงาน Graphic ตัวอักษร 3D ชุดนี้ ซึ่งได้นำ Microsoft Word และ Brush มาประยุกต์ใช้เพื่อให้ได้งานที่สวยและไว

เครดิต : http://ifreephotoshop.blogspot.com/

อันนี้ จขกท.ก็ไปลองทำมา ( ห่วยสิ้นดี )




ถ้าชอบ >> เม้น ให้ดาว หรือหัวใจ เพื่อเป็นกำลังใจแก จขกท.นะครับ


แก้ไขล่าสุดเมื่อ 2011-10-19 14:33:45
lovemiku
Mimaki
kitty09
vivianw3
สืบ อุดมการณ์
MingMing2

lovemiku
#2
18-10-2011 - 18:27:42

#2 lovemiku  [ 18-10-2011 - 18:27:42 ]






โอ้ว ขอบคุณคะ


ชั้นมันก้อแค่ชาชัก
#3
ชั้นมันก้อแค่ชาชัก
18-10-2011 - 18:31:26

#3 ชั้นมันก้อแค่ชาชัก  [ 18-10-2011 - 18:31:26 ]




ว้าว ว้าว ขอบคุณคะ



โห้ ! เกรด TT
momoza123
#4
18-10-2011 - 18:36:08

#4 momoza123  [ 18-10-2011 - 18:36:08 ]





ขอบคุณค่ะ



SV
jamlove9
#5
18-10-2011 - 18:36:54

#5 jamlove9  [ 18-10-2011 - 18:36:54 ]





มี ประ โยช์ มาก

ไว้ ทำรายงาน


Mimaki
#6
18-10-2011 - 18:39:47

#6 Mimaki  [ 18-10-2011 - 18:39:47 ]







มีประโยชน์มากเลยน้องพลอย !~

ขอบคุณน้าจ๊ะ >'D


Ritz_Mike
#7
18-10-2011 - 18:46:03

#7 Ritz_Mike  [ 18-10-2011 - 18:46:03 ]




สวยมากๆเลยครับ


AsTs
#8
18-10-2011 - 19:48:12

#8 AsTs  [ 18-10-2011 - 19:48:12 ]






ขอบคุณค่ะ

ขออนุญาติ ดัน =w=


kitty09
#9
18-10-2011 - 19:54:39

#9 kitty09  [ 18-10-2011 - 19:54:39 ]





ขอบคุณค่ะ^^


kitty09
#10
18-10-2011 - 19:54:55

#10 kitty09  [ 18-10-2011 - 19:54:55 ]





ขอบคุณค่ะ^^


kitty09
#11
18-10-2011 - 19:55:04

#11 kitty09  [ 18-10-2011 - 19:55:04 ]





ขอบคุณค่ะ^^


kitty09
#12
18-10-2011 - 19:55:12

#12 kitty09  [ 18-10-2011 - 19:55:12 ]





ขอบคุณค่ะ^^


kitty09
#13
18-10-2011 - 19:55:20

#13 kitty09  [ 18-10-2011 - 19:55:20 ]





ขอบคุณค่ะ^^


kitty09
#14
18-10-2011 - 19:55:24

#14 kitty09  [ 18-10-2011 - 19:55:24 ]





ขอบคุณค่ะ^^


Ghostpimmy nn
#15
18-10-2011 - 20:48:14

#15 Ghostpimmy nn  [ 18-10-2011 - 20:48:14 ]





ว้าว
เป็นข้อมูลที่เจ๋งมาก เจ๋งจนน่าอิจฉา (เป็น mac มันเล่นไม่ได้ ฮือ~ TT^TT )



we never go out of style
AsTs
#16
19-10-2011 - 14:29:36

#16 AsTs  [ 19-10-2011 - 14:29:36 ]






อัพเพิ่มม !

ทำตัวอักษรเจลด้วยเทคนิค Photo Shop ><

ขั้นตอนที่ 1 สร้างหน้ากระดาษขึ้นมาใหม่แล้วพิมพ์ข้อความที่ต้องการลงไป เรื่องสีตัวอักษรใส่สีอะไรไปก็ได้



ขั้นตอนที่ 2 ปรับแต่ง Add a layer style ให้ตัวอักษรเป็นเจลใส
Add a layer style โดยการกดปุ่มรูปตัว F ด้านล่างหน้าต่าง Layer แล้วเลือก Drop Shadow ทำการปรับค่าดังนี้

>> Opacity 80%
>> Angle 120%
>> Distance 2 px
>> Spread 17%
>> Size 6 px



เลือกที่ Inner Shadow และทำการปรับค่า

>> Opacity 70%
>> Angle 120%
>> Distance 3 px
>> Choke 0%
>> Size 6 px



เลือก Outer Glow ทำการปรับค่าต่อ

>> Blend Mode : Overlay
>> Opacity 30%
>> เปลี่ยนสีของแสงเป็นสีขาว
>> Size 6 px



เลือก Bevel and Emboss ปรับค่า

>> Size 8 px
>> Angle 120 องศา
>> เอาติ๊ก Use Global Light ออกไป
>> Altitude 70 องศา
>> Opacity ของ Highligt เป็น 100%
>> Shadow Mode : Color Burn
>> Opacity ของ Shadow Mode เป็น 15%

ปล.จาก จขกท.ถ้าตัวอักษรมันไม่นูนพอ หรือมันแบนไป = =" ให้ปรับ Size เพิ่มขึ้นหน่อยครับ



เลือก Color Overlay ปรับค่า

>> Blend Mode : Screen
>> เปลี่ยนเป็นสีขาว
>> Opacity 10%



เพื่อความสุดยอดของผลงานเลือก Satin และปรับค่าต่อ - -"

>> Blend Mode : Normal
>> เปลี่ยนเป็นสีขาว
>> Opacity 4%
>> Angle 135 องศา
>> Distance 4 px
>> Size 6 px
>> Contour เปลี่ยนเป็นเส้นเฉียงดังรูป
>> ติ๊กถูกที่ Anti-aliased
>> แล้วอย่าลืมเอาติ๊กที่ Invert ออก



เลือก Stoke ปรับค่า

>> Size 1 px
>> Opacity 56%
>> เปลี่ยนเป็นสีดำ



เสร็จไปกับการปรับค่า style ซึ่งค่อนข้างเยอะพอสมควร

ขั้นตอนที่ 3 ตอนนี้เราจะเห็นตัวอักษรดูมันๆนูนๆเต็มที่ละ ให้เพื่อนๆปรับค่า Fill ของ Layer ตัวอักษรนี้ให้เป็น 0% ตัวอักษรของเพื่อนๆก็จะเป็นสีใสๆละ



อันนี้ จขกท.ก็ไปทำมาอีกเช่นเคย ( = =" )



เครดิต : http://ifreephotoshop.blogspot.com

ถ้าชอบ >> เม้น ให้ดาว หรือหัวใจ เพื่อเป็นกำลังใจแก่ จขกท.นะครับ






แก้ไขล่าสุดเมื่อ 2011-10-19 14:29:51
MingMing2

NongKaro
#17
19-10-2011 - 15:16:20

#17 NongKaro  [ 19-10-2011 - 15:16:20 ]




ขอบคุณค่ะ


Tong43
#18
19-10-2011 - 20:58:00

#18 Tong43  [ 19-10-2011 - 20:58:00 ]





พี่พลอย สอนเหรอเนี่ย
ขอบคุณครับ ^ ^



It's been a while...
Mimaki
#19
20-10-2011 - 01:21:00

#19 Mimaki  [ 20-10-2011 - 01:21:00 ]







น้องพลอยเก่งจังเลยอะ เก่งกว่าพี่อีก ~~(T^T)~~


  • 1

ลงข้อความได้เฉพาะสมาชิก
ต้องสมัครเป็นสมาชิกและ login เข้าสู่ระบบก่อนถึงจะสามารถลงความเห็นได้
เข้าสู่ระบบสมัครสมาชิก



โปรดศึกษาและยอมรับนโยบายส่วนบุคคนก่อนเริ่มใช้งาน [นโยบายส่วนบุคคล]
ยอมรับ