Bloggang.com : ชีวานรินทร์ -

Group Blog

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 : 924 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 : 2207 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 : 762 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 : 1130 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:

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:

Now will select Brush tool and set following options:

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: