Articles in the เทคนิค flash cs Category
Flash สร้างปุ่ม ย่อขยาย
วันนี้เรามาดูการกสร้างปุ่มย่อขยาย ใน Flash ActionScript ง่ายๆกันครับ เพียงใช้แค่ รูป 3 รูป กับอีก 2เฟรม 1 ActionScript เราก็ได้ผลงานที่สามารถซูมย่อขยายด้วย Flash กันแล้วแหละครับ ใครสนใจมาดูกันครับ เริ่มต้นนะครับ ใครมีรูป ปุ่มที่ต้องการทำปุ่มย่อ ปุ่มขยาย และก็รูปที่มาใช้ก็นำมาใช้ได้เลยครับ ใครไม่มีก็โหลดเอาตามขั้นตอนด้านล่างนี้นะครับ
1.เตรียมรูปภาพไว้ 3 รูป คือรูปสำหรับ เป็นตัวย่อขยายใน Flash เรา และ ปุ่ม ย่อ และปุ่มขยาย
ในการทำเว็บไซต์ บ้างครั้งเราต้องนำเสอนผลงานหรือสินค้า ผ่านบนเว็บไซต์ วันนี้ผมขอเสนอการทำ Flash สำหรับเสนอสินค้าผ่านหน้าเว็บเพจของเรา โดยเราจะมีหน้าของสินค้าไว้ แล้วให้ผู้เข้าชมเว็บไซต์กดเลือกดูผ่านคีย์บอร์ดว่าต้องการดูมุมไหน พูดแล้วจะงงลองมาดูตัวอย่างกันก่อนครับ
ต่อไปจะเป็นการสร้าง งาน Flash ที่มีเอฟเฟคเวลา นำเมาส์ไปวางใน วัตถุ แล้วจะหยุดการทำงาน และเมื่อนำเมาส์ออกจาก วัตถุ แล้ว ก็ทำงานเหมือนเดิมสำหรับการสร้าง Flash แบบนี้สามารถนำไปประยุกต์ใช้ได้หลายอย่าง เช่น ทำ Banner Flash แล้วให้มีรูปหมุนๆไป เมื่อนำเมาส์มาวาง รูปก็จะหยุดอยู่ที่เดิม หรือจะทำสไลด์สำหรับโชว์รูปภาพก็ได้นะครับ ขั้นตอนการทำเราจะใช้ Action Script เข้ามาช่วยในการกำหนดเหตุการณ์ของเมาส์ มาเริ่มกันเลยครับ
Gallery Flash XML
วันนี้สำหรับคนที่ทำเว็บไซต์ แล้วมี Gallery รูปภาพแต่ไม่รู้จะทำแบบไหน หรือ อยากได้แบบ Flash วันนี้ผมมี ของดีมาแจกครับ สำหรับคนที่ต้องการ Gallery รูปภาพบนเว็บแบบ Flash ครับ รูปแบบจะไม่หวือหว่าอะไรมากครับ แต่ก็ไม่ใช่ว่าจะไม่สวยครับ เป็น Gallery แบบ Flash ที่มีความ สมูท ในการเปลี่ยนภาพ สำหรับคนที่ต้องการสคลิป สำหรับทำ Flash Gallery คลิกตามเข้ามาอ่านกันค่อได้เลยครับ
action script MOUSE WHEEL
วันนี้มาดู ActionScript ที่ใช้สกรอลเมาส์ขยับวัตถุใน Flash กันครับ ซึ่งเมื่อเราขยับ สกรอลเมาส์ วัตถุในชิ้นงานแฟลช ก็จะขยับ ตามไปด้วย ซึ่งการที่เราจะทำงาน flash ในลักษณะนี้เราจะใช้คำสั่ง MOUSE_WHEEL โดยเราจะสร้างฉากขึ้นเป็นพื้นหลังแล้วก็ มีวัตถุด้านใน เราจะบังครับวัตถุนั้นด้วย Scroll Mouse มาเริ่มกันเลยดีกว่าครับ
wallpaper Sunlight
เอฟเฟคนี้ไว้ตกแต่งหรือใส่รูปภาพ ที่ต้องการให้มีแสง หรือ แสงจากดวงตะวันประมาณนั้นแหละครับ แบบว่าให้มีแสงค่อยๆสว่างขึ้นจากรูปภาพ
เรามาเริ่มกันดีกว่ครับมีไม่กี่ขั้นตอน เริ่มกันเลยดีกว่านะครับ ขั้นแรกก็เตรียมรูปภาพที่ต้องการทำเอฟเฟคไว้ก่อนเลยครับ ถ้าไม่มีก็ดาวน์โหลดจากรูปด้านบนนี้ครับ
flash Filters Blur
เพื่อความเหมือนจริงในการเคลื่อนที่ไปข้างหน้าด้วยความเร็ว ในบ้างครั้งเราต้องการให้วัตถุเคลื่อนที่ ไปข้างหน้าด้วยความเร็ว ถ้าเราจับให้วัตถุไปข้างหน้าแบบถยับแต่เฟรมเท่านั้นก็จะทำให้ ดูวัตถุเคลื่อนที่ได้จริง แต่จะดูไม่เหมือนจริงเท่าไหร่ ดูไม่ Smooth ซักเท่าไหร่ ดังนั้นแล้วควรใช้ เอฟเฟค Blur เข้ามาช่วย
Zoom Effect on Mouse Over
สำหรับนำเมาส์ไปวางแล้วรูปภาพจะขยายขึ้น เวลาเอาเมาส์ออกรูปก็จะกลับไปเล็กเหมือนเดิม โดยการทำแบบนี้เราจะใช้ ActionScript ช่วย
ตัวอย่าง ลองนำเมาส์ไปวางที่รูป Logo ครับ
ถ้าพร้อมแล้วก็ เปิดโปรแกรม Flash ขึ้นมาครับ จากนั้นก็ ไปสร้าง งานในโปรแกรม Flash กันได้เลยครับ
1 เลือกที่ Flash File (ActionScript2.0)
เริ่มเปิดโปรแกรม Flash
2 กำหนดขนาดของไฟล์งานตามต้องการโดยไปที่ Menu Modify > Document แล้วปรับขนาดตามต้องการได้เลยครับ
กำหนด เอกสาร
3 …
Flash animation
Flash animation นี้เอาไว้ทำให้รูปภาพดูน่าสนใจ เหมาะกับทำ Animation สำหรับรูปที่ต้องการให้มันเด่นขึ้นมาเล็กน้อย ไม่มีลูกเล่นอะไรมากมาย ง่ายๆแต่ได้อารมณ์ตื่นเต้นเล็กน้อย ทำให้รูปเด่นขึ้นมา บางเว็บเข้าไปงง flash ลายตาไปหมด เช่น เว็บขายของเว็บหนึ่ง เป้าหมายของการทำเว็บคือไว้ขายของออนไลน์ แต่พอเข้าไปหน้าเว็บปุ๊บ Flash วิ่งไปวิ่งมา Background ก็เคลื่อนไหวสวยงาม Menu ก็ส่องแสงประกายวิบวับ มีข่าวประกาศรูปภาพเยอะไปหมด ไหนจะโปรโมชั่น ที่เคลื่อนไหวอย่างหรูหร่า สรุปแทนที่คนจะเข้ามาซื้อของในเว็บไซต์ก็ไม่ได้ซื้อกันพอดีมัวแต่ไปสนใจกับสื่งอื่นๆที่ดึงดูดความสนใจไปหมด เพราะอย่างนี้แล้วเลยหาอะไรง่ายๆแต่ได้ความชัดเจนมาตกแต่งเว็บไซต์ด้วย Flash animation เล็กแบบนี้ แต่ก็ทำให้สินค้าเราเด่นได้ โดยลดความสำคัญของสิ่งอื่นๆลงไปบ้าง จึงได้ Flash …
ActionScript 3d Flash
วันนี้มี ActionScript ที่ทำให้ภาพสินค้าหมุนได้รอบทิศโดยการนำเมาส์ไปวางเป็น flash แล้วเลื่อนซ้าย-ขวา รูปก็จะหมุนตามเมาส์ได้เลย โดยใน Flash CS4+ ก็จะมีโหมด 3D อยู่แล้ว แต่ต้องใช้ความชำนาญ อยากมากในการทำในรูปแบบ 3D ซึ่งก็ถือว่าค่อนข้างยากเลยทีเดียว แต่ไม่เป็นไรครับ วันนี้ผมมี ActionScript มาช่วยทำภาพใน Flash ให้หมุนตามเมาส์ เพื่อเพิ่มความน่าสนใจให้กับสินค้าเราได้นะครับ มาดูขั้นตอนกันครับ
สร้างแฟลชเอนิเมชั่นง่ายๆด้วย Flash CS4 ใน Motion Presets เพียงแค่ Convert to Symbol และก็เลือกใช้ Motion Presets ที่มีอยู่มากมาย
โดย Motion Presets ในเวอร์ชั่น CS4 นี้ มีให้เลือกใช้มากมายและก็ง่ายอีกด้วย โดยเราไม่ต้องมานั่งทำทีละขั้นตอนเหมือนเดิม
ตัวอย่าง Flash ใน Motion Presets
ก่อนอื่นเตรียมรูปภาพที่เราจะทำใน Flash ก่อนนะครับ จากตัวอย่างใช้ 2 รูปนี้นะครับ
background Flash CS4 ใน Motion …
Flash Effect water actionscript
วิธีการสร้าง Flash ให้มี Effect น้ำมีคลื่นๆวิ่งไปมาเล็กทำให้ดูเหมือนน้ำจริงๆ แต่เป็น ActionScript 2 นะครับ ไม่ยากอย่างที่คิด มาดูการทำ Flash Effect water ครับ
ตัวอย่างของ Flash Effect water actionscript นี้ดูด้านล่างครับน้ำจะมีคลื่นเล็กวิ้งๆไปมา
Flash Effect water actionscript
Flash Effect water actionscript
อย่างแรกเตรียม ภาพที่ต้องการทำเอฟเฟคน้ำมีลูกคลื่นใน Flash …
flash effect tutorial วิธีการทำ Flash ใส่ flash effect ให้กับรูปภาพ
วิธีการทำ Flash ใส่ flash effect ให้กับรูปภาพที่มีสีดำเป็นพิ้นและมีสีสดใส Effect ที่เราจะทำใน flash นี้มันจะทำให้ภาพมีแสงโดยการค่าของ Adjust Color ส่วนวิธีและขั้นตอนในการทำ flash effectนี้ไม่ยากครับง่ายนิ๊ด…. เดียวแค่นั้นเอง
Flash Animation
Flash Animation บทความนี้เป็นวิธีการทำ Animation ง่ายๆด้วย Flash ครับ ก็เป็นการทำเอฟเฟคให้กับรูปภาพ ให้ดูดีกว่ารูปนิ่งๆหน่อยครับ มีเอฟเฟควิ่งไปวิ่งมาบนรูปครับ มาดูวิธีและขั้นตอนการทำ Animation ง่ายๆด้วย Flashกันครับ วิธีทำไม่ได้เยอะอย่างที่เห็นนะครับแต่ผมแยกละเอียดเพื่อให้อ่านง่ายๆครับ
flash effect tutorial
flash effect tutorial
สอน flash cs4 ทำเอฟเฟคสวยในแฟลช โดย flash ที่ใช้ในบทความนี้เป็นเวอร์ชั่น cs4 นะครับ หากใครใช้เวอร์ชั่น cs3 หรือต่ำกว่าก็ใช้ได้หรือจะเป็น
cs5 ก็ใช้ได้นะครับ จะต่างกันที่เมนูหรือหน้าตาเท่าของโปรแกรมเท่านั้นครับความสามารถใช้ได้ในบทความนี้ทุกเวอร์ชั่นครับ บทความนี้
จะเป็นการสอนทำเอฟเฟคใน flsh ครับ ง่ายๆครับมาเริ่มกันเลยครับ
flash ทำหิมะตก แบบง่ายๆ
เป็นการสร้าง หิมะให้ตกใน แฟลช โดยไม่ใช่ Code ActionScript โดยวิธีอาจจะมีขั้นตอนที่ทำยาวกว่าแบบ ActionScript แต่จะง่ายกว่าแบบใส่ ActionScript โดยการวาดหิมะแล้วทำให้มันตกลงไป ถ้าอยากให้หิมะตกช้าๆก็กำหนดเฟรมเยอะๆไว้ครับถ้าให้หิมะตกเร็วก็กำหนดเฟรมน้อยๆครับ
1 เปิดโปรแกรม flash ขึ้นมาแล้วก็กำหนดขนาด จากตัวอย่างใช่ 400 x 250 นะครับ
2 import รูปภาพเข้ามา โดยเราจะนำมาเป็นฉากหลังครับ โดยไปที่ File > import > import to stage.. ครับแล้วจัดรูปให้อยู่ตรงกับ stage …



