Aliran kerja penciptaan iklan visual dengan gembar -gembur kegelapan

dengan cekap membuat iklan media yang kaya dengan gembar -gembur

(artikel ini ditaja oleh Tumult) Terima kasih kerana menyokong rakan kongsi yang membuat SitePoint mungkin.

Artikel ini bertujuan untuk menunjukkan cara membuat iklan media yang kaya menggunakan gembar -gembur. Ia meliputi asas-asas menggunakan aplikasi dalam konteks membina iklan dan membincangkan petua dan cara khusus iklan. Selepas membaca, anda akan dapat dengan cepat dan indah membuat iklan HTML5!

mata utama

Hype Tumult adalah animasi HTML5 dan aplikasi interaktif terkemuka MacOS, menjadikannya alat yang berkuasa untuk mewujudkan iklan media yang kaya dengan animasi dan keupayaan interaktif.
Aplikasi ini menyediakan antara muka mesra pengguna yang serupa dengan keynote, dengan interaksi yang paling biasa tidak memerlukan pengekodan. Walau bagaimanapun, ia menyokong operasi JavaScript untuk fungsi yang lebih maju.
aliran kerja penciptaan iklan Tumult Hype termasuk memilih saiz iklan, mengimport aset, elemen animasi, menambah interaktiviti dan tindakan, pratonton, dan pengeksport untuk penghantaran akhir. Sistem pemalam skrip eksport boleh mengintegrasikan fungsi platform pengiklanan dan mengautomasikan tugas eksport.
Hype Tumult menawarkan percubaan ciri penuh 14 hari, dengan versi penuh versi profesional yang berharga $ 99.99, tetapi pengguna SitePoint dapat menikmati diskaun 25%.

kebangkitan pengiklanan html5

seperti yang kita semua tahu, menambah animasi dan interaktiviti kepada iklan digital boleh menjadikan iklan lebih berkesan. Di samping menarik perhatian pelawat, pengiklanan media yang kaya dapat menyampaikan produk atau jenama yang lebih baik dan meningkatkan penglibatan, menghasilkan lebih banyak klik.

Kerana iklan media yang kaya adalah visual, masuk akal untuk membina mereka dengan alat visualisasi. Perubahan akan dipaparkan dengan segera. Selama bertahun -tahun, Adobe's Flash telah menjadi alat penciptaan iklan visual, tetapi telah digantikan oleh keserasian HTML5 pada peranti mudah alih. Sebagai teknologi, pengiklanan HTML5 juga mempunyai kelebihan tambahan untuk menjadi lebih mudah dan kurang penggunaan kuasa. Tetapi HTML5 sendiri hanyalah bahasa markup, dan tidak mempunyai alat visualisasi terbina dalam flash (Flash menggunakan aplikasi flash profesional). Membina iklan dengan kod tangan akan menjadi proses yang sangat perlahan. Nasib baik, kini terdapat beberapa alat visualisasi yang kompleks yang boleh mengeluarkan HTML5.

Hype Tumult adalah alat reka bentuk visual anda

Hype Tumult adalah animasi HTML5 dan aplikasi interaktif terkemuka MacOS. Hype wujud untuk kemudahan penggunaan dan mudah dipelajari. Susun atur ini sama dengan keynote, dan setiap kerangka utama animasi atribut boleh dibuat secara automatik menggunakan ciri "rakaman" cepatnya. Hype menyediakan satu set ciri animasi yang kuat seperti animasi di sepanjang laluan gerakan lengkung, fungsi pelonggaran/pemasa yang disesuaikan, garis masa yang berjalan secara serentak, dan simbol yang boleh diguna semula. Interaksi yang paling biasa tidak memerlukan pengekodan, walaupun operasi JavaScript dapat melanjutkan fungsi mereka melalui integrasi dengan perpustakaan dan perkhidmatan lain.

Walaupun gembar -gembur boleh digunakan untuk pelbagai kandungan HTML5, ia amat sesuai untuk mewujudkan iklan media yang kaya. Sistem pemalam yang dipanggil "Skrip Eksport" dapat mengintegrasikan ciri platform pengiklanan dan membantu pakej output eksportnya untuk penghantaran. Ciri -ciri eksport lanjutan dapat membantu mengautomasikan tugas eksport. Perpustakaan Runtime Hype sangat kecil, dengan saiz mampatan 25KB, memberikan anda banyak ruang untuk sumber anda. Runtime ini memacu animasi dan menguruskan isu keserasian pelayar (walaupun aplikasi masih memberi amaran apabila ciri tidak dapat dijalankan pada penyemak imbas tertentu).

alur kerja penciptaan iklan menggunakan gembar -gembur

Dapatkan gembar -gembur dan skrip eksport

Langkah pertama ialah memuat turun gembar -gembur. Versi percubaan berfungsi sepenuhnya dan boleh digunakan selama 14 hari. Hype Tumult datang dalam dua mod: standard dan profesional. Untuk penciptaan iklan (dan membaca artikel ini!), Anda perlu menggunakan Hype Pro.

Anda kemudian boleh memilih untuk mendapatkan skrip eksport, yang akan menambah ciri-ciri yang berkaitan dengan iklan tambahan kepada gembar-gembur. Pada masa ini, terdapat skrip untuk Sizmek, DoubleClick Studio, dan pengurus kempen DoubleClick. Jika anda menggunakan platform pengiklanan yang berbeza, anda biasanya boleh menyesuaikan output standard dengan mudah.

anda boleh mengesahkan bahawa skrip eksport dipasang dengan melihat "keutamaan" hype. Skrip eksport juga boleh memaparkan pilihan dalam pemeriksa dokumen.

Pilih Saiz Iklan

Selepas memulakan gembar -gembur, anda perlu menetapkan saiz adegan untuk dipadankan dengan iklan yang ingin anda buat. Ini boleh dilakukan dengan menetapkan lebar dan ketinggian di inspektor tempat kejadian atau memilih salah satu saiz pratetap. Hype mengandungi saiz pratetap untuk spanduk dan segi empat tepat iklan biasa.

Jika iklan anda akan mempunyai perwakilan saiz yang berbeza, anda boleh menggunakan susun atur responsif dan sistem susun atur yang fleksibel. Susun atur responsif membolehkan kandungan yang berbeza pada titik putus berasaskan lebar dipaparkan. Mereka boleh dieksport secara berasingan kemudian. Sistem susun atur yang fleksibel akan menyesuaikan kedudukan dan saiz elemen mengikut saiz kontena.

Sumber Import

Hype Tumult mempunyai bentuk asas dan primitif teks, tetapi kemungkinan besar anda mungkin mengimport aset imej dari program lain seperti Photoshop, Illustrator, atau Sketch. Ini hanya boleh diseret dan jatuh ke dalam editor tempat kejadian atau ditambah melalui item menu "INSERT ...". Hype menyimpan salinan sumber, tetapi jika ia memperhatikan perubahan kepada sumber asal, ia meminta kemas kini, yang membantu melangkah.

anda boleh mencari sumber di perpustakaan sumber. Satu pilihan di sini adalah untuk mengoptimumkan secara automatik apabila mengeksport. Ciri ini diaktifkan secara lalai dan tugas -tugas berikut dilakukan secara automatik:

1. varian retina (@2x) dan bukan retinal (@1x) imej yang dihasilkan (variasi akan dimuat apabila gembar-gembur berjalan)
2. Kurangkan saiz imej ke saiz maksimum yang digunakan dalam dokumen
3. cuba memampatkan imej di mana ia berfungsi dan jika saiz fail bertambah baik
4. menukar format imej selamat bukan rangkaian

Walaupun ini biasanya berguna, ia mungkin bertentangan dengan sasaran saiz fail iklan anda. Sebagai contoh, saiz fail keseluruhan iklan biasanya diukur dari fail zip dan bukannya kandungan yang sebenarnya dimuat turun-jadi mempunyai kedua-dua varian retina dan bukan retinal menambah berat badan. Juga, anda mungkin dapat melakukan lebih baik daripada gembar -gembur dengan cara automatik (menggunakan alat seperti ImageOptim). Anda mungkin perlu menyahtanda kotak ini.

Bagaimanapun, sumber berasaskan bitmap mungkin terkumpul dengan cepat. Anda mungkin ingin mempertimbangkan menggunakan SVGS, yang disokong secara meluas oleh penyemak imbas anda. Hype merawatnya sebagai imej, tetapi tidak cuba mengoptimumkannya.

Dengan cara ini, IAB mengesyorkan tidak lebih daripada 15 sumber yang dimuatkan pada mulanya untuk membantu mengekalkan halaman yang diselaraskan.

pemula animasi

Setelah elemen dicipta dengan menyeret aset atau memasukkan teks/bentuk, ia dapat dengan mudah menghidupkannya melalui langkah -langkah berikut:

Klik butang rakaman
seret kepala playhead ke masa kemudian
Tukar kedudukan elemen atau ubah suai atribut lain (seperti kelegapan)

Rakaman adalah pintasan UI untuk menambah setiap kerangka utama atribut. Anda boleh membuat atau mengeditnya secara manual pada bila -bila masa. Ini termasuk mengubah fungsi masa mereka untuk pelonggaran atau kesan yang berbeza seperti keanjalan dan pemulihan. Animasi kedudukan boleh diperbaiki lagi dengan menyeret laluan gerakan untuk membentuknya menjadi lengkung.

Garis masa dalam gembar -gembur boleh dianggap sebagai aliran animasi. Adegan dalam gembar -gembur selalu mempunyai sekurang -kurangnya satu garis masa -garis masa utama. Pelbagai garis masa boleh dibuat dan dijalankan selari. Ini sering berguna untuk menghidupkan unsur -unsur khusus sebagai tindak balas kepada operasi atau menyimpan gelung.

Simbol boleh memainkan peranan yang sama -mereka mewakili "adegan dalam adegan" yang boleh diguna semula dan mengandungi unsur -unsur mereka sendiri dan menjalankan animasi garis masa secara bebas. Seperti aplikasi lain dengan simbol, perubahan dalam satu keadaan akan dapat dilihat dalam semua keadaan lain.

tambah interaktiviti dan operasi

Kelebihan memilih HTML5 dan bukannya video/animasi GIF ialah ia membolehkan interaksi dan interaksi dengan pengguna. Interaksi adalah tindak balas kepada peristiwa. Acara -acara ini boleh menjadi klik tetikus, seret, slaid, pemuatan adegan, hits jalan, atau juga tekanan utama. Tanggapan operasi bergantung pada matlamat kreatif. Anda mungkin mahu memulakan animasi, mengikat animasi untuk menyeret, menukar tempat kejadian, atau mencetuskan kod tersuai. Di dunia pengiklanan, tugas biasa adalah untuk mempunyai butang klik pergi ke URL luaran (juga dikenali sebagai "keluar") atau mencetuskan kaunter yang boleh dilaporkan kembali ke pelayan iklan.

Dalam kebanyakan kes, interaktif dicipta tanpa kod. Berikut adalah langkah asas untuk menjalankan animasi sebagai tindak balas kepada klik tetikus:

1. Pilih elemen
2. pergi ke pemeriksa operasi dan klik
di sebelahnya dengan mengklik
Pilih Timeline Mula untuk operasi ..., dan kemudian pilih garis masa baru dalam butang pop-up garis masa ...
Namakan garis masa dan buat animasi

Skrip eksport juga boleh memberikan tindakan khusus iklan yang boleh dipilih sebagai tindak balas kepada peristiwa. Ini akan muncul dalam senarai pop timbul tindakan yang sama.

Di samping itu, menjalankan JavaScript ... operasi boleh digunakan untuk sebarang kod tersuai, termasuk memanggil fungsi yang berkaitan dengan iklan atau memanggil API Hype.

Pratonton

Adalah penting untuk kerap melihat iklan semasa proses membina untuk memastikan animasi dan interaktiviti akhir berjalan seperti yang diharapkan. Menu pratonton membolehkan menukar cepat antara pelayar yang berbeza pada komputer anda. Jika anda memegang kekunci pilihan, anda boleh melihat pratonton adegan/susun atur tertentu yang kini dipilih dengan gembar -gembur. Hype juga boleh pratonton ke peranti iOS menggunakan aplikasi Hype percuma.

Jika anda menggunakan skrip eksport, outputnya juga boleh dimasukkan ke dalam pratonton. Untuk melakukan ini, buka menu pratonton dan periksa skrip di bawah "Pratonton dengan Skrip Eksport".

Eksport dan menyampaikan

Selepas iklan selesai, anda perlu mengeksport untuk penghantaran akhir. Menu "Fail> Eksport ke HTML5" mengandungi pilihan "Folder ...", yang menghasilkan halaman .html lalai dan folder sumber yang sepadan. Menu ini juga menyediakan pilihan yang disediakan oleh mana -mana skrip eksport. Ini akan dibungkus secara automatik, biasanya mengeluarkan sumber yang tidak perlu dan memampatkan ke dalam fail .zip tunggal.

Untuk automasi selanjutnya, anda mungkin perlu menggunakan alat "File> Advanced Export ...". Ini boleh memecah iklan ke dalam senario atau susun atur tertentu, dan juga menggunakan skrip eksport. "Fail & gt; Eksport sebagai Video" menyediakan beberapa pilihan imej/video statik jika diperlukan.

Kesimpulan

Ini adalah langkah utama untuk membuat iklan HTML5 media yang kaya dengan gembar -gembur! Sebagai alat visualisasi, gembar -gembur dapat mempercepatkan proses penciptaan dan lelaran tanpa mengehadkan fungsi atau fungsi. Ciri-ciri aliran kerja khusus dalam skrip eksport mengautomasikan banyak tugas biasa dalam pengeluaran iklan digital. Skrip eksport ini boleh dibina atau diubahsuai oleh sesiapa sahaja, jadi jika anda tidak mempunyai sistem iklan atau automasi, anda boleh membinanya seperti yang anda suka!

Jika anda berminat untuk mempelajari lebih lanjut, sila lawati dokumentasi dan tutorial di laman web Tumult. Hype menawarkan percubaan ciri penuh 14 hari, dengan versi penuh versi profesional berharga $ 99.99.

Tetapi sekarang, sebagai pengguna SitePoint, anda boleh mendapatkan versi Pro di sini untuk hanya $ 74.99. Ini adalah diskaun 25%!

Soalan Lazim (FAQ) untuk aliran kerja penciptaan iklan visual dengan gembar -gembur

Bagaimana hype tumult berbanding dengan alat penciptaan iklan lain seperti Canva atau Adobe Express?

Hype Tumult adalah alat yang berkuasa yang membolehkan anda membuat kandungan interaktif dan animasi. Tidak seperti alat reka bentuk utama Canva atau Adobe Express, Hype Tumult memberi tumpuan kepada animasi dan interaktiviti. Ia menyediakan antara muka berasaskan garis masa, yang menjadikannya mudah untuk membuat animasi kompleks tanpa sebarang pengekodan. Walau bagaimanapun, ia juga menyokong JavaScript untuk ciri -ciri yang lebih canggih. Ini menjadikannya alat sejagat untuk pelbagai projek, dari animasi mudah ke kandungan interaktif yang kompleks.

Bolehkah saya membuat iklan untuk Facebook menggunakan gembar -gembur?

Ya, anda boleh membuat iklan untuk Facebook menggunakan gembar -gembur. Alat ini membolehkan anda membuat kandungan HTML5, yang menyokong Facebook. Anda boleh membuat iklan interaktif dan animasi untuk membantu melibatkan penonton anda dan meningkatkan keberkesanan kempen anda. Walau bagaimanapun, sedar bahawa Facebook mempunyai keperluan khusus untuk pengiklanan, jadi anda harus memastikan kandungan anda memenuhi keperluan ini.

Apakah keluk pembelajaran gembar -gembur berbanding dengan alat penciptaan iklan yang lain?

Hype Tumult mempunyai lengkung pembelajaran yang lebih curam berbanding dengan alat seperti Canva atau Adobe Express. Ini kerana ia menyediakan ciri -ciri yang lebih maju seperti animasi dan interaktiviti. Walau bagaimanapun, ia mempunyai antara muka mesra pengguna dan menyediakan pelbagai tutorial dan sumber untuk memulakan anda. Sebaik sahaja anda telah menguasainya, anda akan mendapati bahawa ia menyediakan banyak fleksibiliti dan kawalan untuk reka bentuk anda.

Bolehkah saya menggunakan gembar -gembur secara percuma?

Hype Tumult adalah alat berbayar yang berbeza dari beberapa alat penciptaan iklan lain yang menawarkan versi percuma. Walau bagaimanapun, ia menawarkan percubaan percuma, jadi anda boleh mencubanya sebelum memutuskan sama ada untuk membelinya atau tidak. Kos alat ini adalah yuran sekali, termasuk semua kemas kini masa depan. Ini menjadikannya pilihan kos efektif jika anda merancang untuk menggunakannya secara teratur.

Bagaimanakah Hype Tumult menyokong aliran kerja penciptaan iklan?

Hype Tumult menyokong aliran kerja penciptaan iklan dengan menyediakan pelbagai ciri yang membuat iklan membuat, mengedit, dan menerbitkan mudah. Ia menyediakan antara muka berasaskan garis masa untuk membuat animasi, interaktiviti sokongan, dan membolehkan anda untuk melihat iklan dalam masa nyata. Ia juga menyokong pelbagai pilihan eksport, membolehkan anda dengan mudah menyiarkan iklan ke platform yang berbeza.

Adakah gembar -gembur yang sesuai untuk pemula?

Walaupun Hype Tumult menawarkan ciri -ciri canggih, ia juga sesuai untuk pemula. Ia mempunyai antara muka mesra pengguna dan menyediakan pelbagai tutorial dan sumber untuk memulakan anda. Antara muka berasaskan garis masa menjadikan penciptaan animasi mudah, walaupun anda tidak mempunyai pengalaman.

Bolehkah saya menggunakan gembar -gembur pada sistem operasi yang berbeza?

Pada masa ini, gembar -gembur tumult hanya tersedia untuk Mac. Walau bagaimanapun, kandungan yang dibuat dengan gembar-gembur boleh dilihat pada mana-mana peranti yang dibolehkan HTML5, termasuk komputer Windows dan Linux, serta telefon pintar dan tablet.

Apakah jenis iklan yang boleh saya buat menggunakan gembar -gembur?

Dengan gembar -gembur, anda boleh membuat pelbagai iklan, dari animasi mudah ke kandungan interaktif yang kompleks. Ini termasuk iklan spanduk, iklan interstisial, iklan video, dan banyak lagi. Alat ini menyokong pelbagai format, termasuk HTML5, GIF, dan video, menjadikannya pilihan serba boleh untuk penciptaan AD.

Bagaimana hype tumult berbanding dengan alat lain dari segi fungsi?

Hype Tumult menyediakan pelbagai ciri yang menjadikannya berbeza dari alat penciptaan iklan yang lain. Ini termasuk antara muka berasaskan garis masa untuk membuat animasi, sokongan untuk interaktif, pratonton langsung, dan pelbagai pilihan eksport. Ia juga menyokong JavaScript untuk ciri -ciri yang lebih canggih.

Apabila menggunakan gembar -gembur, bolehkah saya bekerja dengan orang lain?

Pada masa ini, Hype Tumult tidak menyokong kerjasama dalam alat ini. Walau bagaimanapun, anda boleh berkongsi projek anda dengan orang lain dengan mengeksportnya sebagai dokumen gembar -gembur. Ini membolehkan orang lain mengedit dan mengubahsuai projek anda menggunakan gembar -gembur.

Atas ialah kandungan terperinci Aliran kerja penciptaan iklan visual dengan gembar -gembur kegelapan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!