ใบความรท 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