Kandungan
- 3D sebenar
- 3D Tanpa Cermin Mata
- Animasi Gerakan Berhenti Pertama Saya
- Cara Membuat GIF Animasi
- Melanggar
- Mengurangkan Ruang Putih
- Menempatkan Kandungan di Laman Web
- Kedudukan.htm
- Wiggle 3D Stereograms
- Dengan atau Tanpa Kaca Mata
- Beberapa Pautan Lebih Berguna
Saya membuat program yang membuat animasi GIF dari foto dan video. Kemudian saya menggunakannya untuk membuat animasi 3D.
3D sebenar
Perhatikan komputer atau telefon anda dan setiap mata melihat dari perspektif yang berbeza. Dua gambar digabungkan bersama untuk membentuk gambar tiga dimensi. Imej 3D sebenar adalah gambar stereoskopik. Gambar kiri dan kanan digabungkan bersama. Semasa memakai alat dengar atau sepasang cermin mata, setiap mata melihat gambar yang berbeza. Saya membeli sepasang gelas anaglyph tiga dimensi dan mula membuat gambar yang keluar dari skrin.
Gambar stereoskopik yang betul boleh kelihatan hebat. Imej itu boleh kelihatan lebih menarik daripada yang sebenarnya. Saya mengambil gambar cawan kopi saya dan ia menjadi salah satu foto saya yang paling popular. Ia menarik kerana pemegangnya kelihatan keluar dari skrin. Masalahnya ialah kebanyakan orang tidak dapat melihat kesannya. Sebilangan orang tidak dapat melihat secara stereo dan kebanyakan orang tidak mempunyai cermin mata khas. Masalah lain ialah mereka tidak kelihatan baik apabila dilihat tanpa cermin mata 3D.
Ingat
Sepasang gelas 3D berkualiti tinggi berharga sekitar $ 8.
3D Tanpa Cermin Mata
GIF kedalaman perpecahan adalah GIF animasi dengan bar. Gambar kelihatan terkandung di dalam skrin rata anda. Meletakkan bar pada gambar boleh kelihatan seperti bar di hadapan semua yang lain. Mengeluarkan bahagian bar boleh kelihatan seperti batang di belakang sesuatu. Apabila subjek tidak lagi terhalang oleh bar kelihatannya berada di hadapannya. Palang berada di bahagian paling hadapan. Kemudian gambar bergerak melewatinya. Jadi nampaknya ada di depan skrin. Ini adalah kesan keluar tiga dimensi.
Stereoskopi goyangkan dibuat dengan cepat bergantian antara gambar yang serupa. Ambil dua gambar subjek yang sama dari dua perspektif yang berbeza. Kemudian buat GIF atau video animasi. Beralih dengan cepat dari satu perspektif ke sudut yang lain dapat menambahkan penampilan kedalaman. Kedua-dua mata melihat kedua-dua gambar sehingga tidak benar stereoskopi.
Kelebihan utama animasi kedalaman perpecahan dan stereoskopi bergoyang berbanding gambar stereoskopik ialah ia dapat memberikan kesan tiga dimensi tanpa cermin mata. Anda boleh mendapatkan beberapa gambar menarik dan senang untuk dikongsikan. Kelemahan utamanya ialah kesannya terhad dan lebih sukar untuk dibuat. Imej 3D sebenar dapat memberikan lebih mendalam dan gambar dapat dibuat dalam 30 saat.
Animasi Gerakan Berhenti Pertama Saya
Cara Membuat GIF Animasi
GIF animasi dibuat menggunakan rangkaian gambar. Ambil 2 atau lebih gambar atau video pendek. Kemudian simpan gambar sebagai GIF animasi. Mereka biasanya kecil dan pendek. Sebilangan besar terus berulang. Untuk peralihan yang lancar, gambar awal dan akhir harus serupa atau sama. Dalam animasi di atas, saya menambahkan gambar mengikut urutan. Kemudian saya menambah gambar yang sama dalam urutan terbalik. Ia berakhir pada awal.
Mereka popular dalam talian tetapi sukar untuk melihat dan bekerja dengannya di luar talian. Selalunya anda hanya mendapat gambar pertama. Saya hanya dapat melihat GIF di laman web, dalam e-mel atau dengan membuka gambar dengan penyemak imbas. Klik kanan dan pilih "Buka dengan" penyemak imbas pilihan anda.Animasi yang kelihatan baik di komputer atau laman web anda mungkin disekat di laman media sosial jika dimensinya terlalu besar.
Untuk menyimpan video atau siri gambar sebagai GIF animasi, anda perlu mencari program atau membuatnya sendiri. Pembuat GIF dalam talian mudah dicari. Anda juga boleh menggunakan program cat seperti Photoshop. Semua animasi saya dibuat menggunakan Pembuat GIF 3D yang saya buat semasa saya belajar bagaimana membuat gambar tiga dimensi yang tidak memerlukan cermin mata khas.
GIF mempunyai lebih sedikit warna. Oleh itu ia mengurangkan kualiti gambar. Anda mungkin mahu melakukan animasi sebagai video, fail WebP atau APNG. APNG menggunakan gambar PNG untuk animasi dan bukannya GIF. Dengan alternatif ini, anda mendapat kualiti yang lebih baik dan saiz fail yang lebih kecil. Kelemahannya adalah bahawa ia cenderung untuk bermain. Apabila dilampirkan pada e-mel, saya harus menyimpan fail PNG dan membukanya dalam penyemak imbas web untuk melihat animasinya.
Saya menggunakan TinyPNG untuk mengurangkan saiz animasi Star Wars saya sebanyak 70%. Untuk saiz sekecil mungkin, saya cadangkan WebP atau video. Mudah membuat video pendek berkelakuan seperti GIF animasi di laman web. Elemen video dalam kod di bawah memainkan video pertama yang berfungsi dengan penyemak imbas pengguna. Elemen gambar memaparkan gambar pertama yang berfungsi.
gelaran autoplay video disenyapkan tajuk sebaris = "Animasi 3D"> sumber src = "3DVid.webm" type = "video / webm"> sumber src = "3DVid.mp4" type = "video / mp4"> / video> gambar> sumber srcset = "3DAnimation.webp" type = "image / webp"> img src = "3DAnimation.gif"> / gambar> Muslihat lain Buat halangan dan sempadan. Kemudian menerobos mereka.
Melanggar
Pemecahan kesan skrin berfungsi lebih baik apabila objek semakin dekat dengan kamera. Apabila semakin dekat ia menjadi sedikit lebih besar. Menambah bar bukanlah satu-satunya cara untuk menjadikan gambar kelihatan 3D-ish. Anda mencipta ilusi optik. Cuba tipu penonton untuk membuat andaian yang salah dengan membuat sempadan palsu.
Untuk animasi tangki, saya dapat menggunakan penapis untuk menghapus warna latar belakang. Bahagian yang paling sukar adalah tidak memadamkan objek bergerak secara tidak sengaja semasa anda mengeluarkan warna latar belakang. Dalam animasi kedua, saya menggunakan gambar hantu domain awam yang telus. Yang perlu saya buat hanyalah menukar ukuran hantu sebanyak 50 kali dan saya mempunyai program untuk melakukannya untuk saya.
Foto di atas nampaknya mempunyai banyak ruang putih di bawahnya. Oleh kerana foto itu seharusnya tampak lebih kecil daripada jaraknya antara gambar dan kandungan lain di halaman harus diminimumkan. Ruang putih dapat dikurangkan dengan menambahkan teks atau gambar ke latar belakang gambar atau dengan meletakkannya di bawah gambar. Saya menambah beberapa teks pada gambar tetapi saya boleh melakukan lebih banyak perkara. Sekiranya gambar di atas mempunyai latar belakang yang telus, saya akan dapat meletakkannya di laman web dengan teks di bawahnya di bawah gambar latar. Animasi akan berada di atas kandungan lain tetapi teksnya dapat dilihat sehingga hantu mengatasinya. Kesan pemecahan berfungsi paling baik apabila latar belakang halaman sesuai dengan gambar. Saya membuat gambar di halaman ini untuk latar belakang putih. Latar belakang telus selalu sepadan dengan latar belakang. Alih-alih memiliki warna putih di sekitar gambar latar, warna yang sama dengan kawasan di sekitarnya. Lihat apakah pembuat atau program cat GIF yang anda gunakan membolehkan anda membuat latar belakang yang telus. Jenis fail yang menyokong ketelusan termasuk PNG, WebP, WebM, Mov dan GIF. Imej dan video boleh dilihat. Untuk melihat contohnya, lihat animasi Star Wars saya. Buka di tab baru untuk melihatnya dengan latar belakang hitam. Saya tidak mengesyorkan membuat GIF dengan latar belakang yang telus. Tepi halus boleh menjadi bergerigi.
Mengurangkan Ruang Putih
Menempatkan Kandungan di Laman Web
Kod di bawah mengubah kedudukan teks di halaman sehingga berada di bawah gambar. GetBoundingClientRect mendapat lokasi dan dimensi gambar. Posisi mengatakan bahawa kedudukan sedang ditetapkan menggunakan kod di halaman. Menetapkan nilai kiri dan atas memberitahu di mana teks itu mesti muncul. Anda boleh menyalin kod dan menyimpannya di editor teks seperti NotePad dalam direktori dengan gambar.
Nama fail "transparent.gif" harus diubah menjadi fail yang ingin anda gunakan. Untuk hasil terbaik gunakan GIF telus. Fail akan dibuka di penyemak imbas web lalai anda. Mengubah kedudukan kandungan di laman web sangat berguna untuk kesan khas, permainan dan penyunting gambar dalam talian.
Kedudukan.htm
! DOCTYPE html> html> head> meta charset = "utf-8"> meta id = "viewport" name = "viewport" content = "user-scalable = tidak, skala awal = 1, lebar = lebar-lebar peranti, tinggi = device-height "/> title> Moving Text Under a Picture / title> / head> body> center> img id =" pic1 "style =" max-width: 90% ";> div id =" div0 "gaya = "font-size: 120%; text-align: justify; visibility: hidden;"> Jadikan gambar yang telus kelihatan lebih kecil daripada gambar dengan meletakkan teks atau gambar di bawahnya ./div> div id = "div1" style = "position : mutlak; saiz fon: 120%; margin-kiri: automatik; margin-kanan: auto; lebar: 100%; text-align: justify; zIndex: 0 "> / div> / center> script> var Pic1 = dokumen .getElementById ("pic1"), Div0 = document.getElementById ("div0"), Div1 = document.getElementById ("div1"); fungsi onload () // siap {Pic1.onload = function () {Pic1.onload = ""; const rect = Pic1.getBoundingClientRect (); var LeftMargin = rect.width *. 14; Pic1.style.marginLeft = LeftMargin + "px"; Div0.style.width = rect.width + LeftMargin + "px"; Div1.style.width = Div0.style.width; const rect2 = Div0.getBoundingClientRect (); Div1.innerHTML = Div0.innerHTML; Div1.style.left = rect2.left + "px"; Div1.style.top = (rect.top + rect.height *. 85) + "px"; Div0.style.display = "none"; } Pic1.src = "transparent.gif"; }; window.onload = onload (); Div1.style.zIndex = "-1"; / script> / body> / html>
Imej 3D-ish
GIF kedalaman perpecahan hampir 3D.
Wiggle 3D Stereograms
Stereogram adalah gambar yang menggabungkan perspektif kiri dan kanan. Sudut yang berbeza membolehkannya dilihat dalam 3D. Imej goyangan seharusnya dapat memberikan kesan 3D sebenar tanpa cermin mata. Mereka dapat menambahkan kedalaman tetapi mereka hanya kelihatan masuk atau di belakang skrin. Untuk membuatnya, anda hanya memerlukan dua atau tiga gambar. Foto peralihan kiri, kanan dan pilihan yang diambil antara kiri dan kanan. Foto tengah akan digunakan dua kali.
Membuat GIF bergoyang sangat mudah tetapi sukar untuk membuatnya yang suka dilihat oleh orang lain. Hadkan jumlah gegaran. Biasanya anda mahu kedua-dua gambar tertumpu pada subjek utama sehingga subjek gambar hampir tidak bergerak. Sepertinya anda tidak merakam gempa bumi.
Sebilangan Gambar 3D Stereogram goyangan dilihat oleh kedua-dua mata sehingga anda tidak mendapat kesan sepenuhnya.
Dengan atau Tanpa Kaca Mata
Stereoskopi goyangan seperti gambar stereoskopi sebenar yang murah. Imejnya goyah dan tidak cukup keluar dari skrin. Imej 3D sebenar kelihatan lebih baik tetapi memerlukan cermin mata khas. Gunakan stereoskopi bergoyang jika anda mahu lebih ramai orang melihat kesannya. Gunakan 3D sebenar untuk hasil yang lebih baik. Anda boleh menggunakan gambar yang sama untuk melakukan kedua-duanya.
GIF animasi kedalaman split tidak memberikan kesan 3D yang sebenar dan memerlukan lebih banyak masa dan usaha untuk dibuat. Mereka cenderung lebih menarik untuk dilihat daripada menggoyangkan gambar stereoskopik. Oleh itu, saya rasa mereka memerlukan usaha tambahan. Saya menyukai hasil yang saya dapat semasa menambah bar tetapi yang paling saya gemari kelihatan meninggalkan gambar.
Sekiranya anda berminat untuk membuat gambar tiga dimensi maka saya cadangkan untuk mendapatkan sepasang cermin mata tiga dimensi supaya anda dapat melakukan animasi 3D sebenar, menggoyangkan 3D dan membelah kedalaman. Buat gambar yang kelihatan baik dengan cermin mata dan yang kelihatan baik tanpa mereka. Gambar di halaman ini adalah beberapa animasi pertama yang saya buat. Saya masih belajar bagaimana membuatnya dan saya tidak mempunyai banyak latihan. Gunakannya sebagai contoh tetapi cuba lakukan yang lebih baik.
Beberapa Pautan Lebih Berguna
- Cara Membuat Imej dan Video 3D Tanpa Tiga-D ...
Ketahui cara menukar 2D ke 3D. Membuat gambar tiga dimensi boleh menjadi mudah dan cepat. Saya dapat menghasilkan gambar tiga dimensi yang baik dalam 30 saat. Mengapa perlu mencari gambar rata apabila anda dapat menambahkan ilusi kedalaman. Ia memerlukan cermin mata khas tetapi ia a - Cara Menjadi Tidak Terlihat pada Kamera Menggunakan Kesan Video Tidak Terlihat — Hasil Pakar
Adakah anda ingin menjadi tidak kelihatan? Saya bereksperimen untuk melihat apakah saya dapat melihat melalui objek pada kamera web saya dengan menjadikan warna telus. Ketahui bagaimana penglihatan berfungsi dan bagaimana menjadi tidak kelihatan dengan mudah menggunakan kesan tidak dapat dilihat.
