webkruboy.files.wordpress.com€¦ · web view2012. 7. 24. ·...
TRANSCRIPT
ใบความรท 3.5 การสราง Icon ทรงกลมIcon คอภาพขนาดเลกๆ สำาหรบใชในเวบเพจ เพอเปน
hyperlink หรอเปนภาพประกอบในสวนตางๆ ลกษณะของ Icon คอเปนไฟลขนาดเลกแตมความละเอยด มสสนสดใส มเสนขอบทชดเจน
ซงการทำา Icon มเคลดลบในการงายคอ เลอกใชสทสดใส และ สรางไฟลขนาดใหญกวาขนาดใชงานจรง เมอเสรจแลวจงทำาการยอขนาดไฟลใหเทากบของจรงภายหลง
ในบทเรยนนผเรยนจะไดเหนตวอยางของการใชส ลำาดบการทำาเอฟเฟกตเพอใหไดผลลพธ ซงถอวาเปนวธการทนาสนใจ
ผลลพธทตองการ ภาพผลไมสเขยวสดใส
วธทำา1. สรางไฟลใหมขนาด 640x480px ความละเอยด 300 dpi2. สรางรปวงกลมขนาดตามตองการดวย Elliptical Marquee
Tool3. กำาหนดระบายสแบบ gradient สหนารหส #88cc33 สหลงรหส
#005522 เลอกวธระบายแบบ Foreground to Background
4. ทำาใหการไลระดบสสวยมากขนโดยการใช layer style กำาหนดให Inner Shadow มรายละเอยดคอ Blend Mode เปน Multiply คา Opacity เทากบ 75% คา Angle เทากบ -90 degrees คา Distance เทากบ 45 pixels และคา Size เทากบ 80 pixels.
5. ทำาผวแอปเปล เรมจาก Filter > Render > Clouds แลว Filter > Distort > Spherize (ทำาใหโคงนน) โดยกำาหนดคา Amount เปน 100% และ Mode เปน Normal จากนน กำาหนด Blending ของ layer เปน Soft Light จะไดผลลพธดงภาพ
6. เพมลกษณะผวโดยแตมจดสเขยวออนรหสส #ccdd99 ครงแรงตงขนาด brush 5px ใหทวพนท (จดละ 1 คลก) ครงทสอง brush ขนาด 3px ใหทวพนท
7. ทำาใหแตมสกลนกลบพนสเขยว และนนตามลกแอปเปล เรมจาก Filter > Blur > Motion Blur กำาหนดคา Angle เปน 90 degrees และคา Distance เปน 3 pixels จากนน Filter >
Distort > Spherize กำาหนดคา Amount เปน 100 และคา Mode เปน Normal สดทาย กำาหนด Blending Mode เปน Overlay และ Opacity เปน 50% จะไดผลตามลำาดบภาพทแสดง
8. ทำาจกดานบน โดยการ1)สรางพนทวงรสขาวขนาดเทาความกวางทงหมดของจกดานบน
2)สรางวงรสดำาเพอแสดงเงาในหลมของจกบน
3)ควบคมการกระจายของเงาทจะเกดขนตอไปใหอยในเฉพาะบรเวณสขาว โดยการทำา Clipping Mask ระหวาง layer 5 และ 6 (กด Alt คางไวแลวคลกทเสนแบงระหวาง layer 5 และ 6) จะไดผลลพธดงภาพ
9. แตงสของหลม โดยขนตอนนตองใสใจเปนพเศษเพราะจะมบางขนตอนทเราไมเหนผลลพธ1)กำาหนด Blending ของสขาว (เลเยอร 5) เปน Multiply
2)ทำาเงาดำาใหเบลอ โดย Filter >Blur > Gaussian แลวกำาหนดคา radius เทากบ 17 pixels แลวกำาหนด Blending ของ layer เปน 75%
หากขอบจกดานบนยงมรอยตะเขบชดกใหทำา Gaussian blue จนกวาจะไมเหนรอยตะเขบ
10. ทำาแสงสะทอนใหขอบหลมดานหนา โดยการ1) ใช Ellipse Marquee Tool สรางวงกลมใหขอบลางของ
วงกลมเลยปากหลม2) ใช Ellipse Marquee Tool สรางวงลเพอลบพนททถกเลอกไว
ใหเหลอเปนรปพระจนทรเสยว
3) ใหเหลอเฉพาะพนทดานลาง
4)สราง layer ใหม แลวทำาการระบายสขาว5)ยกเลกการเลอก แลวเลอก Filter > Blur > Gaussian Blur
กำาหนดคา Radius เปน 15 pixels
6)ดำาเนนการดงขอ 1) – 5) อกครงเพอทำาเงาสะทอนไฟทขอบดานบน เพอใหไดผลลพธดงภาพ
11. ทำาใหผลสกมากกวาโดยการแตมสแสดลงไป ดงน1) ใช Elliptical Marquee Tool สรางพนทวงกลมใหครอบคลม
พนทแสดงการสกของผลไม2)สราง layer ใหม3) เทสแสด รหส #ffbe00
4)ยกเลกการ selection5)จำากดพนทการ Blur ภายในพนทของผลไม โดยการกด Ctrl
แลว Click ท layer16) เลอก Filter > Blur > Gaussian Blur แลวกำาหนดคา
Radius เปน 50 pixels จะไดผลดงภาพ
7)หากสยงดแขงเกนไปหรอแสดงการสกไดไมถงใจ กลองปรบ Blending Mode หรอ ยกเลกการ Blur แลวทำาใหม หรอทำา layer สทสดกวา หรอ ออนกวานมาซอนทบเพอใหพนทการสกขยายมากกวาน
12. ปรบแสงดานขางขวาโดยการระบายสขาวตามแนวขอบดานขวา แลว Blur ใหดสวยงาม วธการ1) เลอกพนทผลไม2)ระบายสขาวทงวงกลม3) ใหแนใจวา Ellipse Marquee Tool ถกเลอกอย แลวขยบ
selection ไปทางซายสก 10 px (กดลกศรซาย 10 ครง)
4)กดปม Del ผลไมจะถกแสดงออกมา5) เลอกพนทผลไมอกครงหนง นนทำาใหพนทสขาวเหลอเพยงรป
พระจนทรเสยวอยดานขวาของผลไม6) เลอก Filter > Blur > Gaussian Blur แลวกำาหนดคา
Radius เปน 7 pixels จะไดผลดงภาพ
7)ลบเงาสวนเกนบรเวณดานลางโดยใช Eraser Tool ขนาด 270
pixels และคา Hardness เปน 0%
13. ปรบรปทรงใหเปนแอปเปล โดยการ1)Merge Layer ทงหมด2)Edit > Transform > Wrap3) ดดใหเปนรปทรงแอปเปล
14. บนทกเปนรปแบบสำาหรบเวบ1)แปลงเปน Smart Object โดยคลกขวาบนรปแลวเลอก
2)ทำาการ transform ใหภาพมขนาดเลกลง Edit > Free Transform ในระหวาง transform ใหกด Shift คางไวเพอเปนการรกษาสดสวนใหคงท
3)ยอใหมขนาดเลกตามตองการ ในตวอยางนยอใหเหลอ 80x79px
4)Crop ขนาดของภาพใหพอดกบผลลพธ5)ทำา layer background ใหโปรงใส หรอลบ background
layer ทง จะไดผลลพธดงน
6) เลอก File >Save for Web and Devices7)กำาหนดประเภทไฟลเปน PNG-24