Pengenalan video CSS-Tricks baru oleh Dina Amin

Anda tahu tutorial video kami? Walaupun tidak terlalu kerap, saya telah melakukannya untuk masa yang lama dan masih menyukainya dan merancang untuk terus melakukannya. Saya akan menghantarnya di sini dan anda juga boleh melanggan YouTube.

Selama bertahun -tahun, saya telah menggunakan beberapa animasi tajuk video tersuai yang berbeza, semuanya dibuat oleh orang yang lebih baik daripada yang saya lakukan. Pada bulan Mei tahun ini, saya bertanya dan mendapat beberapa cadangan yang baik, tetapi tidak lebih baik daripada Matthias mengesyorkan Marc, dan kemudian Marc menghubungi saya Dina Amin.

Kerja-kerja Dina adalah menarik perhatian: Ia hebat! Dia baik dalam animasi berhenti-gerakan dan banyak perkara terobosan:

Kami membincangkan dan merancang projek itu. Dia berkata:

Saya bekerja dengan pemasangan Kamal untuk membuat animasi pembukaan baru untuk saluran YouTube CSS-Tricks. Kami mahu membuat animasi yang sangat pendek, ringkas tetapi menyeronokkan supaya penonton di YouTube tidak akan melangkaui kredit pembukaan atau tidak akan bosan jika mereka menonton beberapa video trik CSS berturut-turut.

Dia melakukan banyak penyelidikan dan bertanya beberapa soalan. Saya suka bahawa dia sangat menyedari peranan kredit pembukaan seperti ini dalam video, terutamanya dalam tutorial. Tidak terlalu lama, tidak menjengkelkan dengan apa -apa cara. Ia harus cukup terperinci bahawa ia hampir senang menontonnya berulang kali.

Tajuk video lama bermula dengan papan kekunci:

Kami bermula dengan papan kekunci Apple kerana kami mahu menyimpan perkara -perkara yang penonton Chris dapat bergema dengan tajuk asal, dan yang paling penting kerana saya mahu mengambil papan kekunci!

"Adakah kita mengeluarkan papan kekunci?!" Ya, kami mengeluarkannya. Sangat mudah untuk mencari banyak papan kekunci Apple yang rosak, yang merupakan produk yang sangat direka dengan baik, semua bahagian sangat indah digabungkan dengan bahagian yang paling sedikit, tetapi hanya Apple yang dapat membaiki produk ini. Anda tidak boleh mengeluarkan set pemutar skru anda, membukanya dan membaiki sambungan butang yang cacat. Jadi banyak papan kekunci sedemikian dibuang kerana terlalu mahal untuk dibaiki di negara seperti Mesir. Kami mendapat tiga papan kekunci, kami mengambil satu ketika kami membuat animasi dan menggunakan kunci yang berbeza dari dua papan kekunci yang lain untuk membuat kunci yang diregangkan.

Sangat menarik untuk melihat beberapa tidbits di belakang layar dalam cerita Instagramnya:

Sambungan lain ke tajuk asal ialah idea laman web sebagai komponen dan membina susun atur. Ini dirujuk dalam tajuk asal dengan hanya beberapa lakaran latar belakang, dan kini hidup dalam versi ini dalam bentuk prototaip kertas.

Kami memikirkan proses menunjukkan "Cara Membuat Laman Web" dalam langkah -langkah yang sangat abstrak, di mana setiap langkah dengan cepat beralih dan bertukar menjadi langkah lain. Dari klik papan kekunci ke kod, maka modul reka bentuk yang membentuk laman web, menatal untuk memaparkan logo trik CSS.

Semua ini dilakukan dengan animasi berhenti-gerakan! Pindahkan bahagian dengan tangan anda, ambil gambar, dan buatkannya ke dalam video.

Sebaik sahaja kami mendapat kelulusan konsep dan kami mempunyai prop siap, kami menghabiskan berjam -jam memindahkan widget untuk membuat semua kesan yang luar biasa ini.

Lihatlah fotografi masa proses kreatif!

Akhirnya saya mendapat pelbagai versi nisbah dan saiz aspek yang berbeza, yang hebat kerana saya dapat beralih sebanyak yang saya dapat dan menggunakan versi yang mungkin lebih sesuai dalam senario yang berbeza. Ini adalah versi utama!

Saya telah mula meletakkan ini pada awal dan akhir video seperti ini.

Terima kasih kepada Dina dan Assam!

Atas ialah kandungan terperinci Pengenalan video CSS-Tricks baru oleh Dina Amin. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!