2006/Nov/12

มาตามนัดครับผม หลังจากหายไปหลายวันอยู่ เทคนิคที่ทำไว้ก็ได้อัพซะทีเนอะ - -* เอาเป็นว่ามาชมและลองทำกันดูนะครับ

บางคนอาจจะบอกว่าทำไมวันนี้มาแปลก มาถึงก็ขึ้นเนื้อหาเลย ก็อยากจะบอกว่า "หมดมุขครับ ไม่มีอะไรจะบ่นละ แหะๆ"

ไว้ถ้ามีเรื่องจะบ่นเดี๋ยวอัพใหม่อีกเอนทรีนึงก็ได้ครับ... -o-"

>> ว่าด้วยการ Opacity

Opacity นะครับ ก็คือการทำวัตถุนั้นๆ ให้โปรงใสนะครับ ไม่ว่าจะเป็น Layer , Shape , Text , Brush ต่างๆครับ ซึ่งการปรับค่า Opacity นั้นทำได้โดยดูที่แถบ Layers ด้านล่างครับ จะเห็นคำว่า Opacity อยู่ ให้ใส่ค่าความโปร่งใส (1-100%) ในช่องสี่เหลี่ยมได้เลยครับผม


แต่จะใส่ค่า Opacity ให้กับ Background ไม่ได้นะครับ ^^"

>> การใส่ Opacity ให้กับ Layers

ค่า Opacity ที่ 100%

ค่า Opacity ที่ 50%

>> การใส่ Opacity ให้กับ Text

ค่า Opacity ที่ 100%

ค่า Opacity ที่ 50%


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

ในที่นี้เราจะทำการตกแต่ง แบบนำ Shape , Text , Gradient Tool มาใช้นะ

1. เปิดไฟล์ภาพที่ต้องการ

2. สร้าง Shape โดยการคลิกที่ Rectangle Tool ในแถบเครื่องมือด้านซ้าย

3. ลากลงภาพเลยครับ ดูที่แถบ Layers เห็นมั้ยว่าจะมี Layer ของ Shape ขึ้นมาเพิ่มอันนึง

4. ให้คลิกขวา แล้วเลือก Rasterize layer ครับ (เพื่อสะดวกในการจัดภาพ เพราะถ้าไม่กด Rasterize layer ตรง Shape จะมีกรอบเหลี่ยมๆ รำคาญตาครับ) เสร็จแล้ว เลือกค่า Opacity ตามต้องการเลยครับ

5. สามารถใส่ Blending Options ให้กับ Shape ได้ครับโดยคลิกขวาที่ Shape ในแถบ Layers แล้วเลือก Blending Options

6. เรียบร้อยครับสำหรับการสร้าง Shape (ในภาพเราใช้ Gradient Overlay ให้กับ Shape นะ)

7. ทำการสร้าง Text ครับ โดยคลิกที่ Horizontal Type Tool ในแถบเครื่องมือด้ายซ้าย (รูปตัวที) แล้วพิมพ์ข้อความเลย

8. พิมพ์เสร็จแล้ว เราต้องการให้ข้อความมันอยู่ในแนวตั้ง ก็ทำการหมุน โดยไปที่ Edit > Transform > Rotate
คลิกเสร็จจะเห็นเป็นกรอบสี่เหลี่ยม ให้เอาเม้าส์ไปชี้ที่ขอบมุมขวาล่าง จะเห็นเป็นรูปลูกศร 2 หัว โค้งๆ ก็ให้คลิกค้างแล้วเลื่อนเม้าส์เพื่อหมุนได้เลย

9. หรือเพื่อความละเอียดก็ให้ดูที่แถบด้านบน จะเห็นช่องสี่เหลี่ยมดังภาพ ให้ใส่ค่าลงไปว่าจะให้รูปหมุนไปกี่องศา

10. เสร็จแล้วคลิกที่ Tools อะไรก็ได้ในด้านซ้าย จะเห็นกรอบข้อความขึ้นมาดังภาพ ให้กด Apply เลย

11. ใส่ค่า Opacity ตามใจอีกเช่นเคย และจัดตำแหน่งให้ดีครับ (ในภาพเราให้ Text อยู่ที่ 90 องศา นะ)

12. ลองเอาไฟล์ภาพมาใส่ดูนะครับ เปิดไฟล์ภาพเลย

13. จับลาก แล้วทำการหมุนโดยวิธีข้างต้นครับ ปรับค่า Opacity ตามใจ แล้วจัดตำแหน่งครับ (ในภาพเราใส่ Text เพิ่มเข้ามาด้วย) ตามด้วยเซฟเลย เป็นอันเสร็จเรียบร้อยครับ แต่เรายังมีเทคนิคต่อเนื่องไปอีก ถือซะว่าเราแถมให้ละกันเนอะ - -"

Gradient Tool + Rasterize Layer

เป็นการฟิวชั่นกันระหว่าง Tools 2 ตัวครับผม ผสมผสานกันอย่างลงตัวเลยทีเดียว..

1. ทำการสร้าง Shape ลงบนภาพเช่นเคย แล้วตั้งค่า Opacity เท่าไหร่ก็ได้แต่ให้น้อยกว่า 50% แล้วคลิกขวา เลือก Rasterize Layer เสร็จแล้วให้คลิกที่ Gradient Tool ครับ

2. ลากลงบนภาพเลยครับ ^^"

3. จะเห็นได้ว่าภาพจะมีการไล่สี ซึ่งสีสามารถปรับได้ใน Foreground/Background ตรง Tools แหละครับ
ส่วนทิศทางการลากก็ลากไปทางไหน จะไล่ไปทางนั้นแหละครับ

แต่บางคนยังสงสัยว่า เมื่อสร้าง Shape ทำไมต้องใช้ค่า Opacity น้อยกว่า 50% ด้วย
ก็คือการ Rasterize Layer นั้น เหมือนกับการนำ Shape วางซ้อนบนภาพอีกชั้นนึง ซึ่งจะเห็นได้ว่าถ้าใช้ค่า Opacity ที่ 100% จะไม่เห็นภาพเลย ไม่เชื่อลองดู..


Gradient Map

1. วิธีใช้นะครับ ก่อนอื่นเปิดไฟล์ภาพมาก่อน แล้วไปที่ Image > Adjustment > Gradient Map (ในที่นี้เราใช้ภาพเดิมจากมะกี้นะครับ)

2. จะมีแถบ Gradient Map ขึ้นมานะครับ คลิกถูกที่ Dither และ Reverse ครับ เพื่อจะทำให้ภาพนั้น มีเฉดสีที่ตรงข้ามกันกับตอนก่อน Gradient Map

3. ตามผลงานครับ เสร็จแล้วก็เซฟเลย..

ก็ขอจบลงด้วยเอวัง ละ ฉะนี้ เทอญ.. เพราะว่าต้องจรลี ไปทำงาน ภาษาไทย ก่อนครับ

สงสัยตรงไหน กระไร ก็ขอใคร่เชิญชวน พี่น้อง ร่วมกัน ลงความเห็น ลงใน "กล่องคอมเม้นท์" ด้วย

จักขอบพระคุณอย่างยิ่งยวด.. - -"


Comment

Comment:

Tweet


Whenever you do not know in what way to take the the best working place, turn to bureaus available on the Internet which offer to order resume "perfect-resume.com".
#41 by resume writing (103.7.57.18|91.201.64.16) At 2012-09-06 19:05,
I appreciate your data about this good topic. I wanted tell that I haven’t look at a kind of talented writer before. Can you accomplish the really well written thesis topthesis.com and just thesis sample?
#40 by dissertation (103.7.57.18|31.184.238.21) At 2012-07-07 00:14,
Expert essay writing service is , if you visit this website (topwritingservice.com) and buy papers from the recommended team of writers.
#39 by order papers online (103.7.57.18|31.184.238.21) At 2012-07-06 17:07,
We are the best article distribution services (topqualitybacklinks.com), just because we provide hand operated article submissions to very high page rank internet sites. Moreover, we select various anchor text. Hence, you will have professional articles submission in such a way!
#38 by article distribution services (103.7.57.18|31.184.238.21) At 2012-07-03 22:02,
That is not expensive to select the dissertation writing receive the hot outcome connecting with this good post and bring it to thesis service. And the essay writing service could thank you for it!
#37 by buy dissertation (91.212.226.136) At 2012-01-09 10:55,
Your article about this good topic is very newsworthy. I will probably select the essay writing services to buy an essay or pre written essay just about this good post, because it is the interesting.
#36 by buy essay (94.242.214.6) At 2011-12-07 10:43,
Different people all over the world get the business loans from different creditors, because it's simple and comfortable.
#35 by business loans (91.212.226.143) At 2011-11-12 01:30,
I appreciate your graphic design work.
#34 by Creative Logos Gallery (110.37.55.42) At 2010-10-26 22:27,
<a href="http://tvmpkggytrqplaz.com">fkfurytpmxfdavp</a> http://zfmeqbgfivnzarp.com [url=http://pcxtpfyhoqmqump.com]fyutdomqtcdqaiw[/url]
#33 by lxejxtgjdv (94.102.52.87) At 2010-06-07 20:12,
อยากบอกว่า ภาพสวยดีค่ะ

แต่รู้สึกว่าเวลาอ่านดู

นานกว่าจะเห็นแต่ละขั้นตอน

และน่าจะแบ่งสอนเป็นหน้าๆ รวมแบบนี้

แล้วยาวเกินค่ะ ช้าด้วย

แต่ขอชื่นชมผลงาน จะขอนำไปใช้

ขอบคุณค่าbig smile confused smile double wink
#32 by jig (124.157.139.176) At 2009-05-14 19:09,
เสียจัย
#31 by นาย (125.26.71.89) At 2008-02-21 09:00,
Hello! Good Site! Thanks you! sofqgyelimzs
#30 by pxyvwaupgg (217.221.90.178) At 2008-01-28 09:14,
เอามาจากเว็บไหนหรอ
#29 by ........... (125.26.240.247) At 2007-07-10 13:44,
ด่วน! ทดลองเรียน ฟรี! (จำนวนจำกัด)
#28 by off (58.64.121.136) At 2007-04-17 18:18,
ขอ add ด้วยคนก๊าบ
#27 by Tasartir...¤¸¸.·´¯`·.¸·.>>--» At 2007-03-16 22:07,
โว้วววววววววววววววววววววววววววว
ขอบพระคุงมากๆก๊าบบบบบบบบบบบบ
^^ ได้เทคนิคดีดีอีกอันแย้วจิ
#26 by Un-NameD (203.113.57.68) At 2007-02-03 22:17,
เก่งจิน่ะ พ่อคุน
#25 by dew (124.120.89.70) At 2006-11-22 21:21,
เก่งจังเน้อ ว่างๆสอนมดมั่งดิ ลงคอร์สเรียนกะพี่เลยได้ป่ะ อยากทำแต่ทำไม่เปน แหะๆ+กับความขี้เกียจอีกเล็กน้อย(จิงๆนะ)ขอบคุณที่มาเม้นให้เน้อออองัยๆก้มาเม้นอีกนะฮับ
#24 by มดอาโลนโล่นโล้น At 2006-11-22 19:59,
รู้สึกจะกลับเร็วมั๊กๆนะ มะรุไปหาใครหรือปล่าว แต่เหงกลับตั้งแต่เที่ยงแย้วหุหุ
#23 by Kttz (58.9.200.61) At 2006-11-19 18:06,
รู้ลึกมากเลยเนอะ

อย่างเนี่ยเค้าเรียกรู้จริง 55

เราทำเป็นนิดนึง

แต่ไม่รู้ขนาดนี้เลยอ่ะ

อยากเก่งอย่างนี้มั่งจัง

แล้วจะแวะมาใหม่ค่ะ
#22 by ~~ :: Sarangyuchun ^^* :: ~~ At 2006-11-19 11:33,
ชอบภาพสไตล์นี้ครับ เท่ห์ดี ^^
#21 by meddlesome_ At 2006-11-18 22:29,
เป็นขั้นเป็นตอนอ่านง่ายดีครับ
tutorial น่าสนใจมากครับ ไว้จะมาดูอีกนะครับ ^^
#20 by r i j e -[a x k i z e l] At 2006-11-18 21:18,
อันนี้อยากทำให้ได้เป็นงี้อ่ะ แต่ไม่กล้าลองมั่วๆ 55+ไม่ทริคแล้วก๊าบบบ ดีใจ
#19 by In the name of PLENG At 2006-11-18 18:54,
โหๆ สวยจังค่ะ
อยากทำเป็นบ้าง
สอนเราจากอันง่ายๆหน่อยจิ
เราใช้ไม่เป็นเลยอ่ะ โฟรโต้ช๊อบเนี่ย
ขอบคุณมากค่ะ มีเทคนิคดีๆสำหรับการทำภาพแล้ว
#17 by Kimmina At 2006-11-16 17:06,
ขอบคุณน่ะค่ะที่ช่วยสอน อิอิ
บลอคมีสาระมากเลยขอ add น่ะค่ะ
เราจาเอาที่สอนไปลองใช้ดู ขอบคุงนะค่ะ
#16 by PJ At 2006-11-15 21:55,
แหะๆ มาเช็คเรทติ้งคร้าบบบบ.. ^^"

>> ตอบเด็กหญิงง้องแง้งครับ..

ฟ้อนท์ Hurricane ครับ โหลดได้ที่ http://www.dafont.com ครับ เวบนี้มีแต่ฟ้อนท์ Eng. นะครับ งามๆทั้งนั้น

>> ตอบคุณ @-*- YaDa -*-@ ครับ...

ตอนนี้ทำไม่เป็นแฟลชไม่เป็นแล้วครับ ทิ้งห่างไป 2-3 ปี ความรู้หายหมดครับ -*-

พูดถึงแบนเนอร์ ถ้าจะให้เราสร้างเองโดยใช้ Tools ล้วนๆเราทำไม่เป็นครับ แต่ถ้าเกิดว่ามีภาพต้นฉบับหลายๆภาพ (Template) แล้วสร้างเป็นภาพใหม่ (ตามสไตล์เรา) อันนี้ทำเป็นครับผม

ปล. เปิดคอร์สเรียนก็ไม่ไหวมั้งครับ เราเองยังไม่ชำนาญพอเลย อิอิ

ปล.2 ขอขอบคุณทุกๆคอมเม้นท์ครับผม ทำให้เรามีกำลังใจขึ้นตั้งเยอะแน่ะ อิอิ ติ-ชม กันได้ครับ ไม่ว่ากันนะ ว่างๆจะเข้ามาเช็คเรทติ้งใหม่ครับ
#15 by ニュビーズ ☆彡 At 2006-11-15 20:54,
ไปลองทำ gradient map ดูอีกรอบแล้ว แจ่มมากเลยค่ะ ชอบมากกกก

ทำไม่ยากด้วย แต่ไม่เคยรู้ อิอิ
#14 by mo0NL!Ght~เห็ดน้อย At 2006-11-13 18:22,


ภาพดอกไม้ข้างบนทำออกมาสวยมากเลยค่ะ โฮกกก เก่งจังเลย

ว่างๆจะเข้ามาหาความรู้อีกค่ะ อิอิ
#13 by mo0NL!Ght~เห็ดน้อย At 2006-11-13 18:17,
สงสัยเราต้องย้อนกลับไปอ่านเอ็นทรี่ต้นของเธอใหม่หมดเลยง่า
ทำไม่เป็นเลยค่ะ
สอนเราทำแบนเนอร์บ้างได้ป่าวคะ
ทำแฟลชเป็นหรือเปล่า
ลงคอร์สเรี่ยนเลยได้ปะเนี่ย
#12 by Sorry At 2006-11-13 17:36,
ใช้ Gradient Tool ไม่เป็น

ฟอนต์แบบสุดท้ายคือฟอนต์อะไรอ่ะ สวยดีๆ
ไม่เคยใช้เรยจิง ๆ ~!!
วู้ววว ลองของ ...
#10 by TANUKi At 2006-11-12 22:58,
บล็อคมีสาระ
จะจำไว้ใช้งานอ่ะจ่ะ
#9 by pLOiiZ At 2006-11-12 21:50,
คนทำทุ่มเทดีคับ
.
.
.
.
.
.
.
.
.
.
.
เจริญๆๆนะท่าน AqUARiZ
ขอบคุณนะค๊า *

สุดยอดดดด *
#7 by - At 2006-11-12 18:03,
โอ้วว ขอบคุณสำหรับทริคค้าบ
#6 by - ., - At 2006-11-12 17:35,
โอ้ว สุดยอดเลยแหะ
#5 by zerodrive At 2006-11-12 16:12,
มาเยี่ยม แฮะๆบลอกสวยนะ เฮอ บลอกเราโคตะระ มืด เลย
#4 by ۞ RECCA۞ At 2006-11-12 16:02,
opacity อันนี้เจ๋งเลยครับ
เคยทำGradient บน Mask อย่างเดียวเอง
#3 by DarkZeusPDS At 2006-11-12 13:40,
เป็นความรู้ที่ดีค่ะ
จะเอาไปประยุกใช้ในตอนทำCGอีกที
#2 by *.๐O Bra Bra O๐.* At 2006-11-12 13:40,
ชื่นชมมากเลยค่ะ
ไงก็ขอแอ๊ดไว้เลยนะคะ
เพราะว่าเราต้องใช้โปรแกรมนี้บ่อยมาก
แต่ใช้ไม่เป็นเรื่องเลย
#1 by Sorry At 2006-11-12 13:38,

ニュビーズ ☆彡
View full profile