SWU Slide day 3

Transcript

1. Information & Communication Technology Education VAE222 B01/2012 Monday, February 4, 13
2. การออกแบบใน Photoshop • การใช Layer Styles • http://www.photoshoplayerstyle.com/ • http://www.dezinerfolio.com/2008/11/19/220-amazing-free-photoshop-layer-styles • การใช Pattern • การใช Texture Monday, February 4, 13
3. ขอบเขตการใชรูปภาพบนเว็บไซต • การวางภาพเดี่ยวเปน <img /> • การวางภาพเดี่ยวเปน CSS Background • การวางภาพซ้ำดวย CSS Background Monday, February 4, 13
4. การแยกรูปภาพเพื่อใชประกอบเว็บไซต • Slice Tools • Convert to Smart Object • CSS3 • CSSHat • Photoshop CS6 (Cloud): Copy CSS • CSS3Ps Monday, February 4, 13 http://designshack.net/articles/css/photoshop-to-css-conversion-3-methods-compared/
5. การบาน • เลือก 1 ไฟลจาก 365psd.com • แยกรูปและ background ของภาพนั้นออกมาเปนชิ้นใหอยูในรูปแบบที่เหมาะสมกับการใช ประกอบเว็บไซต • สิ่งที่ตองสง: รูปภาพที่ถูกแยกออกมาและ ไฟล PSD ที่เลือกมา • สิ่งที่ตองสง (Optional): HTML file ที่มีการวางตัวอยางรูปภาพและ Background • ZIP file สงทาง email mp3wizard@gmail.com • Subject: [การบาน] ของ นาย/นางสาว .... (@xxxx) Monday, February 4, 13 http://designshack.net/articles/css/photoshop-to-css-conversion-3-methods-compared/