Pelajaran bekerja di adobe edge animate cc. Danil Fimushkin

Menambahkan karakter atau kotak teks kedua ke tween span akan menggantikan karakter asli di tween. Anda dapat mengubah target tween dengan salah satu cara berikut:

• seret simbol lain dari perpustakaan ke rentang animasi di garis waktu;
• gunakan perintah Edit > Simbol > Ganti simbol.

Simbol dapat dihapus dari lapisan animasi tanpa menghapus atau memisahkan animasi itu sendiri. Anda nanti dapat menambahkan instance simbol lainnya ke animasi. Anda juga dapat mengubah simbol atau jenisnya kapan saja.

Lihat juga

Gerakan Tween Komponen

• Ini adalah urutan bingkai pada garis waktu di mana satu atau lebih properti objek pada garis waktu berubah seiring waktu.
• Rentang tween muncul di garis waktu sebagai grup bingkai pada lapisan yang sama dengan warna latar belakang.
• Rentang animasi ini dapat dipilih sebagai satu objek, diseret dari satu tempat di garis waktu ke tempat lain, dan bahkan ke lapisan lain.
• Setiap rentang animasi hanya dapat menganimasikan satu objek di atas panggung. Objek ini disebut target tween span.

• adalah bingkai dalam rentang tween di mana satu atau lebih nilai properti ditentukan secara eksplisit untuk objek tween target.
• Properti ini dapat mencakup posisi alfa (transparansi), rona warna, dll.
• Keyframe properti terpisah dibuat untuk setiap properti yang ditentukan.
• Jika Anda menyetel lebih dari satu properti dalam satu bingkai, bingkai utama untuk setiap properti tersebut akan ditempatkan di bingkai itu.
• Gunakan editor gerak untuk melihat setiap properti span animasi dan keyframe propertinya.
• Untuk memilih jenis keyframe properti mana yang akan ditampilkan di timeline, dari menu konteks rentang animasi, klik kanan keyframe properti, dan pilih View Keyframes.

Sasaran animasi

Motion tween memiliki satu objek dalam rentang tweennya, yang disebut targetnya. Menggunakan satu target dalam animasi memberikan beberapa keuntungan:

• Animasi dapat disimpan untuk digunakan kembali.
• Anda dapat dengan mudah memindahkan gerakan tween di timeline (menyeret tween span ke lokasi yang berbeda) atau di atas panggung.
• Untuk menerapkan instance baru ke tween yang sudah ada, lakukan hal berikut:
  • rekatkan ke dalam animasi untuk menggantinya;
  • seret instance baru dari perpustakaan;
  • gunakan perintah Ganti Simbol.

Objek dan properti yang dapat di-tween

Jenis objek yang dapat Anda terapkan pada tween gerakan termasuk klip video, grafik, simbol tombol, dan kotak teks. Objek-objek ini dapat memiliki properti berikut:

• Posisikan sepanjang sumbu X dan Y pada bidang

Posisi Sumbu Z 3D (Klip Film Saja)

Rotasi pada bidang (di sekitar sumbu z)

Rotasi 3D X, Y, dan Z (klip film saja): Menunjukkan bahwa file FLA adalah untuk ActionScript 3.0 dan Pemutar Flash 10 atau lebih baru di Opsi Publikasikan. Adobe AIR juga mendukung gerakan 3D.

Miringkan X dan Y

Skala X dan Y

Efek Warna: Termasuk saluran alfa (transparansi), kecerahan, rona, dan opsi lanjutan untuk warna. Efek warna hanya dapat dianimasikan untuk karakter dan teks TLF. Dengan menganimasikan properti ini, Anda dapat memperoleh tampilan halus atau perubahan warna objek. Untuk menganimasikan efek warna untuk teks klasik, ubah teks menjadi karakter.

Properti filter (filter tidak dapat diterapkan ke simbol grafik)

Membuat gerakan tween

Anda dapat membuat gerakan tween dengan salah satu dari tiga cara berikut:

• Buat karya seni atau contoh yang ingin Anda animasikan, lalu klik kanan bingkai dan pilih Buat gerakan tween.
• Pilih karya seni atau contoh yang ingin Anda animasikan, lalu klik kanan bingkai dan pilih Sisipkan > Tween.
• Buat karya seni atau instans yang ingin Anda animasikan, lalu klik kanan instans tersebut wilayah kerja dan pilih Buat gerakan tween.

Membuat gerakan tween

Menganimasikan pergerakan properti lain menggunakan Property Inspector

Gunakan perintah Buat gerakan tween untuk menganimasikan sebagian besar properti contoh karakter atau bidang teks. Properti ini mencakup, misalnya, rotasi, penskalaan, transparansi, atau rona (hanya untuk karakter dan teks TLF). Misalnya, Anda dapat mengubah properti transparansi alfa dari instance simbol agar muncul dengan lancar di layar. Untuk daftar properti yang dapat di-tween, lihat Objek Animasi dan Properti .

Pilih instance karakter atau bidang teks di wilayah kerja.

Jika pilihan berisi objek lain atau berisi banyak objek dari satu lapisan, Animate akan meminta Anda untuk mengonversinya menjadi simbol klip video.

Pilih Menyisipkan > Animasi gerak.

Jika muncul kotak dialog Ubah pilihan menjadi simbol untuk animasi, klik OK untuk mengubah pilihan menjadi simbol klip video.

Saat tween diterapkan ke objek yang hanya ada dalam satu frame, playhead berpindah ke frame terakhir dari tween baru. Jika tidak, playhead tidak akan bergerak.

Tempatkan playhead pada bingkai rentang animasi yang ingin Anda tentukan nilai propertinya.

Playhead dapat ditempatkan di bingkai lain mana pun dalam rentang animasi. Tween dimulai dengan nilai properti pada frame pertama rentang tween, yang selalu menjadi keyframe properti.

Untuk menyiapkan materi iklan HTML untuk penempatan di ADFOX, penting untuk memenuhi persyaratan penyisipan kode yang memproses klik pada spanduk dan menghitung peristiwa di spanduk.
Saat mengembangkan kode HTML, Anda dapat menggunakan editor tempat instruksi ini ditulis:
- Adobe Animate CC;
- Perancang Web Google;
- Adobe Edge Animate CC.

Persyaratan kode HTML (untuk pengembang kode)

Persiapkan proyek Anda dengan persyaratan berikut:

1. Jumlah karakter maksimum yang diperbolehkan dalam kode HTML adalah 65.000;
2. JavaScript dan CSS sebaiknya ditempatkan di dalam kode HTML spanduk;
Jika kode HTML final melebihi jumlah karakter maksimum yang diperbolehkan, maka perlu dilakukan pengurangan kode dengan memindahkan JavaScript dan CSS ke file individu:
- simpan kode js dan css dalam file terpisah dengan ekstensi .js atau .css;
3. Hanya ada satu file .html dalam sebuah proyek;
4. Jumlah file maksimum yang diperbolehkan dalam sebuah proyek adalah 50;
5. Jenis file yang diizinkan dalam proyek: css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm, avi, swf, otf, ttf, abf, acfm, gdr, etx , eot, fnt, fon, mf, ttc, woff;
6. Ukuran maksimum setiap file (juga berlaku untuk file di dalam arsip):
- 300Kb;
- 1Mb untuk file video.
7. Nama file hanya boleh berisi angka atau huruf alfabet Inggris, garis bawah. Tidak diperbolehkan menggunakan huruf Rusia, spasi, tanda kutip, dan karakter khusus dalam nama file;
8. Huruf Rusia tidak dapat digunakan untuk nama variabel dan objek.
Satu-satunya pengecualian adalah teks pada spanduk.
9. Format proyek selesai - ritsleting arsip.

Adobe Animasi CC

1. Persiapan editor.

Untuk membuat proyek baru di Adobe Animate CC, pilih proyek "Kanvas HTML5".

Kode template ini dapat digunakan sebagai dasar pembuatan materi iklan di editor.

Untuk menerapkan template ke proyek, di pengaturan terbitkan, pilih "Pengaturan Publikasi Lanjutan -> Impor Baru...".

Templat berisi skrip adfox_HTML5.js

3. Penanganan klik

Jika materi iklan memiliki animasi berulang, gunakan kode untuk tombol hanya dari bagian tersebut.

3.1 Untuk membuat seluruh area spanduk dapat diklik dan memiliki satu tautan untuk dituju, tambahkan kode berikut di bingkai pertama animasi:

canvas.style.cursor = "penunjuk"; canvas.addEventListener("klik", function() ( window.callClick(); ));

3.2 Untuk menambahkan beberapa tombol untuk navigasi link yang berbeda, lalu tambahkan tombol utama untuk mengklik spanduk di lapisan animasi atas, beri tombol nama instance (Nama Instance) dan tulis kode pada tombol:

This.btnMain.addEventListener("klik", fungsi (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ); )) ;

Tambahkan tombol lain, saat diklik, pengguna dipindahkan ke halaman berbeda dari situs yang diiklankan.
Tempatkan beberapa tombol pada lapisan atas di atas bagian tertentu dari animasi, beri nama instance tombol (Nama Instance) dan tulis kode untuk setiap tombol:

This.btnLeft.addEventListener("klik", fungsi (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(n); ); ) );

Di mana N

3.3

This.btnText.addEventListener("mouseover", function() ( window.callEvent(n); ));

Di mana arahkan mouse- acara javascript, N- nomor acara dari 1 hingga 30, yang harus dipanggil.

Fitur membuat animasi perulangan

Untuk menerapkan animasi berulang dalam materi iklan di editor Animate CC:
- atur opsi "Loop Timeline" di pengaturan terbitkan;
- gunakan kode untuk tombol dari bagian ini, dan kode untuk tombol biasa dari poin 3.1 dan 3.2 harus dihapus.

Kode kreatif dengan satu tombol dan animasi berulang:

If (typeof(this.stopCycle) == "undefined") ( this.btnMain.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ); )); this.stopCycle = true; )

Jika ada beberapa tombol, maka pada kode panggilan event ADFOX, tambahkan kode berikut:

If (typeof(this.stopCycle) == "undefined") ( this.btnMain.addEventListener("click", function (e) ( var t = e.nativeEvent; if (t.which == 1 || t.button == 0) ( window.callClick(); ); )); this.btnLeft.addEventListener("klik", fungsi (e) ( var t = e.nativeEvent; jika (t.yang == 1 || t. tombol == 0) ( window.callClick(n); ); )); this.stopCycle = true; )

Di mana N- nomor acara dari 1 hingga 30, yang harus dipanggil.

Menggunakan tombol transparan

Tombol transparan dapat digunakan, misalnya, jika Anda perlu membuat seluruh area spanduk dapat diklik atau hanya sebagian saja. Bagi mereka, serta untuk tombol biasa, transisi atau kode panggilan acara harus ditambahkan.

Tombol di Animate adalah simbol yang berisi empat bingkai. Anda dapat membiarkan tiga yang pertama kosong dan hanya mengisi "Klik" terakhir ("Hit") dengan menambahkan konten (elemen grafis) ke dalamnya melalui Sisipkan > Garis Waktu > Bingkai Kunci (Sisipkan > Garis Waktu > Bingkai Kunci).

Isi bingkai "Klik" (Hit) tidak terlihat dan menentukan area tombol yang merespons klik. Anda dapat menambahkan konten (elemen grafis) ke frame ini melalui Insert> Timeline> Keyframe (Insert> Timeline> Keyframe). Jika bingkai lainnya dibiarkan kosong atau tidak terlihat, tombol pada Panggung tampak biru bening dan memiliki bentuk konten yang terdapat di bingkai "Hit" berikutnya. Saat memublikasikan proyek, area biru transparan tidak akan terlihat.

Fitur penerapan spanduk peregangan (karet).

Untuk membuat spanduk membentang sepanjang lebar wadah yang akan ditempatkan di situs, lakukan pengaturan: Pilih File > Publikasikan Pengaturan.
di taba Dasar, Pilih Jadikan Responsif > Lebar, Tinggi, atau Keduanya.
Pilih Skala untuk mengisi area yang terlihat untuk melihat output dalam mode layar penuh.
Memilih "Sesuai tampilan" akan menskalakan konten untuk mengisi ruang layar yang tersedia sambil mempertahankan rasio aspek. Jadi jika lebar maksimal sudah tercapai, maka area ketinggian layar mungkin tetap kosong begitu juga sebaliknya.

Jika Anda tidak dapat mencapai hasil yang diinginkan menggunakan pengaturan program, gunakan skrip.
Berikut adalah contoh kode:
Unduh kode untuk penskalaan dengan mempertimbangkan rasio aspek.
Unduh kode untuk penskalaan tanpa rasio aspek.
Unduh kode untuk memposisikan elemen di mana an0..an4 adalah Nama Instance dari elemen.

Fitur membuat banner dengan autoexplode

Jika Anda ingin menampilkan spanduk dari status diperluas, saat menambahkan spanduk di antarmuka, Anda harus menentukan nilai ya di parameter "Perluas otomatis selalu" atau "Perluas saat inisialisasi" dan tambahkan kode di materi iklan HTML:

Window.global_exp_banner = this.exp_banner; window.global_main_banner = this.main_banner; window.global_exp_banner.visible = false; if (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. terlihat = salah; 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("klik", expandBanner.bind(ini )); window.global_exp_banner.btnCollapse.addEventListener("klik", collapseBanner.bind(ini)); 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 = benar; )

5. Publikasi proyek.

Penting! Saat mempratinjau proyek di browser melalui (Ctrl-Enter | Cmd-Enter) tautan dalam nama file dalam HTML ditambahkan dengan nilai acak dari formulir ?1468231208369 . Nilai seperti itu harus dikecualikan dari proyek saat dimuat ke ADFOX.
Untuk itu, tugas akhir di redaksi harus dipublikasikan melalui File > Publikasikan Pengaturan > Publikasikan (Shift-Ctrl-F12 | Shift-Cmd-F12).

Saat menerbitkan proyek, pilih template AdobeAnimate_Adfox_.html.

.ritsleting

Desainer Web Google

Kode banner ini dapat digunakan sebagai dasar pembuatan materi iklan di editor.

Templat berisi skrip adfox_HTML5.js dan satu set parameter untuk operasi transisi dan penghitungan peristiwa yang benar:
%reference%, %user1%, %eventN%, di mana N adalah nomor peristiwa dari 1 hingga 30.

2. Penanganan klik.

Semua acara ditetapkan ke elemen animasi tertentu melalui tab Acara.

Untuk meminta tindakan, gunakan komponen "Area Klik".
Tambahkan dan pilih acara "Area yang Dapat Dipukul" - "Sentuh/Klik"(atau "Ketuk Area > Sentuh/Klik" dalam versi bahasa Inggris).

Di tab "Kode khusus", tentukan panggilan fungsi klik.

2.1

klikpanggilan();

2.2

callclick(n);

Di mana N

2.3 Jika Anda perlu memicu peristiwa dari animasi tanpa transisi, gunakan kode berikut:

PanggilanAcara(n);

Di mana N- nomor acara yang akan dipanggil.

Untuk membuat spanduk membentang sepanjang lebar wadah yang akan ditempatkan di situs, di panel Properti untuk posisi dan dimensi, tentukan persentase, bukan piksel.

Juga gunakan opsi "Sejajarkan dengan Wadah" Dan "Tata Letak Karet" di bilah alat atas.
Jika Anda mengaktifkan Fluid Layout sebelum menggunakan salah satu alat perataan, maka saat penampung induk diubah ukurannya, semua elemen akan sejajar satu sama lain dan dengan dimensi penampung.
Dalam hal ini, Anda dapat secara bersamaan menggunakan ukuran relatif elemen dalam persentase dan ukuran absolut - dalam piksel.

4. Publikasi proyek.

Saat menambahkan spanduk ke ADFOX, pengelola perlu mengetahui korespondensi antara tombol dan nomor acara. Untuk setiap peristiwa, pengelola akan meresepkan tautan transisinya sendiri, yang kemudian akan diteruskan ke kode spanduk menggunakan variabel.

Setelah menerbitkan proyek, zipkan dalam format .ritsleting. Materi iklan Anda siap diunggah ke spanduk ADFOX.

Adobe Edge Animate CC

Untuk memulai, jalankan file dengan ekstensi .sebuah dari arsip.

2. Penanganan klik.

Semua acara ditetapkan ke elemen animasi tertentu melalui tab "Kode".

Untuk menelusuri elemen yang dipilih, Anda harus memilih acara klik dan mendaftarkan panggilan ke fungsi klik.

Tombol harus diberi nama instance (Nama Instance), misalnya: btnMain, btnRight.

2.1 Jika satu tombol lompat digunakan:

klikpanggilan();

2.2 Jika ada beberapa tombol navigasi:

callclick(n);

Di mana N- nomor acara yang akan dipanggil.

2.3 Jika Anda perlu memicu peristiwa dari animasi tanpa transisi, gunakan kode berikut:

PanggilanAcara(n);

Di mana N- nomor acara yang akan dipanggil.

Fitur penerapan spanduk peregangan (karet).

Agar spanduk membentang sepanjang lebar wadah tempat ia akan ditempatkan di situs, saat menyiapkan spanduk di editor pada panel Properti, tentukan persentase, bukan piksel, untuk posisi dan ukuran.

Ada juga tombol Ukuran Skala dan Posisi Skala untuk elemen di panel Posisi dan Ukuran

4. Publikasi proyek.

Proyek harus dipublikasikan dengan pengaturan berikut:

Setelah menerbitkan proyek, zipkan dalam format .ritsleting. Materi iklan Anda siap diunggah ke spanduk ADFOX.

UPD 6 Desember 2015:
Manajer produk untuk Flash Runtime dan Adobe AIR mengatakannya tidak punya rencana untuk menghentikan pekerjaan pada Flash Runtime dan AIR dan mengganti nama produk pembuatan konten mustahil tidak terkait dengan nasib Flash Player dan ekosistem yang berdekatan.

Semuanya akan baik-baik saja, kecuali satu nuansa yang sangat mengubah artinya - buta huruf teknis dan salin-tempel umum. Edisi saling mencetak ulang, menambahkan lebih banyak "fakta" yang tidak ada dalam aslinya. Singkatnya - telepon yang rusak.

Artikel asli http://blogs.adobe.com/conversations/2015/11/flash-html5-and-open-web-standards.html melaporkan bahwa Adobe mengganti nama Flash Profesional di Animate CC. Selain itu, mereka melaporkan bahwa pelanggan ingin mendapatkan lebih banyak platform yang didukung, dll.

Dan saya tidak heran banyak yang tidak melihat perbedaan antara Flash dan Flash Professional. Berbagai lelucon mulai muncul di situs berita, mengacu pada sumber lain yang terhubung lebih jauh ke bawah rantai. Dan tidak selalu asli.

Saat ini, kata Flash dianggap sebagai plug-in untuk browser. Secara teknis itu adalah Flash Player. Tapi ada alat pembuat konten - Flash Professional. Jika Microsoft mengganti nama Word menjadi TextMachine, orang akan berteriak bahwa "Microsoft berhenti mengembangkan Word?" Meskipun ditulis hitam putih, apakah pembuatan konten akan didukung dan data dapat diedit?

Dari contoh saya sendiri, saya dapat menunjukkan gambaran yang jelas. Klien lokal bertanya kepada saya tentang animasi apa yang akan kami buat untuk presentasi untuk iOS. Saya dengan bangga mengumumkannya di Flash Professional. Dan klien mengalami pingsan. Setelah beberapa saat muncul:

"Tapi di Habré mereka menulis bahwa flash sudah mati dan tidak berfungsi di tablet"

Dan di sini saya jatuh pingsan. Buta teknis klien dan penulis artikel tentang flash membuat orang menjauh dari hasil yang diinginkan. Untungnya, klien menyerah pada persuasi dan puas dengan hasilnya.

Mari kita kembali ke artikel aslinya. Mereka melaporkan bahwa html5 sudah matang dan sudah mendukung sebagian besar fitur Flash. Bergerak ke bawah, kita melihat bahwa Adobe sendiri menganggap Flash sebagai sarana utama untuk menghadirkan konten premium seperti game web dan video premium. Tetapi tidak ada kabar bahwa mereka menghentikan dukungan untuk Flash.

Terlebih lagi... Mereka dengan jelas menyatakan bahwa mereka bekerja dalam kemitraan dengan Microsoft dan Google untuk meningkatkan kompatibilitas dan keamanan Flash Player. Dan jangan lupa untuk menambahkan bahwa kami bekerja sama dengan Facebook untuk meningkatkan keandalan dan keamanan game Flash Player. Jadi di mana kata bahwa mereka membolos Flash?

Jika kita berbicara tentang pengembangan Flash secara umum - ya, sudah lama berhenti. Hanya perbaikan kecil (namun signifikan) dan perbaikan bug keamanan yang dilakukan. Tapi apakah itu benar-benar buruk? Dari sudut pandang saya, Flash memiliki semua yang dibutuhkan. Tentu saja, saya ingin lebih. Tapi kenapa?

Untuk lebih lanjut, Anda harus pergi ke format game Standalone. Dan ada Adobe AIR (jika kita menganggap Flash). Penghentian Adobe AIR tidak diperbaiki. Saya memiliki informasi tentang ketersediaan rencana untuk 2016. Tetapi apakah flash browser akan mati? Tentu. Tapi jelas bukan besok.

Dan bagi mereka yang suka mengatakan dalam template bahwa Flash menghabiskan baterai - tunjukkan cara Canvas mengisi dayanya.

Perlu juga dicatat bahwa proyek Adobe Edge Animate tidak lagi dikembangkan secara aktif. Tapi sejak Saya dekat dengan pengembangan Flash Professional - Saya meyakinkan Anda bahwa Edge Animate tidak akan dikembangkan sama sekali (kecuali kesalahan kritis). Keputusan ini dibuat untuk mendukung Adobe Flash Profesional (Animate CC masa depan).

Adobe Edge Animate - tutorial animasi situs web

Animasi situs telah lama menjadi cara yang baik dan efektif untuk menyajikan informasi yang diperlukan. Setuju, jauh lebih menyenangkan melihat komposisi yang indah dan bergerak daripada melihat gambar yang statis dan tidak bergerak. Dan rasio klik-tayang lebih tinggi, dan dapat digunakan untuk desain nilai tambah yang baik, dan harga untuk pekerjaan semacam itu mungkin sangat berbeda. Jadi, kelebihan animasi sudah jelas. Tetap sepele, untuk mempelajari bagaimana melakukan animasi ini.

Sebelumnya, kata animasi sangat terkait dengan konsep Flash. Format bagus yang dimiliki peluang yang luas cukup nyaman dan dapat dimengerti dalam bekerja. Tapi, kebetulan teknologi ini tidak banyak digunakan perangkat modern. Ya, banyak browser mendukungnya, tetapi perangkat Apple tidak memilikinya. perangkat lunak yang diperlukan untuk menunjukkan kilat. Nah, orang-orang itu tidak berbagi lingkup pengaruh. Dan jika demikian, webmaster perlu mempelajari metode lain untuk membuat animasi. Konsep kemampuan beradaptasi sekarang menjadi prasyarat.

Jadi bahasa markup baru telah muncul, yang disebut HTML5, yang dapat memberi pengembang peluang kreativitas yang hampir tak terbatas. Banyak yang sudah menguasainya, tapi, seperti biasa, penuh dan kerja yang efektif, diperlukan program yang akan mengimplementasikan semua fitur ini dalam format yang nyaman. Ini adalah program seperti itu.

Kemampuan program Adobe Edge cukup luas. Di sini Anda juga dapat membuat spanduk dengan efek animasi apa pun. Anda dapat membuat screensaver yang indah untuk halaman rumah, tombol, menu, untuk variasi anak-anak dan sumber daya permainan- bidang terluas untuk kreativitas. Jadi, suka atau tidak suka, sangat diharapkan untuk menguasai program tersebut. Apalagi interface-nya cukup sederhana, mudah dimengerti, tidak ada kesulitan khusus dalam penguasaannya. Akan ada keinginan.

Bagi yang belum siap untuk segera membayar sejumlah uang untuk program Adobe Edge, Anda bisa mencoba bekerja dengan program versi trial yang tentunya bisa diunduh dari website Adobe. Selama masa percobaan, Anda akan dapat memutuskan apakah program ini tepat untuk Anda. Bagi yang belum memiliki dana yang cukup, Anda dapat dengan mudah menemukan versi bersama dari program ini. Pengrajin kami bekerja dengan cepat, dan pada torrent yang sama Anda selalu dapat menemukan yang paling banyak versi baru. Bagaimana bertindak, setiap orang menentukan sendiri.

Menguasai program Adobe Edge pada prinsipnya merupakan prosedur yang cukup sederhana. Mereka yang pernah bekerja dengan Adobe Flash dapat dengan mudah mengetahuinya. Namun, bagaimanapun juga, pelajaran sederhana dan mudah dipahami untuk bekerja dengan program ini tidak akan mengganggu. Setelah beberapa pencarian, saya menemukan beberapa tutorial video yang memungkinkan siapa saja untuk menguasai program ini dalam waktu sesingkat mungkin. Saya membuat pilihan untuk diri saya sendiri, tetapi, seperti biasa, jika bermanfaat bagi siapa pun, saya hanya akan senang.

Tutorial animasi di Adobe Edge

Tutorial ini menunjukkan cara membuat proyek baru di Adobe Edge Animate dan menyimpannya ke komputer Anda. File apa yang dihasilkan program saat membuat proyek baru.

Dalam tutorial ini, Anda akan mengenal ruang kerja Edge Animate, mengenal semua panel dan tombol antarmuka yang diperlukan.

Tonton video di Program Adobe Animasi Tepi

Bagian pertama dari tutorial membuat animasi pertama Anda di Adobe Edge Animate. Penulis pelajaran, Valery Medvedev, secara sederhana, jelas, dan menyeluruh menunjukkan semua tindakan yang diperlukan dan arti dari tombol panel kontrol.

Tonton video di Adobe Edge Animate

Dalam tutorial ini, kita akan menyelesaikan pembuatan animasi pertama kita di Adobe Edge Animate. Hasilnya adalah klip sederhana, yang, bagaimanapun, memungkinkan untuk berkenalan dengan teknik awal yang diperlukan untuk membuat animasi.

Tonton video di Adobe Edge Animate

Dalam video ini, kita akan mempelajari cara melihat animasi yang dibuat dengan Edge Animate di browser web. Sedikit informasi tentang HTML5.

Tonton video di Adobe Edge Animate

Contoh animasi yang menarik saat roket lepas landas dengan nilai counter tertentu.

Kode pemicu siap:

timeCount = 5; sym.$("counter_txt").html(timerCount); tCounter = setInterval(timer, 1000); fungsi timer() ( timerCount -= 1; jika (timerCount< 1) { sym.play("start"); clearInterval(tCounter); return; } sym.$("counter_txt").html(timerCount); }

Tonton video di Adobe Edge Animate

Cara mengubah status tombol pada mouse hover. Kode yang diperlukan untuk mouseleave:

sym.getSymbol("goBtn").stop("normal");

Tonton video di Adobe Edge Animate

Anda dapat dengan mudah menyematkan video YouTube ke dalam animasi kami. Bagaimana melakukan ini, kami pertimbangkan dalam pelajaran. Kode semat yang diperlukan:

var youtube = $("
Tonton video di Adobe Edge Animate

Cara membuat animasi mulai diputar hanya setelah pengguna menggulir halaman ke tempat yang tepat. Kami melakukannya dengan menggunakan contoh proyek di Adobe Muse. Atur posisi awal untuk peluncuran.

Tonton video di Adobe Edge Animate

Cara membuat gambar berputar 180 derajat di sekitar sumbu vertikal saat mengarahkan mouse.

Anda dapat mengunduh file dan kode yang diperlukan.

Tonton video di Adobe Edge Animate

Kami membuat efek yang menarik saat, saat menggerakkan mouse di atas video, setiap elemen bergerak secara independen.

Tonton video di Adobe Edge Animate

Cara membuat logo yang diinginkan berputar pada porosnya. Sayangnya, logo tersebut ternyata tidak dapat diklik.

Tonton video di Adobe Edge Animate

Bagaimana cara menambahkan suara pada klik tombol.

Tonton video di Adobe Edge Animate

Seperti yang Anda lihat, tidak ada yang rumit, semuanya sederhana, dapat dimengerti, boleh dikatakan, secara intuitif. Tetapi Anda dapat menambahkan elemen spektakuler dan penuh warna ke situs Anda, semuanya tergantung imajinasi Anda. Ya, dan dengan pelanggan, Anda dapat mendiskusikan opsi pembayaran tambahan untuk elemen modern tersebut.

Semoga sukses untuk semua orang dan kesuksesan kreatif!