All Blog
การทำตัวอักษรสีทอง

บทความนี้เราจะมาทำตัวอักษรแบบสีทอง เพื่อใช้ประกอบชิ้นงานต่าง ๆ เว็บมาสเตอร์ได้ไอเดียร์นี้มา ตอนทำหน้าถวายพระพร เมื่อเดือนที่ผ่านมา เลยเอาไอเดียร์นี้มาบอกต่อเพื่อน ๆ ค่ะ









มาเริ่มกันเลยค่ะ เริ่มแรกก็สร้างชิ้นงานขึ้นมาใหม่ แล้วก็ใช้ Type Tool สร้างข้อความขึ้นมาเลยค่ะ (เลือก Font แบบไทย ๆ)









Step ต่อมาเราก็จะมาใส่ Style ให้กับข้อความที่เราสร้างไว้ โดยทำการ Double Click ที่เลเยอร์ข้อความ จะทำให้ปรากฏไดอะล็อกบ็อกซ์ Layser Style



จากนั้นเราจะมาเริ่มใส่ Style แต่ละตัวกัน เริ่มจากเลือก
Outer Glow ตามหมายเลข 2 ใส่รายละเอียดข้อมูล Structure, Elements และ Quality ตามภาพได้เลยค่ะ









ต่อมาเลือกที่
Bevel and Enboss ตามภาพที่ 3 แล้วกำหนดรายละเอียด Structure และ Shading ตามภาพในส่วน 3.1 นอกจากนี้ยังต้องเลือกในส่วนของ Contour ตามตำแหน่งที่ 3.2 แล้วกำหนดค่า Elements ตามภาพ









และใน Style ตัวสุดท้าย
Satin กำหนด Structure ตามภาพที่ 4

จากนั้นลองกด OK ดูค่ะ ได้ตามภาพกันหรือปล่าวค่ะ ถ้าได้ก็ OK แล้วค่ะ หากไม่ได้ลองใช้ Type Tool แด็กข้อความแล้วเปลี่ยนสีตัวอักษรดูค่ะ โดยเปลี่ยนตัวอักษรจากสีเหลืองเป็นสีขาวดูค่ะ

Webmaster จำไม่ค่อยได้แล้วก็ Print Screen ภาพไว้หลายอาทิตย์แล้ว กะว่าจะเอามาลงก็มีปัญหาไม่ได้ลง ตอนนี้ได้เอามาลงก็ลืม ๆ ไปบาง จำได้ว่าตอนแรกที่สร้างข้อความจะใช้เป็นสีขาว แต่ถ้าทำอย่างงั้น ก็จะไม่เห็นตัวอักษรในขั้นตอนที่ 1 เลยใส่เป็นสีเหลืองไปก่อน แล้วค่อยมาเปลี่ยนกลับเป็นสีขาวในภายหลัง ...









Tip : ในส่วนการใส่สีในการทำหนด Style ให้ใช้เครื่องมือดูดสีเอานะค่ะ (เครื่องมือตัวที่อยู่บนเครื่องมือแว่นขยาย)




Create Date : 12 พฤษภาคม 2553
Last Update : 12 พฤษภาคม 2553 23:02:01 น.
Counter : 504 Pageviews.

0 comment
เทคนิคการทำภาพแบบมีรัศมี แท่น แทน แท้น !!!














บทความนี้เราจะมาทำ Workshop photoshop แบบเทคนิคการทำภาพแบบมีรัศมี ซึ่ง
Workshop นี้ทำได้ไม่ยากค่ะ และสามารถนำไปประกอบเป็นภาพกราฟิคได้หลากหลาย
โดยเฉพาะที่เราเห็น ๆ ผ่านตาอยู่บ่อย ๆ ก็คือเอาไปทำ Banner นั้นเองค่ะ
ใครสนใจก็เข้ามาชมกันได้ที่นี่ค่ะ







































เอาละค่ะ พร้อมกันรึยัง ถ้าพร้อมแล้วลุยกันเลย

ขั้นตอนที่ 1 เริ่มแรกเลย...
สร้างชิ้นงานขึ้นมาใหม่ โดยการใช้คำสั่ง File --> New
แล้วก็เทสีเขียวให้กับ Layer ที่ 1 ตามภาพที่ 1 ค่ะ


จากนั้นเมื่อเราได้พื้นสีเขียวแล้ว ให้ทำการสร้าง Layer เพิ่มอีกหนึ่ง
Layer โดยเลือกคำสั่ง Layer-->New-->Layer จาก Menu Bar


จากนั้นให้เริ่มทำการ Select พื้นที่เป็นช่อง ๆ ตามภาพที่1 ค่ะ

วิธีการ Slection ก่อนอื่นให้เลือกใช้เครื่องมือ Selection
แบบสี่เหลี่ยม จากนั้นสังเกตบริเวณออฟชั่นบาร์ แล้วเลือกออฟชั่นของ
Slection ให้เป็นแบบ Add to Slection แล้วจึงเริ่ม Select
พื้นที่ให้ได้ตามภาพที่ 1 (Selection
โดยเว้นระยะขอบซ้ายและขวาของชิ้นงานด้วย)






























ขั้นตอนที่ 2 เมื่อ Selection
ได้ดังภาพที่ 1 แล้วให้ทำการเทสี foreground
(สีเขียวอ่อน/เลือกสีที่ตัดกับสีแรก) ลงไปใน Layer ที่สอง
ซึ่งจะได้ผลตามภาพที่ 2

ขั้นตอนที่ 3 ให้คลิกที่ Layer ที่ 2
จากนั้นเลือกใช้คำสั่ง Filter-->Distort-->Polar Coordinates...
ดังภาพที่ 3






























ขั้นตอนที่ 4 จากนั้นจะมีไดอะล็อกบ๊อก
Polar Coordinates ขึ้นมา ให้เลือกเป็นแบบ Rectangular to Polar แล้วคลิก
OK































แค่นี้ก็เสร็จเรียบร้อยแล้วค่ะ ถ้าเอาไปทำภาพประกอบ Banner
แบบเปิดตัวสินค้า ฯลฯ ก็ได้ค่ะ จะออกมาเป็นแนว แท่น แทน แท้น !!!
อย่างจำพวก Banner เปิดตัวละครเกาหลีก็เห็นเป็นแบบนี้อยู่ออกบ่อย
หรือเอาไปทำ Animation แบบหมุน ๆ นั้นก็ก็ได้ค่ะ ลองเอาไป App กันนะค่ะ













Cradit:
thainextstep.com





Create Date : 11 พฤษภาคม 2553
Last Update : 11 พฤษภาคม 2553 19:10:30 น.
Counter : 1465 Pageviews.

0 comment
การสร้างภาพเซ็นเซอร์
ในบ้างครั้ง เราอาจมีรูปภาที่ไม่เหมาะสม ไม่อยากจะแสดงให้คนเห็นชัด ๆ เราก็อาจทำภาพบริเวณนั้น ให้เป็นลักษณะภาพเซ็นเซอร์ได้ค่ะ ลองเข้ามาดูค่ะ ว่าใช้เทคนิควิธีการอย่างไร



ขั้นตอนที่ 1 เริ่มต้นเปิดไฟล์ภาพที่เราต้องการนำมาปรับแต่ง โดยไปที่เมนูบาร์ คลิกที่ File --> Open



ขั้นตอนที่ 2 ใช้เครื่องมือ Polygonal Lasso Tool จาก Tool box ทำการ Selection ภาพให้ครบคุมวัตถุที่เราจะทำการเซ็นเซอร์





ขั้นตอนที่ 3 เมื่อทำการ Selection ภาพให้ครบคุมวัตถุได้แล้ว ใช้คำสั่ง Filter --> Texture --> Patchwork จะทให้ปรากฏไดอะล็อกบ็อกซ์ Patchwork ขึ้นมา ให้ทำการกำหนดค่าดังภาพ





กด OK ก็เป็นเสร็จเรียบร้อยแล้วค่ะ




















































Cradit:
thainextstep.com




Create Date : 11 พฤษภาคม 2553
Last Update : 11 พฤษภาคม 2553 17:12:12 น.
Counter : 428 Pageviews.

0 comment
เปลี่ยนภาพถ่ายให้เป็นภาพวาด สีน้ำ














ในบทความนี้เราจะมาใช้เทคนิค Photoshop มาเปลี่ยนภาพธรรมดา ๆ
ให้กลายเป็นภาพแนวศิลป์ แบบภาพวาดสีน้ำ ที่ดูดีไปอีกแบบ วิธีการทำ Workshop
นี้ก็ไม่ยุ่งยากมากนัก ใครสนใจก็เข้ามาดูกันเลยค่ะ






















เรามาทำ Workshop Photoshop นี้ ไปพร้อม ๆ กันเลยค่ะ เริ่มแรกก็เข้าโปรแกรม
Photoshop
จากนั้นก็เลือกภาพที่เราต้องการเข้ามาค่ะ
แล้วมาลงมือทำกันเลย

ขั้นตอนที่ 1 หลังจากนำภาพเข้ามาแล้วให้
ทำการ Duplicate Layer : Background โดยใช้คีย์ลัด กดปุ่ม Ctrl+J
จากนั้นก็เปลี่ยนชื่อ Layer เป็น blur ตามภาพที่ ตำแหน่งที่ 1


จากนั้นให้คลิกที่ Layer : blur และใช้คำสั่ง Filter ---> Blur --->
Smart Blur แล้วกำหนดค่า Radius = 10, Threshold = 30
ซึ่งจะทำให้ได้ภาพตามภาพตำแหน่งที่ 1





















ขั้นตอนที่ 2 ให้ทำการ Duplicate Layer :
Background อีกครั้ง จากนั้นกำหนดให้อยู่ข้างบน Layer : blur
และให้ตั้งชื่อ Layer ใหม่นี้ว่า Outlines จากนั้นใช้คำสั่ง Filter >
Stylize > Glowing Edges แล้วปรับค่า Edge Width = 1, Edge Brightness =
12 และ Smoothness = 15 จะได้ภาพที่มีลักษณะเป็นสีดำ และมีลายเส้นของภาพ


จริง ๆ แล้วในการกำหนดขั้นตอนนี้ ไม่จำเป็นต้องกำหนดค่าตามนี้ก็ได้
แต่ให้สังเกตค่าที่เราใช้ ว่าเมือใช้แล้วยังมีลายเส้นของภาพอยู่หรือไม่
ซึ่งไม่ต้องเป็นลายเส้นที่หนา หรือชัดเจนมากนัก แต่ขอแค่ให้มีลายเส้นของภาพ





















ขั้นตอนที่ 3
เมื่อได้ภาพลายเส้นสีดำแล้้ว ให้ใช้คำสั่ง Image ---> Adjustments
---> Invert เพื่อทำการกลับสีของภาพให้เป็นตรงกันข้าม
จากนั้นให้ใช้คำสั่ง Image ---> Adjustments ---> Desaturate
เพื่อทำให้ภาพกลายเป็นสี ขาว ดำ จากนั้นปรับค่าของ Layer : Outlines
ให้เป็น Multiply และลดค่าความทึบของภาพ โดยกำหนดค่า Opacity = 80
ซึ่งจะได้ผลลัพธ์ของขั้นตอนนี้ตามภาพที่ 4





















ขั้นตอนที่ 4 ให้ทำการ Duplicate Layer :
blur แล้วตั้งชื่อว่า Painting โดยให้ Layer : Painting อยู่บน Layer :
blur จากนั้นให้คลิกที่ Layer : Painting แล้วใช้คำสั่ง Image --->
Adjustments ---> Invert แล้วกำหนดค่าของ Layer ให้เป็น Color Dodge
ตามภาพตำแหน่งที่ 4





















ขั้นตอนที่ 5 ให้ทำการเลือก Brush
ที่มีหัว Brush ในลักษณะไม่เรียบ ขั้นตอนนี้ให้คลิกเลือก Brush จากบริเวณ
Option Bar ด้านบน แล้วคลิกที่บริเวณที่เป็นลูกศร ด้านขวาบน แล้วเลือกเป็น
Brush ประเภท Dry Brush และกำหนดค่า Opacity = 10% ตามภาพที่ตำแหน่งที่ 5


ใครที่รู้สึกว่างง ตามไม่ทัน ให้ไปดูวิธีการเลือกหัว Brush และการปรับค่า
Brush จากบทความชื่อ การทำข้อความแบบมีเวทมนต์ ซึ่งจะอยู่ในขั้นตอนที่ 6


ถ้าหากไม่มี Brush ประเภท Dry Brush ก็ลองเลือกตัวประเภทอื่น ๆ ก็ได้ค่ะ
อย่างประเภท Dry Media Brushes เว็บมาสเตอร์ก็ใช้ประเภทนี้เหมือนกัน


เมื่อเราเลือก Brush และกำหนดค่า Brush เรียบร้อยแล้วให้กำหนดค่าสี
foreground เป็น #000000 (สีดำ) จากนั้นใช้ Brush ลากลงบน Layer : Painting
ให้ทั่ว (ควรระบายไล่ไปจากมุ่มขวาบน เหมือนเราระบายสีรูป)
ในส่วนไหนที่เราจะเน้นเป็นพิเศษ ก็ให้เราระบายซัก 2 -3 รอบ (ระบายให้ทั่ว 1
รอบก่อน แล้วค่อยมาเก็บรายละเอียด เราอาจเลือกใช้ Brush ธรรมดา เส้นเล็ก ๆ
เพื่อมาเก็บลายละเอียดเส้นอีกทีก็ได้)

เมื่อระบายจนทั่วแล้ว
เราก็จะได้ผลลัพธ์ตามภาพสุดท้าย เป็นไงค่ะ ดูป็นภาพสีน้ำบ้างรึปล่าวค่ะ
ลองเอาเทคนิค Work Shop Photoshop นี้ไปใช้ดูนะค่ะ ...


















































Cradit: thainextstep.com






Create Date : 11 พฤษภาคม 2553
Last Update : 11 พฤษภาคม 2553 16:52:20 น.
Counter : 781 Pageviews.

0 comment
Highlight photo elements using glaring color

I love effect when some element on grayscale photo is highlighted
using bright color, for example lips or eyes color on the face, without
changing element texture. I want to show how to do this in Adobe
Photoshop CS2.



First we will open photo in Photoshop, discolor it using
Image/Adjustments/Desaturate:


Source image


Using Polygonal Lasso tool will select area, which will be painted
over, but previously set Feather value to 1px to get avoid sharp edge of
lips:


Selection area


Now will select Brush tool and set following options:


Brush settings


I choosed following foreground color for the lips: BC2805. Then I painted
over lips and removed selection. We can enlarge brush size and paint
cheeks a little using the same color. We got attractive girl with red
lips:


Result image




















































Create Date : 11 พฤษภาคม 2553
Last Update : 11 พฤษภาคม 2553 16:21:10 น.
Counter : 401 Pageviews.

0 comment
1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  

ชีวานรินทร์
Location :
  

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 ฝากข้อความหลังไมค์
 Rss Feed
 Smember
 ผู้ติดตามบล็อก : 3 คน [?]