Posts Tagged ‘flash banner’
tips การทำ flash banner ตกแต่งเว็บ atsme-cm.com
Posted by: -xox- on: มิถุนายน 8, 2008
ทำ เฟลช banner ตกแต่งเว็บ atsme-cm.com
พบกันอีกครั้งกับบทความ tip&trict ตกแต่งเว็บไซต์
วันนี้เสนอ tips ในการทำ Flash banner ตกแต่งเว็บไซต์ของ atsme-cm.com ดังตัวอย่าง flash ข้างล่างค่ะ
โดยจะใช้พื้นเป็นสีขาวกับส้ม เป็นสีที่เข้ากับเว็บสีต่างๆ ได้ีดีค่ะ และทำให้เด่นอีกด้วย
ขั้นตอนการทำก็คือ
1. คิด slogan ของเว็บ หรือ คำพูดประโยคสั้นๆ ไม่ยาวมาก เพื่อจะสื่อเป้าหมาย จุดประสงค์ของเว็บเรา
2. หารูปมาประกอบ ในงานชิ้นนี้ใช้เพียงรูปเดียวนะคะ คือรูปคนที่เดินไปในทางเดียวกัน (สื่อว่าสมาชิกในองค์กรนี้จะเดินไปพร้อมๆกัน)
ส่วนอีกรูปที่เป็น นักธุรกิจสีดำนั้น เป็นรูปที่เกิดจาก brush photoshop ค่ะ (download ได้ที่นี่ )
3. ที่จริงรูปที่เกิดจาก brush แบบนี้เราสามารถทำเองได้ โดยใช้ pen tool ใน photoshop วาดจากโครงรูปคนจริงๆ แต่ในเมื่อมันมีสำเร็จมาให้แบบนี้ และก็ตรงกับ concept จึงได้เลือกใช้ brush photoshop ค่ะ
4. เทคนิคที่ใช้กับ slogan ก็คือการทำเป็นเงาใสๆ คล้ายกับตัวหนังสือวางบนกระจก
5. เมื่อวางภาพและ คำพูดไว้ใน photoshop เสร็จแล้ว ลำดับการแสดงของแต่ละ shot ได้แล้ว ก็ถึงเวลานำไปทำ animation ใน flash กันแล้วค่ะ
6. เสร็จขั้นตอนการทำ banner แล้วคะ (มันจะรวบยอดเกินไปมั้ยคะ)
ปล. tip & cradit & สิ่งที่เรียนรู้
1. ไม่ควรเขียน slogan ของเราใน flash ควรจะเขียนใน photoshop ก่อนแล้วทำเป็นรูป เพื่อใช้ใน flash อีกทีเพราะเคยพิมพ์ในเฟลช แล้วพอเครื่องอื่นเปิด มีปัญหาในการแสดงผลค่ะ ฟอนต์เปลี่ยนไปบ้าง ไม่ออกบ้าง
2. ขอบคุณ brush photoshop จากเว็บ www.download.ie-mem.com ค่ะ
3. บทความนี้เขียนไว้ใน blog ของ fayjaa ใน https://fayjaa.wordpress.com หากคัดลอกนำไปไว้ที่อื่น เราจะแจ้งตำรวจจับคุณ
4. ข้อ 3 ล้อเล่นค่ะ ถ้าเป็นว่าบทความนี้ีมีประโยชน์ จะก็อปไป ก็เชิญตามสบายคะ ไม่ได้หวงขนาดนั้น ยินดีซะอีก แค่ทำลิงค์มายังผู้เขียนแค่นี้ก็ใช้ได้แล้ว
5. ในขณะที่เขียนบทความนี้ ทำให้รู้ว่า่ wordpress ใส่ไฟล์ประเภท flash ไม่ได้ ต้องเอาไฟล์ไปฝากไว้ใน exteen.com หรือว่าเราหาวิธีใส่ flash ไม่เจอเองนะ
6. ie7 เป็น software ที่คุณหนูมาก รับอะไรหนักๆ ไม่ไหว ชอบ error ถ้าไม่ทำเว็บคงเลิกใช้ไปนานแล้ว เลยต้องเปลี่ยนมาใช้ firefox แทน
ความเห็นล่าสุด