25 November 2009
มาหัดทำ Ipod Shuffle ด้วยเทคนิคแบบพื้นฐานง่ายๆของ Photoshop กันดีกว่า แล้วจะแปลกใจว่าเทคนิค Photoshop ง่ายๆ เนี่ยสร้างงานยอดเยี่ยมกันมาเยอะแล้วครับ โดยเทคนิคหลักๆคือ gradient, การ mask layer และการทำ selection ง่ายๆ โดยการจำลองจากภาพจริง
step 1
click ขวาสั่ง copy ภาพด้านล่าง แล้วเปิด photoshop file ขนาด 600×320 pixel ความละเอียด 72 dpi กด Command+V เพื่อ paste รูปลงซะ
step 2
เราจะมาทำเส้น guide กัน กด Command+R (CTRL+R) เพื่อเปิดไม้บรรทัดก่อน หน่อยไม้บรรทัดเป็นอะไรก็ช่างมัน เพราะเราจะเอาแค่เส้นเฉยๆ ก็เอาเมาส์ไปลากเส้นมา ดังรูป
step 3
สร้าง Layer ใหม่ขึ้นมาโดยเอาเมาส์ไปกดปุ่ม new layer ด้านล่างของ layer palette ตั้งชื่อว่า shuffle background ระหว่างนั้น ก็ double click layer ภาพ ipod ซะด้วยเปลี่ยนให้เป็น layer เหมือนกันจากที่ล็อกอยู่
ทีนี้กลับไปเลือก layer shuffle background แล้วเลือกเครื่องมือทำ 4 เหลี่ยม(Rectangular Marquee tool)ขึ้นมา เราจะทำ selection ให้กับตัว ipod
step 4
เอาละ มาลงสีกัน ก็เลือกที่สี foreground palette เลือกสีแล้วก็ดูดสีจากภาพเดิมซะ สีจะได้เหมือนกัน
ทีนี้ก็ fill สี foreground ลงไปโดยกด Option+Delete (Alt+backspace on PC) แล้วสั่ง de-select โดยกด Command+D (CTRL+D on PC).
step 5
ต่อมา เราจะมาเพิ่มมิติ ให้กับมันหน่อยโดยใช้เงา ก็ให้ไปเลือก foreground color เป็นสีดำเสียก่อน แล้วก็ select กล่องสีฟ้าอีกครั้ง ง่ายๆก็คือ กด Command ค้างไว้แล้วคลิ๊กที่ layer กล่อง ก็จะได้ selection กลับมา
จากนั้นเลือก gradient tool โดยกดปุ่ม G ก็ได้ ดูแถบด้านบน เราจะปรับค่า ดำ แล้ว fade ไปหา โปร่งแสง ปรับค่าให้ได้ดังนี้
step 6
ทีนี้ก็จะได้สีที่จะลงเงา แล้วก็ได้ selection แล้ว ต่อไปสร้าง layer ใหม่ด้านบนของ shuffle background ตั้งชื่อว่า gradient 1 ทีนี้ก็ปาด เงา ลงไปเลย ให้ได้ผลลัพท์ดังภาพ จากนั้นก็ deselect อีกครั้งนึง
step 7
ต่อไปเราก็จะทำเงากับอีกข้างนึงซะ โดยการสั่ง duplicate layer ชื่อ Gradient1 หรือกด Command+J (CTRL+J on PC)
เสร็จแล้วก็ไปสั่ง flip กลับด้านที่ layer ที่ก๊อปปี้มาซะ เลือก Edit>Transform>Flip Horizontal
กด V เพื่อเลือก move tool ลากเงาๆไปอีกด้านนึงที่ทำ guide line ไว้นะแหละ กด shift ด้วยนะ
พอได้แล้ว ก็ไปที่ layer palette กด shift แล้วเลือก layer gradient1 ด้วย ให้ติด 2 อัน เพราะเราจะทำการ merge layer เป็นอันเดียวกันซะ ไปที่ main menu กด Layer>Merge Layers หรือง่ายกว่านั้นก็กด Command+E (CTRL+E). ตั้งชื่อเป็น Gradient 1 เหมือนเดิมซะ
step 8
ดูที่ด้านบน layet palette จะเห็นตัว drop-down menu อันเล็กๆเขียนว่า Normal ตรงนั้นคือ blending option ครับ เปลี่ยนเป็น Soft light ซะ
แต่อันเดียวรู้สึกว่ามันยังให้ผลที่ไม่สวยพอ ฉะนั้นก็ duplicate layer อีกที กด Command+J (CTRL+J on PC) ไปปรับ opacity ให้เหลือ 80% ก็จะดูดีขึ้น ทีนี้ก็ปิดเส้น guide line โดยกด Command+H (CTRL+H on PC)
step 9
สร้าง layer ใหม่ ตั้งชื่อมันว่า highlight ทีนี่เราจะทำสีขาวๆเป็นเงา highlight
เลือก gradient tool อีกแล้ว แล้วเปลี่ยนสี foreground เป็นสีขาว ทีนี้ดูด้านบนจะเป็น ขาว ไป ใส แล้ว แต่คราวนี้ใช้ reflected gradient ก็คือให้เลือกอันที่ 2 จากท้ายสุดมันจะกระจายสีจากจุดศูนย์กลาง ไม่ใช่ข้างๆ
ทีนี้ก็จะปาดเงาละ แต่ก่อนอื่นต้องทำ selection ก่อน ไปที่ layer shullfe background กด command แล้วคลิ๊ก ก็จะได้ selection มา แต่เวลาปาดสีให้กลับมาเลือกที่ layer highlight เหมือนเดิมนะ
step 10
deselect ซะ กด command+D นั่นแหละ ทีนี้ปรับ opacity เหลือ 50% แล้วเอา move tool ลากมันไปทางซ้าย ชิดๆเงาดำๆ เสร็จแล้วก็ duplicate layer กด command+J อีก ทีนี้เอาไว้ขวา
step 11
เราจะมาทำล้อกลมๆสีขาวกันละ สร้าง Layer ขึ้นใหม่ตั้งชื่อ click wheel แล้วก็เอาเส้น guide กลับมาก่อน กด command + h ทีนี้ไปเลือก Elliptical Marquee tool อยู่ที่เดียวกับที่ทำ 4 เหลี่ยมแหละ กดเม้าส์ค้างไว้ แล้วเลือกอันวงกลม ทีนี้ก็ลากวงกลมวงนอก แล้วลงสีเป็นสีขาว
เสร็จปุ๊บ deselect แล้ววาดวงใน แล้วกดปุ่ม delete สีวงในทิ้งไป
step 12
ปิด guilde line อีกที
ทีนี้กดดับเบิ้ลคลิ๊ก layer click wheel เราก็จะเปิด layer style ขึ้นมาเดีี๋ยวจะมาใส่ effect ทำให้มันนูนๆขึ้นมา โดย effect ที่ใส่มี 2 ตัวคือ outer grow และ bevel and amboss ติ๊กถูกซะ แล้วปรับค่าดังนี้เลย
step 13
เฮือก! มาถึงขึ้นตอนสุดท้าย ทำพวกปุ่ม อันนี้ก็ปิดตา layer อื่นๆไปก่อนละกัน สร้าง layer ใหม่ ตั้งชื่อว่า button แล้ว draw ตาม layer original ทีเอามาเป็นแบบเลย จะให้ Rectangular tool หรือ lasso polygonal หรืออะไรก็ได้ตามสะดวก แล้วสงสีเทาซะ
แปลจาก : pshero
Tags: graphic design, photoshop tutor
Twitter
Facebook