การสร้างภาพเคลื่อนไหว Adobe Animate CC ดานิล ฟิมุชกิน ตัวเลขและตัวอักษรในชื่อรุ่นของ Wacom หมายถึงอะไร

มาสร้างไฟล์ใหม่ทำให้มีขนาด 800x600 แล้วถ่ายโอนไฟล์บางไฟล์ลงไปนั่นคือรูปภาพสองสามรูปและ "noise of the Forest mp3" นั่นคือเสียง ฉันจะย้ายมันมาที่นี่ ผลลัพธ์ที่ได้คือภาพนี้ มันคือป่า เรียกว่า "bg" "เล่น" และ "หยุดชั่วคราว" ซึ่งเป็นปุ่มต่างๆ ฉันจะย้ายพวกมันลงตอนนี้ ย้ายพวกมัน แบบนี้ - ตัวเลือกที่ง่ายที่สุด

ตอนนี้ฉันจะเริ่มแอนิเมชั่น กด ctr+enter มีเพียงฟอเรสต์และมีเพียงสองปุ่ม ไม่มีอะไรทำงาน หากฉันต้องการให้เล่นเสียงโดยอัตโนมัติให้ฉัน เรียกว่า "เสียงป่า" ฉันต้องเลือกเลเยอร์นี้แล้วเลือก "เล่นอัตโนมัติ" ตอนนี้เมื่อฉันกด cntr+enter เสียงก็จะเล่น อัศจรรย์.

วิธีเพิ่มลิงก์ที่คลิกได้ลงในวิดีโอใน Adobe Edge Animate

ถ้าเราวาดปุ่มขึ้นมาแล้วมีพื้นหลังอยู่ ถ้าเราคลิกมัน ก็จะไม่เกิดการเปลี่ยนแปลงใดๆ เลย เพื่อเพิ่ม ลิงก์แบบโต้ตอบเราจำเป็นต้องเลือกปุ่มนี้ คลิกขวาที่ open action ปุ่มฟาวล์ นั่นคือสิ่งที่ผมเรียกมัน แล้วคลิก คลิก นั่นคือสิ่งที่จะเกิดขึ้นเมื่อคลิก และที่นี่เราต้องเลือก Open you are raol

ฉันจะแสดงให้คุณเห็นในวิดีโอนี้ว่าต้องทำอย่างไร มันไม่ซับซ้อน แต่คุณต้องเข้าใจให้ถูกต้องว่าคุณต้องคัดลอกโค้ดที่ถูกต้องตรงไหน และต้องวางที่ไหน

สมมติว่าคุณมี วิดีโอที่สร้างด้วย Adobe Edge Animateเมื่อคุณคลิกที่มัน อันที่ต้องการจะเปิดขึ้น หน้า Landing Pageอยู่ในรูปแบบภาพเคลื่อนไหว Edge และบันทึกไว้ในโฟลเดอร์ที่มีซอร์สและสคริปต์ Java เปิดในอันไหนก็ได้ โปรแกรมแก้ไขข้อความคุณสามารถใช้โปรแกรมแก้ไขทดสอบใดก็ได้ เช่น แผ่นจดบันทึก เป็นต้น

วิธีวนซ้ำภาพเคลื่อนไหวใน Adobe Edge Animate นั่นคือวิธีทำให้เมื่อเล่นจนจบจะเริ่มต้นใหม่อีกครั้งจากจุดเริ่มต้นและดำเนินต่อไปตลอดไป

ที่นี่คุณสามารถคัดลอกคีย์เฟรมได้ นั่นคือ ฉันเลือกหนึ่งเฟรม กด cntr+c คลิกที่ฟิลด์ที่ต้องการ กด cntr+v ภาพเคลื่อนไหวจะวนซ้ำ นั่นคือ ไม่ใช่วนซ้ำ แต่ในกรณีนี้ ให้ไปจาก จุดเริ่มต้นกลับไปยังจุดเริ่มต้น หากฉันเปิดวิดีโอนี้แล้วกด cntr+enter เราจะเห็นว่าแอนิเมชั่นกินเวลาเพียง 1 วินาที มันจะไปด้านหนึ่งแล้วกลับไปอีกด้านหนึ่ง

สมมติว่าคุณมีแบนเนอร์ที่สร้างใน Adobe Edge Animate เมื่อคุณคลิกที่แบนเนอร์ Landing Page ที่ต้องการจะเปิดขึ้น โดยจะอยู่ในรูปแบบภาพเคลื่อนไหว Edge และบันทึกในโฟลเดอร์ที่มีซอร์สโค้ดและสคริปต์ Java เปิดในโปรแกรมแก้ไขข้อความใด ๆ คุณสามารถใช้โปรแกรมแก้ไขทดสอบใด ๆ เช่น: แผ่นจดบันทึก ฯลฯ

ต่อไป ฉันต้องการแทรกแบนเนอร์นี้ลงในไซต์ ควรทำอย่างไร? คุณต้องดาวน์โหลดไฟล์ดัชนีจากนั้นเปิดในโปรแกรมแก้ไขข้อความคัดลอกโค้ด Adobe Edge และในตอนท้ายให้เพิ่มโค้ดที่นี่หน้า "head" จากนั้นอยู่หน้าชื่อของสถานที่ที่เราจะเพิ่มแบนเนอร์ของเราก่อน div เพื่อการดำเนินการที่แม่นยำยิ่งขึ้น มีคำแนะนำที่จะช่วยคุณ: https://docs.google.com/document/d/1-kTj3QhCbzT47-dReqpgVCBN_YuPy3hqxAMp94KcnZ0/edit หลังจากนั้น เราบันทึกและไปที่บริการ FTP ฉันใช้ filezilla ค้นหาตำแหน่งที่เก็บข้อมูลของเว็บไซต์ของคุณ และคัดลอกโฟลเดอร์ดัชนีไปยังไฟล์ของคุณซึ่งอยู่บนเซิร์ฟเวอร์ แทนที่ไฟล์ปัจจุบัน ต่อไปเราจะดาวน์โหลดสคริปต์ Java ทั้งหมดและอัปเดตไซต์ ทุกอย่างพร้อมแล้ว - แอนิเมชั่นใช้งานได้และแท็บที่มีหน้า Landing Page จะเปิดขึ้นด้วย

หากคุณสนใจบทเรียนดังกล่าว ติดตามช่องของฉัน เพราะ... จะมีวิดีโอใหม่มากมายในอนาคตอันใกล้นี้ - http://www.youtube.com/user/danilfimushkin?sub_confirmation=1

00:32 – สมมติว่าคุณมีแบนเนอร์ที่สร้างภาพเคลื่อนไหวใน Adobe Edge

01:30 – เพิ่มแบนเนอร์ในเว็บไซต์

02:09 – เพิ่มโค้ดก่อนแท็ก “head”

02:50 – คำแนะนำในการเพิ่มแบนเนอร์ลงในไซต์

03:31 – อัพโหลดไฟล์ไปยังเซิร์ฟเวอร์

05:29 – เราอัปเดตเว็บไซต์และทุกอย่างพร้อมแล้ว!

เข้าร่วมและถามคำถาม:

ดาวน์โหลดสาม เทมเพลตฟรีรำพึง: http://site/free-landing.html

http://vk.com/adobeedgeanimate

ฉันใช้ VKontakte: http://vk.com/danilfimushkin

ในการสัมมนาผ่านเว็บ ฉันได้บอกและแสดงให้เห็นว่าคุณสามารถสร้างแบนเนอร์แบบเคลื่อนไหวเต็มรูปแบบจากภาพประกอบเวกเตอร์ได้อย่างไร

00:17 – เราเริ่มสร้างภาพเคลื่อนไหวภาพประกอบเวกเตอร์ใน Edge Animate
14:06 – สร้างการเคลื่อนไหวของอุ้งเท้าของตัวละคร
16:54 – ข้อดีของสัญลักษณ์ที่ซ้อนกัน
17:48 – อะไรคือสัญลักษณ์ที่ซ้อนกัน
18:24 – เขียนแอนิเมชั่นวนซ้ำ
19:42 – แอนิเมชั่นแบบวนซ้ำพร้อมแล้ว
23:40 – กระพริบตา
26:54 – กำหนดชื่อไฟล์เมื่อทำการบันทึก
27:57 – แอนิเมชั่นของข้อความ “ดรอปดาวน์”
28:39 – การแนบเส้นโค้งการเคลื่อนไหว – การเปลี่ยนแกนแอนิเมชั่น
30:03 – บทสรุประหว่างกลางของแอนิเมชั่น การสร้างภูมิทัศน์ที่เต็มไปด้วยหิมะ และสร้างภาพเคลื่อนไหวของเกล็ดหิมะ
33:39 – รีวิว Edge Animate
34:52 – การบ้าน
35:25 – วิธีเพิ่มลิงค์ที่ใช้งานอยู่
39:09 – การสร้างปุ่มหลายปุ่มและแนบลิงก์

เข้าร่วมและถามคำถาม: http://vk.com/adobeedgeanimate

ปรับปรุงเมื่อวันที่ 6 ธันวาคม 2558:
ผู้จัดการผลิตภัณฑ์ Flash Runtime และ Adobe AIR กล่าวว่าตน ไม่มีแผนเพื่อหยุดการทำงานของ Flash Runtime และ AIR และ การเปลี่ยนชื่อผลิตภัณฑ์สร้างเนื้อหาไม่มีทาง ไม่เกี่ยวข้องกับโชคชะตา แฟลชเพลเยอร์ และระบบนิเวศที่เกี่ยวข้อง

ทุกอย่างจะเรียบร้อยดี ยกเว้นความแตกต่างเล็กน้อยที่เปลี่ยนความหมายอย่างมาก - การไม่รู้หนังสือทางเทคนิคและการคัดลอกและวางทั่วไป สิ่งพิมพ์พิมพ์ซ้ำกัน โดยเพิ่ม "ข้อเท็จจริง" ที่ไม่ได้อยู่ในต้นฉบับมากขึ้นเรื่อยๆ กล่าวอีกนัยหนึ่ง - โทรศัพท์ที่เสียหาย

บทความต้นฉบับ http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html รายงานว่า Adobe กำลังเปลี่ยนชื่อ Flash Professional เป็น Animate CC นอกจากนี้ พวกเขารายงานว่าลูกค้าต้องการแพลตฟอร์มที่รองรับเพิ่มเติม เป็นต้น

และฉันไม่แปลกใจเลยที่หลายๆ คนไม่เห็นความแตกต่างระหว่าง Flash และ Flash Professional มุขตลกต่างๆ เริ่มปรากฏบนเว็บไซต์ข่าว โดยอ้างอิงแหล่งข่าวอื่นๆ ที่เชื่อมโยงกับห่วงโซ่ดังกล่าว และไม่ใช่ต้นฉบับเสมอไป

ปัจจุบันคำว่า Flash ถูกมองว่าเป็นปลั๊กอินสำหรับเบราว์เซอร์ ในทางเทคนิคแล้วมันคือ Flash Player แต่มีเครื่องมือสร้างเนื้อหา - Flash Professional หาก Microsoft เปลี่ยนชื่อ Word เป็น TextMachine ผู้คนจะตะโกนว่า "Microsoft หยุดพัฒนา Word หรือไม่" แม้จะเขียนเป็นขาวดำว่ารองรับการสร้างเนื้อหาและแก้ไขข้อมูลได้?

จากตัวอย่างของฉันเอง ฉันสามารถแสดงให้เห็นภาพที่สดใสได้ ลูกค้าในพื้นที่ถามฉันว่าเราจะใช้อะไรในการสร้างแอนิเมชั่นสำหรับการนำเสนอสำหรับ iOS ฉันภูมิใจที่จะพูดอย่างนั้นใน Flash Professional และลูกค้าก็อยู่ในอาการมึนงง หลังจากนั้นครู่หนึ่งเขาก็พูดว่า:

“แต่บนฮับพวกเขาเขียนว่าแฟลชไม่ทำงานและใช้งานไม่ได้บนแท็บเล็ต”

แล้วฉันก็ตกอยู่ในอาการมึนงง การไม่รู้หนังสือทางเทคนิคของลูกค้าและผู้เขียนบทความเกี่ยวกับแฟลชทำให้ผู้คนละทิ้งผลลัพธ์ที่ต้องการ โชคดีที่ลูกค้าถูกชักชวนและพอใจกับผลลัพธ์ที่ได้

กลับไปที่บทความต้นฉบับ พวกเขารายงานว่า html5 ได้รับการพัฒนาและรองรับคุณสมบัติส่วนใหญ่ของ Flash แล้ว เมื่อเลื่อนลงมา เราพบว่า Adobe มองว่า Flash เป็นวิธีสำคัญในการนำเสนอเนื้อหาระดับพรีเมียม เช่น เกมบนเว็บและวิดีโอระดับพรีเมียม แต่ไม่มีคำพูดใด ๆ เกี่ยวกับพวกเขาที่จะหยุดการสนับสนุน Flash

ยิ่งไปกว่านั้น... พวกเขาระบุอย่างชัดเจนว่าพวกเขาทำงานร่วมกับ Microsoft และ Google เพื่อปรับปรุงความเข้ากันได้และความปลอดภัยของ Flash Player และพวกเขาไม่ลืมที่จะเสริมว่าพวกเขากำลังทำงานอย่างใกล้ชิดกับ Facebook เพื่อปรับปรุงความน่าเชื่อถือและความปลอดภัยของเกมใน Flash Player แล้วมีคำพูดไหนที่พวกเขาละทิ้ง Flash บ้างล่ะ?

หากพูดถึงการพัฒนา Flash โดยทั่วไปแล้ว ใช่ครับ มันหยุดไปนานแล้ว มีการปรับปรุงเพียงเล็กน้อย (แต่สำคัญ) และข้อบกพร่องด้านความปลอดภัยได้รับการแก้ไข แต่มันแย่ขนาดนั้นจริงๆเหรอ? จากมุมมองของฉัน Flash มีทุกสิ่งที่ต้องการ แน่นอนฉันต้องการมากกว่านี้ แต่ทำไม?

หากต้องการข้อมูลเพิ่มเติม คุณควรเลือกเกมรูปแบบสแตนด์อโลน และมี Adobe AIR (หากเราพิจารณา Flash) การปฏิเสธ การสนับสนุนของอะโดบีอากาศไม่ได้รับการแก้ไข ฉันมีข้อมูลเกี่ยวกับแผนสำหรับปี 2559 แต่เบราว์เซอร์แฟลชจะตายหรือไม่ แน่นอน. แต่ไม่ใช่พรุ่งนี้แน่นอน

และสำหรับผู้ที่ชอบพูดซ้ำซากว่า Flash จะทำให้แบตเตอรี่หมด โปรดแสดงให้ฉันเห็นว่า Canvas ชาร์จอย่างไร

เป็นที่น่าสังเกตว่าโครงการ Adobe Edge Animate จะไม่ได้รับการพัฒนาอย่างแข็งขันอีกต่อไป แต่เพราะว่า ฉันใกล้จะพัฒนา Flash Professional แล้ว - ฉันรับรองว่า Edge Animate จะไม่ได้รับการพัฒนาเลย (ยกเว้น ข้อผิดพลาดที่สำคัญ). การตัดสินใจครั้งนี้มีขึ้นเพื่อสนับสนุน อะโดบี แฟลชมืออาชีพ (Animate CC ในอนาคต)

ในการเตรียมโฆษณา HTML สำหรับการวางใน ADFOX สิ่งสำคัญคือต้องปฏิบัติตามข้อกำหนดสำหรับการแทรกโค้ดที่ประมวลผลการคลิกบนแบนเนอร์และนับเหตุการณ์ในแบนเนอร์
เมื่อพัฒนาโค้ด HTML คุณสามารถใช้โปรแกรมแก้ไขที่เขียนคำแนะนำเหล่านี้:
- Adobe ภาพเคลื่อนไหว CC;
- Google นักออกแบบเว็บ;
- Adobe Edge เคลื่อนไหว CC

ข้อกำหนดสำหรับโค้ด HTML (สำหรับนักพัฒนาโค้ด)

เตรียมโครงการของคุณโดยปฏิบัติตามข้อกำหนดต่อไปนี้:

1. จำนวนอักขระสูงสุดที่อนุญาตในโค้ด HTML คือ 65,000
2. ขอแนะนำให้วาง JavaScript และ CSS ไว้ในโค้ด HTML ของแบนเนอร์
หากโค้ด HTML ที่ได้ออกมาเกินจำนวนอักขระสูงสุดที่อนุญาต จำเป็นต้องลดโค้ดโดยใส่ JavaScript และ CSS ลงไป แยกไฟล์:
- บันทึก js และ รหัส CSSเป็นไฟล์แยกกันที่มีนามสกุล .js หรือ .css
3. โปรเจ็กต์สามารถมีได้เพียงไฟล์เดียวที่มีนามสกุล .html
4. จำนวนไฟล์สูงสุดที่อนุญาตในโครงการคือ 50;
5. ประเภทไฟล์ที่อนุญาตในโครงการ: css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm, avi, swf, otf, ttf, abf, acfm, gdr, etx , eot, fnt, ฝน, mf, ttc, woff;
6. ขนาดสูงสุดแต่ละไฟล์ (ใช้กับไฟล์ภายในไฟล์เก็บถาวรด้วย):
- 300กิโลไบต์;
- 1MB สำหรับไฟล์วิดีโอ
7. ชื่อไฟล์ต้องประกอบด้วยตัวเลขหรือตัวอักษรภาษาอังกฤษและขีดล่างเท่านั้น ไม่อนุญาตให้ใช้ตัวอักษรรัสเซีย ช่องว่าง เครื่องหมายคำพูด และอักขระพิเศษในชื่อไฟล์
8. คุณไม่สามารถใช้ตัวอักษรรัสเซียในชื่อของตัวแปรและวัตถุได้
ข้อยกเว้นเพียงอย่างเดียวคือข้อความบนแบนเนอร์
9. รูปแบบของโครงการที่เสร็จสมบูรณ์ - ซิปคลังเก็บเอกสารสำคัญ.

อะโดบี แอนิเมชั่น ซีซี

1. การเตรียมบรรณาธิการ

หากต้องการสร้างโครงการใหม่ใน AdobeAnimate CC ให้เลือกโครงการ "HTML5 Canvas"

รหัสของเทมเพลตนี้สามารถใช้เป็นพื้นฐานในการสร้างโฆษณาในตัวแก้ไข

หากต้องการใช้เทมเพลตกับโปรเจ็กต์ ในการตั้งค่าการเผยแพร่ ให้เลือก "การตั้งค่าการเผยแพร่ขั้นสูง -> นำเข้าใหม่...".

เทมเพลตมีสคริปต์ adfox_HTML5.js

3. คลิกการประมวลผล

หากโฆษณาของคุณมีภาพเคลื่อนไหวแบบวน ให้ใช้โค้ดสำหรับปุ่มจากส่วนนั้นเท่านั้น

3.1 หากต้องการให้พื้นที่แบนเนอร์ทั้งหมดสามารถคลิกได้และมีลิงก์เดียวให้ไป ให้เพิ่มโค้ดต่อไปนี้ในเฟรมแรกของภาพเคลื่อนไหว:

Canvas.style.cursor = "ตัวชี้"; canvas.addEventListener("คลิก", function() ( window.callClick(); ));

3.2 หากต้องการเพิ่มปุ่มหลายปุ่มสำหรับการเคลื่อนที่ด้วยลิงก์ต่างๆ ให้เพิ่มปุ่มหลักสำหรับการคลิกแบนเนอร์ในเลเยอร์ภาพเคลื่อนไหวด้านบน กำหนดชื่ออินสแตนซ์ให้กับปุ่ม และเขียนโค้ดบนปุ่ม:

This.btnMain.addEventListener("คลิก", ฟังก์ชั่น (e) ( var t = e.nativeEvent; if (t.ซึ่ง == 1 || t.button == 0) ( window.callClick(); ); )) ;

เพิ่มปุ่มอื่นๆ ที่จะโอนผู้ใช้ไปยังหน้าต่างๆ ของไซต์ที่โฆษณาเมื่อคลิกแล้ว
วางปุ่มบางปุ่มบนเลเยอร์ด้านบนเหนือบางส่วนของภาพเคลื่อนไหว ตั้งชื่ออินสแตนซ์ให้กับปุ่มต่างๆ และเขียนโค้ดสำหรับแต่ละปุ่ม:

This.btnLeft.addEventListener("คลิก", ฟังก์ชั่น (e) ( var t = e.nativeEvent; if (t.ซึ่ง == 1 || t.button == 0) ( window.callClick(n); ); ) );

ที่ไหน n

3.3

This.btnText.addEventListener("เมาส์โอเวอร์", function() ( window.callEvent(n); ));

ที่ไหน เลื่อนเมาส์ - เหตุการณ์จาวาสคริปต์, n- หมายเลขเหตุการณ์ตั้งแต่ 1 ถึง 30 ที่ควรถูกทริกเกอร์

คุณสมบัติของการสร้างแอนิเมชั่นแบบวนซ้ำ

วิธีใช้ภาพเคลื่อนไหวแบบวนซ้ำในโฆษณาในตัวแก้ไข Animate CC:
- ตั้งค่าตัวเลือก "วนรอบไทม์ไลน์" ในการตั้งค่าสิ่งพิมพ์
- ใช้รหัสสำหรับปุ่มจากส่วนนี้ และจะต้องลบรหัสสำหรับปุ่มปกติจากย่อหน้าที่ 3.1 และ 3.2

โค้ดสำหรับโฆษณาที่มีปุ่มเดียวและภาพเคลื่อนไหวแบบวนซ้ำ:

หากมีหลายปุ่ม ให้เพิ่มโค้ดต่อไปนี้ในโค้ดสำหรับการเรียกเหตุการณ์ ADFOX:

ถ้า (typeof(this.stopCycle) == "unknown") ( this.btnMain.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.ซึ่ง == 1 || t.button == 0) ( window.callClick(); ; )); this.btnLeft.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.ซึ่ง == 1 || t. ปุ่ม == 0) ( window.callClick(n); )); this.stopCycle = true; )

ที่ไหน n- หมายเลขเหตุการณ์ตั้งแต่ 1 ถึง 30 ที่ควรถูกทริกเกอร์

การใช้ปุ่มโปร่งใส

คุณสามารถใช้ปุ่มโปร่งใสได้ เช่น หากคุณต้องการทำให้พื้นที่แบนเนอร์ทั้งหมดคลิกได้หรือเพียงบางส่วนเท่านั้น สำหรับปุ่มเหล่านี้ เช่นเดียวกับปุ่มทั่วไป จะต้องเพิ่มรหัสสำหรับการเรียกการเปลี่ยนแปลงหรือเหตุการณ์

ปุ่มใน Animate คือสัญลักษณ์ที่มีสี่เฟรม คุณสามารถปล่อยสามรายการแรกว่างไว้และเติมเฉพาะ "Hit" สุดท้ายโดยการเพิ่มเนื้อหา (องค์ประกอบกราฟิก) เข้าไปผ่านทางแทรก > ไทม์ไลน์ > คีย์เฟรม

เนื้อหาของเฟรม Hit นั้นมองไม่เห็น แต่จะกำหนดพื้นที่ของปุ่มที่ตอบสนองต่อการคลิก คุณสามารถเพิ่มเนื้อหา (องค์ประกอบกราฟิก) ลงในเฟรมนี้ได้โดยการแทรก > ไทม์ไลน์ > คีย์เฟรม หากเฟรมที่เหลือยังคงว่างเปล่าหรือมองไม่เห็น ให้กดปุ่มเข้า บริเวณที่ทำงานปรากฏเป็นสีน้ำเงินโปร่งใสและมีรูปร่างเหมือนกับเนื้อหาที่มีอยู่ในเฟรม Hit ถัดไป เมื่อคุณเผยแพร่โครงการ พื้นที่สีน้ำเงินโปร่งใสจะไม่ปรากฏให้เห็น

คุณสมบัติของการใช้แบนเนอร์ยืด (ยาง)

หากต้องการให้แบนเนอร์ขยายไปตามความกว้างของคอนเทนเนอร์ที่จะวางแบนเนอร์บนเว็บไซต์ ให้ทำการตั้งค่า: เลือก ไฟล์ > การตั้งค่าการเผยแพร่.
ในแท็บ ขั้นพื้นฐาน, เลือก ทำให้ตอบสนอง > ความกว้าง ความสูง หรือทั้งสองอย่าง.
เลือก ปรับขนาดให้เต็มพื้นที่ที่มองเห็นได้เพื่อดูเอาต์พุตในโหมดเต็มหน้าจอ
การเลือก "พอดีในมุมมอง" จะปรับขนาดเนื้อหาให้เต็มพื้นที่หน้าจอที่มีอยู่ทั้งหมดโดยที่ยังคงอัตราส่วนภาพเท่าเดิม ดังนั้นหากถึงความกว้างสูงสุดแล้ว พื้นที่ตามความสูงของหน้าจออาจยังคงไม่เต็มและในทางกลับกัน

หากคุณไม่สามารถบรรลุผลลัพธ์ที่ต้องการโดยใช้การตั้งค่าโปรแกรม ให้ใช้สคริปต์
นี่คือตัวอย่างของรหัส:
ดาวน์โหลดโค้ดสำหรับการปรับขนาดอัตราส่วนภาพ
ดาวน์โหลดโค้ดสำหรับการปรับขนาดโดยไม่มีอัตราส่วนภาพ
ดาวน์โหลดโค้ดสำหรับองค์ประกอบการวางตำแหน่งโดยที่ an0..an4คือชื่ออินสแตนซ์ขององค์ประกอบ

คุณสมบัติการสร้างแบนเนอร์พร้อมไฟกระพริบอัตโนมัติ

หากคุณต้องการแสดงแบนเนอร์จากสถานะขยาย เมื่อเพิ่มแบนเนอร์ในอินเทอร์เฟซ คุณต้องระบุค่า "ใช่" ในพารามิเตอร์ "ขยายอัตโนมัติเสมอ" หรือ "ขยายเมื่อเริ่มต้น" และเพิ่มโค้ดใน โฆษณา HTML:

Window.global_exp_banner = this.exp_banner; window.global_main_banner = นี้.main_banner; window.global_exp_banner.visible = เท็จ; ถ้า (window.isBannerExpanded) ( window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false; ) else( window.global_exp_banner. มองเห็นได้ = false; window.global_exp_banner.btnCollapse.visible = false; window.global_main_banner.visible = true; window.global_main_banner.btnExpand.visible = true; ) window.global_main_banner.btnExpand.addEventListener("คลิก",ขยายBanner.bind(สิ่งนี้ )); window.global_exp_banner.btnCollapse.addEventListener("คลิก",ยุบBanner.bind(นี้)); window.onBannerExpand = function() ( window.callEvent(2); window.global_exp_banner.visible = true; window.global_exp_banner.btnCollapse.visible = true; window.global_main_banner.visible = false; window.global_main_banner.btnExpand.visible = false ; ) window.onBannerCollapse = function() ( window.callEvent(3); window.global_exp_banner.visible = false; window.global_exp_banner.btnCollapse.visible = false; window.global_main_banner.visible = true; window.global_main_banner.btnExpand.visible = จริง; )

5. การเผยแพร่โครงการ

สำคัญ! เมื่อดูตัวอย่างโครงการในเบราว์เซอร์ผ่าน (Ctrl-Enter | Cmd-Enter)ค่าสุ่มของแบบฟอร์มจะถูกผนวกเข้ากับลิงก์ในชื่อไฟล์ในรูปแบบ HTML ?1468231208369 . ค่าดังกล่าวจะต้องถูกแยกออกจากโครงการเมื่อโหลดลงใน ADFOX
เมื่อต้องการทำเช่นนี้ โปรเจ็กต์สุดท้ายในตัวแก้ไขจะต้องได้รับการเผยแพร่ผ่านทาง ไฟล์ > การตั้งค่าการเผยแพร่ > เผยแพร่ (Shift-Ctrl-F12 | Shift-Cmd-F12).

เมื่อเผยแพร่โครงการ ให้เลือกเทมเพลต AdobeAnimate_Adfox_.html.

.zip

Google นักออกแบบเว็บ

โค้ดของแบนเนอร์นี้สามารถใช้เป็นพื้นฐานในการสร้างโฆษณาในตัวแก้ไขได้

เทมเพลตมีสคริปต์ adfox_HTML5.jsและชุดพารามิเตอร์สำหรับการดำเนินการที่ถูกต้องของการเปลี่ยนภาพและการนับเหตุการณ์:
%reference%, %user1%, %eventN% โดยที่ N คือหมายเลขเหตุการณ์ตั้งแต่ 1 ถึง 30

2. คลิกการประมวลผล

เหตุการณ์ทั้งหมดถูกกำหนดให้กับองค์ประกอบภาพเคลื่อนไหวเฉพาะผ่านทางแท็บเหตุการณ์

ส่วนประกอบ Interactive Area ใช้เพื่อเรียกใช้การดำเนินการ
เพิ่มและเลือกกิจกรรม "พื้นที่โต้ตอบ" - "สัมผัส/คลิก"(หรือ "พื้นที่การแตะ > สัมผัส/คลิก" ในเวอร์ชันภาษาอังกฤษ)

ในแท็บ "รหัสที่กำหนดเอง" ให้ระบุการเรียกฟังก์ชันคลิก

2.1

โทรคลิก();

2.2

โทรคลิก(n);

ที่ไหน n

2.3 หากคุณต้องการทริกเกอร์เหตุการณ์จากภาพเคลื่อนไหวโดยไม่มีการเปลี่ยนแปลง ให้ใช้โค้ดต่อไปนี้:

กิจกรรมการโทร (n);

ที่ไหน n- จำนวนเหตุการณ์ที่ควรเรียก

เพื่อให้แบนเนอร์ขยายไปตามความกว้างของคอนเทนเนอร์ที่จะวางบนเว็บไซต์หรือบนแผง คุณสมบัติสำหรับตำแหน่งและขนาด ให้ระบุเปอร์เซ็นต์แทนพิกเซล

ใช้ตัวเลือกด้วย "จัดแนวไปยังคอนเทนเนอร์"และ "โครงยาง"บน แผงด้านบนเครื่องมือ
หากคุณเปิดใช้เค้าโครงแบบไหลก่อนที่จะใช้เครื่องมือปรับแนวใดๆ เมื่อคุณปรับขนาดคอนเทนเนอร์หลัก องค์ประกอบทั้งหมดจะปรับแนวให้ชิดกันและตามขนาดของคอนเทนเนอร์
ในกรณีนี้ คุณสามารถใช้องค์ประกอบทั้งขนาดสัมพัทธ์เป็นเปอร์เซ็นต์และขนาดสัมบูรณ์เป็นพิกเซลพร้อมกันได้

4. การเผยแพร่โครงการ

เมื่อเพิ่มแบนเนอร์ลงใน ADFOX ผู้จัดการจะต้องทราบความสอดคล้องของปุ่มและหมายเลขเหตุการณ์ สำหรับแต่ละเหตุการณ์ ผู้จัดการจะเขียนลิงก์ของตนเองเพื่อนำทางไป ซึ่งจะถูกส่งผ่านไปยังโค้ดแบนเนอร์โดยใช้ตัวแปร

หลังจากเผยแพร่โครงการแล้ว ให้เก็บถาวรในรูปแบบ .zip. โฆษณาของคุณพร้อมที่จะอัปโหลดไปยังแบนเนอร์ ADFOX แล้ว

Adobe Edge ภาพเคลื่อนไหว CC

ในการเริ่มต้น ให้เรียกใช้ไฟล์ที่มีนามสกุล .หนึ่งจากเอกสารสำคัญ

2. คลิกการประมวลผล

กิจกรรมทั้งหมดถูกกำหนดให้กับองค์ประกอบภาพเคลื่อนไหวเฉพาะผ่านแท็บ "โค้ด"

หากต้องการนำทางผ่านองค์ประกอบที่เลือก คุณต้องเลือกเหตุการณ์ คลิกและเขียนการเรียกไปยังฟังก์ชันคลิก

ปุ่มจะต้องได้รับการกำหนดชื่ออินสแตนซ์ เช่น btnMain, btnRight

2.1 หากใช้ปุ่มกระโดดปุ่มเดียว:

โทรคลิก();

2.2 หากมีปุ่มเปลี่ยนหลายปุ่ม:

โทรคลิก(n);

ที่ไหน n- จำนวนเหตุการณ์ที่ควรเรียก

กิจกรรมการโทร (n);

ที่ไหน n- จำนวนเหตุการณ์ที่ควรเรียก

คุณสมบัติของการใช้แบนเนอร์ยืด (ยาง)

เพื่อให้แบนเนอร์ขยายไปตามความกว้างของคอนเทนเนอร์ที่จะวางบนเว็บไซต์ เมื่อเตรียมแบนเนอร์ในตัวแก้ไขในแผงคุณสมบัติ คุณต้องระบุเปอร์เซ็นต์แทนพิกเซลสำหรับตำแหน่งและขนาด

นอกจากนี้ยังมีปุ่มขนาดและตำแหน่งขนาดสำหรับองค์ประกอบในแผงตำแหน่งและขนาด

4. การเผยแพร่โครงการ

ควรเผยแพร่โปรเจ็กต์ด้วยการตั้งค่าต่อไปนี้:

สำหรับผู้ที่ต้องการพัฒนาอย่างต่อเนื่อง เรียนรู้บางสิ่งบางอย่าง และเรียนรู้สิ่งใหม่ๆ อย่างต่อเนื่อง เราได้จัดทำหมวดหมู่นี้ขึ้นมาเป็นพิเศษ มีเนื้อหาที่เป็นประโยชน์และมีประโยชน์ซึ่งคุณจะต้องเพลิดเพลินอย่างแน่นอน วิดีโอจำนวนมากอาจเทียบได้กับการศึกษาที่เราได้รับในโรงเรียน วิทยาลัย หรือมหาวิทยาลัย สิ่งที่ใหญ่ที่สุดเกี่ยวกับวิดีโอการฝึกอบรมคือพวกเขาพยายามให้ข้อมูลล่าสุดและเกี่ยวข้องมากที่สุด โลกรอบตัวเราในยุคของเทคโนโลยีเปลี่ยนแปลงอยู่ตลอดเวลาและสิ่งพิมพ์ทางการศึกษาก็ไม่มีเวลาให้ข้อมูลล่าสุด

ในบรรดาวิดีโอต่างๆ คุณยังสามารถค้นหาวิดีโอเพื่อการศึกษาสำหรับเด็กก่อนวัยเรียนได้อีกด้วย ที่นั่นลูกของคุณจะได้รับการสอนตัวอักษร ตัวเลข การนับ การอ่าน ฯลฯ เห็นด้วยมันเป็นทางเลือกที่ดีมากสำหรับการ์ตูน คุณยังสามารถรับการฝึกอบรมสำหรับนักเรียนชั้นประถมศึกษาได้ด้วย ภาษาอังกฤษ,ช่วยเหลือในการศึกษาวิชาเรียน สำหรับนักเรียนที่มีอายุมากกว่า วิดีโอเพื่อการศึกษาได้ถูกสร้างขึ้นซึ่งจะช่วยให้คุณเตรียมตัวสำหรับการทดสอบ การสอบ หรือเพียงแค่เพิ่มพูนความรู้ของคุณในหัวข้อเฉพาะ ความรู้ที่ได้รับสามารถส่งผลกระทบเชิงคุณภาพต่อศักยภาพทางจิตของพวกเขาและยังช่วยให้คุณได้เกรดดีเยี่ยมอีกด้วย

สำหรับคนหนุ่มสาวที่สำเร็จการศึกษาแล้ว กำลังศึกษาอยู่ หรือไม่ได้เรียนในมหาวิทยาลัย มีวิดีโอการศึกษาที่น่าสนใจมากมาย พวกเขาสามารถช่วยให้พวกเขามีความรู้ลึกซึ้งยิ่งขึ้นเกี่ยวกับวิชาชีพที่พวกเขากำลังศึกษาอยู่ หรือรับอาชีพ เช่น โปรแกรมเมอร์, นักออกแบบเว็บไซต์, เครื่องมือเพิ่มประสิทธิภาพ SEO เป็นต้น อาชีพนี้ยังไม่ได้สอนในมหาวิทยาลัย ดังนั้นคุณสามารถเป็นผู้เชี่ยวชาญในสาขาขั้นสูงและเกี่ยวข้องได้โดยการศึกษาด้วยตนเองเท่านั้น ซึ่งเราพยายามช่วยด้วยการรวบรวมวิดีโอที่มีประโยชน์ที่สุด

สำหรับผู้ใหญ่หัวข้อนี้ก็มีความเกี่ยวข้องเช่นกันเนื่องจากมักเกิดขึ้นหลังจากทำงานในสายอาชีพมาหลายปี คุณจะเข้าใจว่านี่ไม่ใช่เรื่องของคุณและคุณต้องการเรียนรู้สิ่งที่เหมาะสมสำหรับตัวคุณเองมากกว่าและในขณะเดียวกันก็ทำกำไรได้ นอกจากนี้ ในบรรดาคนประเภทนี้ มักมีวิดีโอเกี่ยวกับประเภทของการพัฒนาตนเอง การประหยัดเวลาและเงิน การปรับปรุงชีวิตของพวกเขา ซึ่งพวกเขาพบวิธีที่จะมีชีวิตที่ดีขึ้นและมีความสุขมากขึ้น แม้แต่สำหรับผู้ใหญ่ หัวข้อการสร้างและพัฒนาธุรกิจของคุณเองก็เหมาะมาก

นอกจากนี้ในวิดีโอเพื่อการศึกษายังมีวิดีโอที่เน้นทั่วไปซึ่งเหมาะสำหรับเกือบทุกวัยในวิดีโอเหล่านี้คุณสามารถเรียนรู้เกี่ยวกับการเริ่มต้นชีวิต ทฤษฎีวิวัฒนาการที่มีอยู่ ข้อเท็จจริงจากประวัติศาสตร์ ฯลฯ พวกเขาขยายขอบเขตอันไกลโพ้นของบุคคลได้อย่างสมบูรณ์แบบทำให้เขากลายเป็นคู่สนทนาที่มีสติปัญญาและรอบคอบมากขึ้น วิดีโอเพื่อการศึกษาดังกล่าวมีประโยชน์สำหรับทุกคนในการรับชม โดยไม่มีข้อยกเว้น เนื่องจากความรู้คือพลัง เราหวังว่าคุณจะรับชมอย่างเพลิดเพลินและมีประโยชน์!

ปัจจุบันจำเป็นต้องเป็นสิ่งที่เรียกว่า "บนคลื่น" นี่หมายถึงไม่เพียงแต่ข่าวเท่านั้น แต่ยังรวมถึงการพัฒนาจิตใจของตัวเองด้วย หากคุณต้องการพัฒนา สำรวจโลก เป็นที่ต้องการของสังคม และมีความน่าสนใจ ส่วนนี้เหมาะสำหรับคุณโดยเฉพาะ

เป็นเวลากว่าเจ็ดปีแล้วที่ฉันทำงานระยะไกลกับลูกค้าชาวต่างชาติจากสหรัฐอเมริกา แคนาดา ออสเตรเลีย เยอรมนี และประเทศอื่นๆ ฉันวาดทรัพยากรกราฟิกและแอนิเมชั่นสำหรับเกม อะโดบี แอนิเมชั่น ซีซี. ก่อนหน้านี้บรรณาธิการถูกเรียกตัว Adobe Flash Professional ซีซี.

ในบล็อกเก่า ฉันเริ่มบทเรียนชุดที่คล้ายกัน แต่แทนที่จะเรียนต่อ ฉันตัดสินใจเขียนทุกอย่างใหม่อีกครั้งเพื่อแบ่งปันประสบการณ์ใหม่

เหตุใดเราจึงต้องมีบทเรียนอีกชุดเกี่ยวกับการวาดภาพใน Adobe Flash ฉันทำสิ่งนี้มาหลายปีแล้วและเชื่อว่าประสบการณ์ของฉันจะเป็นประโยชน์สำหรับผู้เริ่มต้น โดยเฉพาะสำหรับผู้ที่ไม่เคยวาดภาพด้วยแท็บเล็ตกราฟิกมาก่อน หากคุณเก่งในการวาดภาพบนกระดาษ แต่ไม่เคยวาดบนคอมพิวเตอร์มาก่อน ฉันมีบางอย่างที่จะบอกคุณอย่างแน่นอน

และสำหรับใครที่วาดไม่เป็นบนกระดาษก็จะพยายามอธิบายว่าจะพัฒนาทักษะนี้โดยทั่วไปได้อย่างไรโดยไม่ต้องอ้างอิงถึง โปรแกรมแก้ไขกราฟิก: การสร้างเปอร์สเปคทีฟและองค์ประกอบ การเลือกสี การแรเงา และหัวข้ออื่นๆ

การเลือกแท็บเล็ตกราฟิก

ไม่สำคัญว่าคุณจะวาดได้หรือไม่ คุณจะต้องมีเครื่องมือ: อุปกรณ์และโปรแกรม เริ่มจากฮาร์ดแวร์กันก่อน คุณมีคอมพิวเตอร์อยู่แล้ว แต่คุณยังต้องเชื่อมต่อแท็บเล็ตกราฟิกเข้ากับเครื่องซึ่งจะทำให้เรามีโอกาสวาดภาพบนผืนผ้าใบเสมือนที่มีอยู่ใน หน่วยความจำเข้าถึงโดยสุ่ม. กล่าวอีกนัยหนึ่ง มันเป็นอุปกรณ์ป้อนข้อมูลอื่น เช่น เมาส์หรือแทร็กบอล แต่แท็บเล็ตมีข้อดีที่ให้คุณวาดภาพเหมือนบนกระดาษ ซึ่งรวมถึงความไวต่อแรงกดและรูปร่างคล้ายปากกา

มีผู้ผลิตแท็บเล็ตกราฟิกหลายราย: Wacom, Genius, Huion เคยเจอแค่สองอันแรก โดยรวมแล้ว ฉันได้ลองใช้แท็บเล็ตจาก Wacom มาแล้วสี่เครื่องและอีกหนึ่งแท็บเล็ตจาก Genius เมื่อเริ่มต้นใช้งาน ฉันขอแนะนำ Wacom เป็นอย่างยิ่ง คุณภาพสูงในราคาที่สมเหตุสมผล

หากคุณไม่มีเงิน อย่าซื้อ Genius แต่ซื้อปากกา Wacom Bamboo Pen ขนาดเล็กราคาประหยัดที่สุด ฉันใช้เกือบจะแบบเดียวกันคือ Wacom Bamboo Pen&Touch S CTH-460 ไม่มีปัญหาร้ายแรงตลอดการใช้งานเจ็ดปี ซึ่งเป็นอุปกรณ์ที่ดีในการเริ่มต้น ถ้าประหยัดเงินได้ก็เลือกรุ่นที่ใหญ่กว่า ฉันใช้ Wacom Bamboo Fun Pen&Touch M CTH-670

ตัวเลขและตัวอักษรในชื่อรุ่นของ Wacom หมายถึงอะไร

ฉันจะอธิบายว่าตัวเลขและตัวอักษรในชื่อมีความหมายว่าอย่างไรเพื่อให้คุณสำรวจสวนจำลองของบริษัทได้ง่ายขึ้น

Wacom Bamboo Fun Pen&Touch M CTH -6 70

ม– ขนาดของพื้นที่ทำงาน มี S - เล็ก (เล็ก), M - กลาง (กลาง), L - ใหญ่ (ใหญ่);
ซีทีเอช- วิธี ผู้เล่นตัวจริง. มี CTL และ CTH - รุ่นสมัครเล่น ระดับเริ่มต้นพร้อมปุ่มเสริมและทัชแพด, PTH - รุ่นมืออาชีพ, DTH และ DTK - รุ่นมืออาชีพพร้อมจอแสดงผลในตัว
6 – ขนาดพื้นที่ทำงาน หน่วยเป็นนิ้ว มี 4 - เล็ก (เล็ก), 6 - กลาง (กลาง), 8 - ใหญ่ (ใหญ่) และ 13 และมากกว่า แต่จะใช้ได้กับแท็บเล็ตที่มีจอแสดงผลในตัวเท่านั้น บางครั้งร้านค้าและโฆษณาออนไลน์ไม่ได้ระบุดัชนีตัวอักษรจากนั้นคุณสามารถใช้ดิจิทัลเพื่อทำความเข้าใจขนาดของอุปกรณ์ได้
70 - รุ่นและรุ่น สิ่งสำคัญคือต้องเข้าใจว่ายิ่งจำนวนนี้มากเท่าไร อุปกรณ์ใหม่กว่า. เพื่อการเปรียบเทียบของฉัน แท็บเล็ตเก่ามีดัชนี CTH-460 อะนาล็อกสมัยใหม่คือ CTH-490 รุ่นต่างกัน 10: 460, 470 เป็นต้น

ขนาดแท็บเล็ตกราฟิก

เมื่อคุณวาด พื้นที่ใช้งานของพื้นที่ทำงานมีขนาดเล็กมาก กล่าวอีกนัยหนึ่ง สไตลัสจะเลื่อนภายในรัศมีวงกลมเล็กๆ อย่างต่อเนื่อง วงกลมนี้อาจขยับเล็กน้อย เมื่อเวลาผ่านไป คราบจะก่อตัวขึ้นซึ่งมองเห็นได้จากการสะสมของรอยขีดข่วนขนาดเล็กหนาแน่น มันแสดงให้เห็นว่าคุณไม่ได้ใช้อุปกรณ์ต่อพ่วงจริง ๆ ทุกอย่างเกิดขึ้นที่กึ่งกลาง

อาจสันนิษฐานได้ว่าไม่จำเป็นต้องใช้แท็บเล็ตกราฟิกขนาดใหญ่ เนื่องจากคุณจะไม่ใช้พื้นที่ทำงานทั้งหมด และพื้นที่กิจกรรมจะมีขนาดเท่ากับในรุ่นที่เล็กกว่า แต่นั่นไม่เป็นความจริง

เมื่อคุณทำงานบนแท็บเล็ต พื้นที่ทำงานของแท็บเล็ตจะถูกฉายทั่วทั้งความกว้างของจอภาพ ดังนั้น ยิ่งแท็บเล็ตมีขนาดใหญ่เท่าใด คุณก็จะสามารถใช้ลายเส้นได้แม่นยำมากขึ้นเท่านั้น และในทางกลับกัน ยิ่งจอภาพมีขนาดใหญ่และแท็บเล็ตมีขนาดเล็กลง คุณก็จะวาดได้ยากและไม่สบายตัวมากขึ้นเท่านั้น จากประสบการณ์ฉันสามารถพูดได้ว่าหลังจากเปลี่ยนจากขนาด S เป็น M เมื่อทำงานกับจอภาพกว้างพิเศษขนาด 29 นิ้ว งานของฉันก็สบายขึ้น 25-30% ฉันพบว่าการวาดโครงร่างที่ซับซ้อนนั้นใช้ความพยายามน้อยกว่า และประสบการณ์โดยรวมก็ให้ความรู้สึกที่นุ่มนวลและสนุกสนานมากขึ้น

แท็บเล็ตกราฟิกขนาดใหญ่ควรมีสภาพแวดล้อมการทำงานที่สะดวกสบายยิ่งขึ้น แต่ฉันไม่ได้ทำงานกับรุ่น L ดังนั้นฉันจึงได้แต่เดาเท่านั้น

ความแตกต่างระหว่างแท็บเล็ต Wacom มือสมัครเล่นและมืออาชีพ

เมื่อซื้อรุ่นโปร คุณจะได้รับอุปกรณ์ไร้สายที่ทำจากพลาสติกคุณภาพสูงกว่าพร้อมความไวต่อแรงกด 2,048 ระดับ เทียบกับ 1,024 ระดับสำหรับรุ่นที่ราคาถูกกว่า การออกแบบที่สวยงาม การควบคุมเพิ่มเติมในรูปแบบของปุ่มและวงแหวนสัมผัส ฉันพอใจกับซีรีส์ Bamboo รุ่นน้องที่ล้าสมัยซึ่งเลิกผลิตไปแล้ว ความแตกต่างของราคาระหว่างรุ่นสมัครเล่นและรุ่นโปรจะมากกว่าสองเท่า ตารางจะวางทุกอย่างตามลำดับ:

การตั้งค่า Wacom Bamboo Pen & Touch M CTH-670

ก่อนเชื่อมต่ออุปกรณ์ ให้ดาวน์โหลดไดรเวอร์จากเว็บไซต์ทางการของ Wacom

รายการรุ่น	ลิงค์ไดร์เวอร์
อินทูออส CTL-4100/6100/4100WL/6100WL Intuos Pro PTH-451/651/660/851/860 CTL-471/671/472/672 หนึ่งตัว อินทูออส CTL-480/490/680/690 อินทูออส CTH-480/490/680/690 Intuos 5 PTK-450/650 PTH-450/650/850 Intuos 4 PTK-440/640/840/1240/540WL	หน้าต่าง ระบบปฏิบัติการ macOS
ปากกาแบมบู&ทัช CTH-460/470/471/660/661/670 ปากกาไม้ไผ่ CTL-460/471	หน้าต่าง ระบบปฏิบัติการ macOS

หลังจากเชื่อมต่อแท็บเล็ตและติดตั้งไดรเวอร์แล้ว ให้เปิดแอปพลิเคชัน การตั้งค่าของ Wacomซึ่งสามารถพบได้ผ่านทาง ค้นหาวินโดวส์(Win + S) หรือในแผงควบคุม

การตั้งค่าพื้นฐานของแท็บเล็ตของ บริษัท ไม่แตกต่างกันทั้งรุ่นมือสมัครเล่นและมืออาชีพได้รับการกำหนดค่าในลักษณะเดียวกัน

บนแท็บ ยาเม็ดคุณสามารถกำหนดค่าแท็บเล็ตสำหรับมือขวาและซ้ายรวมทั้งกำหนดการดำเนินการให้กับปุ่มต่างๆ ขั้นแรก ให้ติดตั้งพวกมันเข้าไป พิการเมื่อเวลาผ่านไป คุณจะสามารถกำหนดปุ่มลัดได้

ในแท็บถัดไป ปากกาพบพารามิเตอร์ที่สำคัญ:

เคล็ดลับความรู้สึก- ความไวต่อแรงกด ปล่อยให้มันอยู่ตรงกลาง ในกระบวนการนี้ คุณจะเข้าใจว่าคุณชอบความแข็งแบบใดและปรับให้เข้ากับรสนิยมของคุณ
การติดตาม— โหมดติดตามตำแหน่งของสไตลัส ติดตั้ง โหมดปากกา— พื้นที่ทำงานของแท็บเล็ตขยายเต็มหน้าจอ โหมด หนูใช้แทนเมาส์
การตั้งค่าที่เหลือไม่สำคัญนัก ปุ่มปากกาช่วยให้คุณสามารถกำหนดการกระทำให้กับปุ่มสไตลัสได้ ยางลบความรู้สึก— ความไวของแถบยางที่ด้านหลังของสไตลัส ฉันไม่ได้ใช้ฟีเจอร์นี้เพราะมันเร็วกว่าสำหรับฉันที่จะสลับใช้ปุ่มลัด

ในแท็บเดียวกันในส่วน การติดตามกดปุ่ม กำลังทำแผนที่...เพื่อกำหนดค่าการฉายภาพพื้นที่ทำงานของแท็บเล็ตบนหน้าจอมอนิเตอร์ หน้าต่างจะเปิดขึ้น รายละเอียดโหมดปากกา.

ในบทที่ พื้นที่หน้าจอเลือก เฝ้าสังเกตหากคุณมีจอภาพหลายจอและระบุจอภาพหลัก หากมีจอภาพเพียงจอเดียวก็ปล่อยทิ้งไว้ หน้าจอทั้งหมด

ในบทที่ การปรับขนาดอย่าลืมทำเครื่องหมายที่ช่องถัดจากนั้น สัดส่วนแรงเพื่อให้พื้นที่ทำงานไม่ยืดเมื่อฉายลงบนหน้าจอ ในกรณีนี้ พื้นที่ทำงานส่วนหนึ่งของแท็บเล็ตจะไม่ถูกใช้ แต่เราจะมีสัดส่วนปกติ 1 ต่อ 1 และถ้าคุณวาดวงกลม มันจะปรากฏบนหน้าจอเป็นวงกลม ไม่ใช่วงรียาว

อย่าลืมทำเครื่องหมายในช่องข้างๆ ใช้ Windows Inkเพื่อให้ไวต่อแรงกดในการทำงาน

ในแท็บถัดไป แตะตัวเลือกยกเลิกการเลือกช่องตรงข้าม เปิดใช้งานการป้อนข้อมูลแบบสัมผัสเพื่อเปลี่ยนแท็บเล็ตเป็นโหมดปกติ

ในแท็บที่เหลือ ฉันปิดใช้งานทุกอย่างแล้ว เนื่องจากฉันไม่ได้ใช้ท่าทางสัมผัสของโหมดสัมผัสหรือเมนูแบบเลื่อนลงที่เป็นกรรมสิทธิ์ เสร็จสิ้นการตั้งค่าแท็บเล็ตกราฟิก

สร้างภาพเคลื่อนไหว CC หรือ Flash Professional CC?

Adobe Animate CC เป็นการรีแบรนด์ Adobe Flash Professional CC โดยมีการเพิ่มนวัตกรรมหลายอย่างลงในโปรแกรม แม้จะมีชื่อเก่า แต่ก็ได้รับความนิยมอย่างมากในหมู่ศิลปิน แอนิเมเตอร์ และผู้พัฒนาเกมอินดี้ หลักการออกแบบเวกเตอร์ช่วยให้คุณสร้างสไปรท์สำหรับความละเอียดใดก็ได้ เวอร์ชันใดก็ตามที่คุณจะได้รับจะใช้ได้กับการวาดภาพ เครื่องมือวาดภาพยังคงเหมือนเดิมมาหลายปีแล้ว โดยมีการปรับปรุงเพียงเล็กน้อยเท่านั้น ฉันจะใช้ Adobe Animate CC แต่ทุกสิ่งที่เขียนจะมีผลกับ Adobe Flash Professional เวอร์ชันเก่าด้วย โดยวิธีการใน เมื่อเร็วๆ นี้ Adobe ได้เปลี่ยนไปใช้รูปแบบการสมัครสมาชิกรายเดือนเพื่อเข้าถึงผลิตภัณฑ์ของตน แทนที่จะต้องเสียค่าใช้จ่ายเพียงครั้งเดียว ตอนนี้เป็นราคาสำหรับ โดยใช้อะโดบี Animate CC อยู่ที่ 20 เหรียญต่อเดือน

เปิดตัว Adobe Animate CC ครั้งแรก

หลังจากดาวน์โหลด ให้สร้างไฟล์ใหม่และเลือกประเภท สคริปต์การกระทำ 3.0. ในหน้าต่างเดียวกัน คุณสามารถระบุพารามิเตอร์ฉากได้:

ความกว้างและ ความสูง— ความกว้างและความสูงของฉากเป็นพิกเซล มาตั้งค่าเป็น 1920 x 1024 เช่นเดียวกับความละเอียดในจอภาพหรือสมาร์ทโฟนสมัยใหม่
หน่วยไม้บรรทัด— หน่วยวัด ตั้งค่าพิกเซล
อัตราเฟรม— จำนวนเฟรมต่อวินาที เหลือ 24
สีพื้นหลัง— สีพื้นหลัง ตั้งค่าเป็นสีเทา

การตั้งค่าเหล่านี้สามารถเปลี่ยนแปลงได้หลังจากสร้างเอกสารแล้ว ในการทำเช่นนี้คุณต้องเลือกเครื่องมือ เครื่องมือการเลือก (ปุ่มลัด V) เปิดหน้าต่าง คุณสมบัติและขยายส่วนออกไป คุณสมบัติ. หากคุณไม่พบหน้าต่างนี้ ให้ใช้เมนู หน้าต่าง → คุณสมบัติหรือการรวมกัน ปุ่ม Ctrl+ F3.

การตั้งค่าปุ่มลัด

เพื่อเพิ่มประสิทธิภาพการทำงานของคุณ คุณต้องใช้ปุ่มลัดให้สูงสุด ในช่วงแรกๆ สิ่งนี้จำเป็นต้องทำความคุ้นเคยและจดจำชุดคีย์ใหม่ๆ แต่ในอนาคต ประสิทธิภาพของคุณจะเพิ่มขึ้นอย่างก้าวกระโดด ฉันได้กำหนดปุ่มลัดส่วนใหญ่ใหม่ให้อยู่ทางด้านขวาของแป้นพิมพ์ ทำไมอยู่ทางขวา? ความจริงก็คือฉันถนัดซ้ายและสะดวกกว่าสำหรับฉัน หากคุณถนัดขวาคุณจะต้องคิดแผนของคุณเอง นอกจากนี้ฉันใช้ Rapoo E9050 และ Apple Wireless Keyboard ซึ่งทำในรูปแบบแป้นพิมพ์แล็ปท็อปดังนั้นหากคุณใช้ขนาดเต็มให้ทำงานหนักอีกครั้งและสร้างแผนการของคุณเอง - มันจะคุ้มค่า ประหยัดเวลาได้มาก - และพิจารณาโครงการของฉันเป็นตัวอย่าง

รับแนวคิด: จัดกลุ่มคำสั่งพื้นฐานบนด้านที่สะดวกของแป้นพิมพ์เพื่อจัดเตรียม เข้าถึงได้รวดเร็วโดยไม่ต้องเปลี่ยนตำแหน่งมือตลอดเวลา โดยส่วนใหญ่ควรอยู่ในที่เดียวเพียงนิ้วของคุณเท่านั้นที่ "เดิน" ในรัศมีเล็ก ๆ โดยกดปุ่ม แน่นอนว่ายังมีทีมที่ต้องการเปลี่ยนตำแหน่งอยู่ แต่พวกเขาก็เป็นส่วนน้อยอย่างล้นหลาม นี่คือแผนภาพของฉัน:

ทีม	คำอธิบาย	ชุดค่าผสมเก่า	ชุดค่าผสมใหม่
เลือกทั้งหมด	เลือกทั้งหมด	Ctrl+A	Ctrl + A, O
ยกเลิกการเลือกทั้งหมด	ลบการเลือก	Ctrl + Shift + A	Ctrl + Shift + A, P
เลิกทำ	ยกเลิกการดำเนินการ	Ctrl+Z	Ctrl + Z, [, Z
ทำซ้ำ	ทำซ้ำการกระทำ	Ctrl+Y	Ctrl + Y, ]
ซูม	การปรับขนาด	Shift + Z, Z	กะ + Z, \
ขยายเข้า	ขยายภาพ	Ctrl + =, Ctrl + หมายเลข =	Ctrl + =, Ctrl + หมายเลข =, =
ซูมออก	ซูมออก	Ctrl + =, Ctrl + หมายเลข =	Ctrl + -, Ctrl + หมายเลข -, -
ยืดตรง	ปรับเส้นโค้งที่เลือกให้ตรง		9
เรียบ	เส้นโค้งที่เลือกเรียบ		0
พลิกแนวนอน	พลิกในแนวนอน		เอฟ
พลิกแนวตั้ง	พลิกแนวตั้ง		Shift + F
ตัด	ตัดไปที่คลิปบอร์ด	Ctrl+X	Ctrl + X, X
สัญลักษณ์ซ้ำ...	สัญลักษณ์โคลน		Ctrl+D
สลับสัญลักษณ์...	เปลี่ยนสัญลักษณ์		การควบคุม + ]

ในกรณีส่วนใหญ่ ชุดค่าผสมใหม่จะไม่แทนที่ชุดค่าผสมเก่า แต่เสริมชุดค่าผสมดังกล่าว โดยมีการแนะนำคำสั่งใหม่หลายคำสั่ง คุณต้องกำหนดค่าผ่านเมนู แก้ไข → แป้นพิมพ์ลัด.... ในช่องค้นหา ให้ป้อนชื่อทีมในคอลัมน์ ทางลัดคลิกที่พื้นที่ว่างตรงข้ามคำสั่งที่ต้องการแล้วกดคีย์ผสมใหม่

อย่าพยายามทำความเข้าใจคำสั่งที่ให้ไว้ในตาราง เพราะจะมีการอธิบายคำสั่งทั้งหมดในบทเรียนต่อไปนี้ ในอนาคต เมื่อคุณเริ่มใช้งานมัน มีแนวโน้มว่าคุณจะกำหนดมันใหม่หลายครั้งจนกว่าคุณจะพบตัวเลือกที่สะดวกที่สุด

การตั้งค่าแปรง

เครื่องมือแปรง(ปุ่มลัด B) - เครื่องมือแปรงที่ใช้มากที่สุดในการวาดภาพ การตั้งค่าจะรวมอยู่ในสองหน้าต่าง:

การตั้งค่าแปรงเสร็จสมบูรณ์ มาทาสีกัน

วาดด้วยแปรง

เลือกสีที่เหมาะสมโดยใช้หน้าต่างสี (Ctrl + Shift + F9) เลือกเครื่องมือแปรง (B) และเริ่มต้นด้วยการขีดยาวหนึ่งครั้งโดยใช้แรงเล็กน้อยเพื่อร่างรูปร่างในอนาคต จากนั้นติดตามโครงร่างที่ได้เพื่อขจัดความไม่สม่ำเสมอทั้งหมดให้เรียบ - แปรงก็พร้อมแล้ว

โปรดทราบว่าในตัวอย่างข้างต้น มีการใช้จังหวะเพียงสามจังหวะเท่านั้น คุณควรตั้งเป้าที่จะลากนิ้วให้มีความยาวปานกลางเพื่อไม่ให้มือหลุดออกจากแท็บเล็ต พยายามทำจังหวะเล็ก ๆ หลายครั้งอย่างไม่ถูกต้องเนื่องจากรูปร่างที่ได้จะไม่เรียบและ จำนวนมากคะแนนพิเศษ

Adobe Animate CC ทำงานบนหลักการเวกเตอร์ วัตถุทั้งหมดได้รับการอธิบายทางคณิตศาสตร์และสามารถปรับขนาดได้โดยไม่สูญเสียคุณภาพ ไม่เหมือนวิธีแรสเตอร์ สิ่งนี้ช่วยให้เราสามารถจัดการวัตถุเวกเตอร์ในลักษณะที่เราไม่สามารถทำได้อย่างง่ายดายในโปรแกรมแก้ไขแรสเตอร์ เราสามารถปรับรูปทรงให้เรียบและลดความซับซ้อน ปรับเส้นโค้งให้ตรง เปลี่ยนสัดส่วน และทำให้วัตถุกราฟิกเสียรูปทรงโดยไม่สูญเสียคุณภาพ แต่ละจังหวะจะถูกแปลงเป็นเส้นโค้งทางคณิตศาสตร์โดยอัตโนมัติซึ่งเราสามารถปรับแต่งและแก้ไขได้

หากต้องการตรวจสอบทั้งหมดข้างต้น ให้เปิดใช้งานเครื่องมือ เครื่องมือการเลือกย่อย(ปุ่มลัด A) และเลือกแปรงที่คุณเพิ่งวาด ตอนนี้คุณสามารถเห็นจุดต่างๆ ของเส้นทางเวกเตอร์และยังสามารถเปลี่ยนแปลงได้อีกด้วย

บทสรุป

วันนี้เราได้ตั้งค่า Adobe Animate CC และพร้อมที่จะเริ่มวาดภาพแล้ว ฝึกฝนเล็กน้อยก่อนดำเนินการต่อ เรียนรู้การวาดรูปทรงเรขาคณิตง่ายๆ โดยไม่ผิดเพี้ยน ลองใช้สีและการตั้งค่าแปรงต่างๆ (ทดลองกับพารามิเตอร์การปรับให้เรียบ)

วัสดุที่คล้ายกัน