Apakah GIF animasi ini menampilkan gambar langkah demi langkah Illustrator mudah dimengerti?

14

Saya mencoba membuat beberapa animasi gif pendek tentang Illustrator, dengan sedikit latihan menggambar langkah-demi-langkah.

Saya bisa menaruh beberapa teks penjelasan di beberapa bingkai tapi saya lebih suka tidak melakukannya. Mungkin nanti, itu tergantung di mana ia berakhir, saya bisa menambahkan baris teks dengan alat yang digunakan.

Itu sebabnya saya ingin tahu apakah sesuatu seperti animasi di bawah ini cukup dimengerti untuk seseorang yang memiliki pengetahuan AI dasar.

kursi

Terima kasih atas semua komentarnya. Terkadang ketika Anda tenggelam dalam suatu proyek, betapapun kecilnya, Anda menjadi sedikit buta. Itu sebabnya saya mengajukan pertanyaan. Setiap komentar sangat berguna dan saya akan selalu mengingat semuanya.

Ryan
sumber
Ingin menautkan kami ke situs web Anda setelah selesai?
LateralTerminal
@LateralTerminal saya akan, tetapi kalian semua memberiku banyak pekerjaan rumah untuk dilakukan :-) Saya tidak yakin berapa lama.
Apakah Anda bertujuan mengajar audiens langsung atau online sinkron / asinkron?
penasaran
Tujuannya bukan untuk mengajar, hanya untuk menangkap penonton sebentar: • Bagi mereka yang memiliki ide tentang gambar vektor, mereka akan mencoba menafsirkan bagaimana hal itu dilakukan. • Bagi mereka yang tidak tahu menggambar vektor, itu hanya akan menjadi animasi, bahkan jika saya meletakkan langkah demi langkah dengan cara pintas dan alat. Itu sebabnya saya menerima jawaban @Webster, karena menjelaskan saya keraguan yang saya miliki, bukan hanya untuk animasi, tetapi untuk tujuannya: - itu hanya grafik animasi tentang proses ilustrasi -

Jawaban:

2

Sangat mudah untuk melihat, mengikuti atau memahami (?) Langkah-langkah dalam membuat kursi.

Tidak ada yang disampaikan tentang cara melakukannya, alat mana yang digunakan dengan pintasan mana, kecuali kursor yang berubah dan titik yang disorot.

Jika ini akan menjadi tutorial pengajaran, itu akan membutuhkan lebih banyak penjelasan.

Jika grafik tentang proses ilustrasi maka itu berfungsi dengan baik.

Webster
sumber
Anda memukul paku di kepala, itu bukan tutorial dan tentu saja bukan sumber daya pengajaran, itu hanya gambar yang dibuat dengan alat AI. Saya mencoba membuatnya selengkap mungkin, tetapi sederhana, jelas, tanpa terlalu banyak suara. Setelah membaca semua komentar, saya akan memotongnya dan menambahkan beberapa tombol dan pintasan pada animasi, tetapi sebagai hal sekunder.
19

Saya pikir tanpa mengetahui alat apa melakukan apa, cara pintas apa melakukan apa, dan bagaimana melakukan hal-hal sederhana seperti membalikkan isi / goresan, gif mungkin kurang detail untuk pengguna yang tidak berpengalaman. Ada hanya terlalu banyak "tidak dikenal" jika Anda tidak akrab dengan fungsi alat / cara pintas di Illustrator.

masukkan deskripsi gambar di sini

Sebaliknya, bagi saya, itu sangat mudah, jelas, dan sederhana jika Anda melakukan memahami alat, fungsi, dan cara pintas. Jadi mungkin dengan sedikit penjelasan bahwa gif tertentu bisa menjadi "pengguna menengah" gif?

Scott
sumber
Ya, saya tahu tentang penjelasannya ... Itu harus dalam bahasa Inggris dan Spanyol, itu sebabnya saya berusaha menghindarinya. Saya ingin membuatnya universal, menemukan cara untuk menjelaskannya tanpa teks. Saya menghargai komentar Anda.
Hal tambahan kecil - juga tunjukkan tempat Anda mengklik. Banyak perekam layar akan merekam sedikit "gelembung" yang meluas dari tempat Anda mengklik, dan saya yakin Anda dapat menemukan perangkat lunak untuk mewujudkannya di layar untuk diambil oleh perekam layar. (Juga, pengubah umumnya memiliki simbol bahasa-agnostik - simbol Perintah Mac adalah sama pada setiap tata letak keyboard, AFAIK, bahkan jika lokasi berubah)
Gugatan Dana Monica
catatan: memindahkan seluruh string ketika menambahkan karakter di akhir agar tetap terpusat membuatnya sangat sulit untuk dibaca karena teks selalu bergerak menjauh dari tempat Anda mencoba untuk melihat
user1306322
@ user1306322 gif di atas hanyalah sampel , tidak mungkin Anda akan secara acak menekan pengubah satu demi satu seperti dalam contoh gif. Dalam kebanyakan kasus semua pengubah akan tertekan pada satu waktu.
Scott
Alat mana yang ditambahkan di klik keyboard?
WELZ
10

Ada beberapa hal yang dapat Anda lakukan untuk meningkatkan ide bagus ini dan tidak membuatnya mengerikan.

  1. Anda pasti perlu menambahkan tombol layar.
  2. Anda harus memecahnya menjadi langkah-langkah dan menggunakan beberapa gif untuk menunjukkan apa yang telah Anda lakukan alih-alih hanya satu gif panjang. Ini menghilangkan masalah yang dikemukakan Scott bahwa gif terlalu panjang.
  3. Tambahkan gif dengan deskripsi tentang apa yang telah Anda lakukan.
  4. Berikan file unduhan dengan proyek lengkap.

EDIT: Saya memikirkan hal ini lagi.

Teknologi Gif mengerikan jika Anda tidak meng-hosting klip pendek lucu.

Gif sejauh ini merupakan kompresi video terburuk yang pernah ditemukan. Google dan imgur pada dasarnya mencoba untuk menyinari gif sepenuhnya dengan webm tetapi gagal secara besar-besaran.

Apa yang Google lakukan sekarang ketika Anda mencari animasi gif adalah pratinjau disandikan ulang sebagai VP9, ​​h264 atau yang serupa. Menghemat BANYAK ruang dan memuat lebih cepat. Ketika Anda mengklik pratinjau itu memuat file gif yang sebenarnya.

Menggunakan format kompresi video nyata akan memiliki banyak kelemahan. Untuk satu lisensi yang terlibat untuk menggunakan H264 mahal . Anda harus mengandalkan layanan lain seperti YouTube untuk menghostingnya sehingga Anda tidak perlu khawatir akan dituntut. Pengunjung situs Anda tidak dapat mengunduh video dari YouTube dengan mudah seperti yang mereka lakukan dengan gif.

Jika Anda tidak ingin mengandalkan YouTube sebagai host, Anda dapat menyandikannya dalam format video open source.

https://en.wikipedia.org/wiki/List_of_open-source_codecs

Jujur saya bahkan tidak yakin tentang legalitas beberapa codec open source. Itu sebabnya google telah mengerjakan AV1 yang masih payah.


Cukup gunakan YouTube

Klip pendek apa pun yang Anda simpan sebagai gif, Anda hanya perlu menghosting di YouTube dan menyematkannya di situs web Anda. Anda tidak harus membuat tutorial YouTube yang panjang seperti yang dilakukan orang lain. Pecah menjadi beberapa bagian seperti yang Anda lakukan dengan gif dan sematkan video di tempat yang sama di sebelah penjelasan teks tambahan seperti yang saya katakan harus Anda lakukan dengan gif. Semuanya akan memuat lebih cepat di situs Anda.


EDIT 2:

Untuk memperjelas gangguan dalam komentar.

Tidak ada perbedaan nyata antara video YouTube dan Gif. Keduanya adalah format video. Perbedaannya adalah bahwa video YouTube akan memuat lebih cepat, memiliki warna yang lebih baik, dan juga akan memiliki kemampuan untuk jeda (sangat penting untuk menjeda).

.Gif akan memberi Anda banyak artefak dan warna tampilan yang tidak benar karena itulah cara kerja gif.

Jadi di mana pun di situs web Anda, Anda akan menempatkan gif 4 detik itu sebagai video 4 detik. Mengapa Anda masih ingin menggunakan gif pada saat ini? Jika Anda menggunakan video dari YouTube, Anda dapat menyembunyikan video dari publik sehingga hanya terlihat di situs web Anda.

Pada akhirnya jika Anda melakukannya dengan cara yang saya sarankan itu akan menghemat banyak stres memberikan kualitas lebih tinggi pada ukuran yang lebih kecil dan itu akan memungkinkan orang untuk dengan mudah melihatnya di ponsel yang tidak memiliki data kecepatan tinggi.

LateralTerminal
sumber
Bagus, saya akan memeriksanya.
Sejujurnya kita harus menggunakan video yang disematkan di sini alih-alih gif, tetapi stackexchange tidak mendukung video yang disematkan ke dalam jawaban, jadi itu sebabnya kami menggunakan gif. Satu-satunya alasan kami menggunakan gif di sini.
LateralTerminal
Sadarilah bahwa karena Ketentuan Layanan, memanfaatkan layanan seperti YouTube dapat melepaskan hak atas konten asli. Itu tidak selalu merupakan opsi yang diinginkan. Heck ... bahkan di sini, setelah Anda memposting gambar, itu gratis untuk semua orang di bawah Lisensi Creative Commons . Satu-satunya cara untuk mencegah perizinan tersebut adalah meng-host konten sendiri di mana Anda memiliki kendali penuh. Ada juga layanan seperti giphy.com yang menggunakan video dan dapat menawarkan alternatif yang lebih baik daripada YouTube.
Scott
@Scott Itu tidak benar. Jika Anda mengunggah sesuatu ke YouTube Anda bisa memilih kotak centang untuk itu. Anda dapat mempertahankan hak cipta jika memilih opsi yang tepat. YouTube selalu dapat menghapus video Anda jika orang lain mengklaim hak cipta, tetapi itu masalah lain.
LateralTerminal
Sebenarnya YouTube memberikan lisensi CC-By yang sangat mirip untuk konten yang diunggah: support.google.com/youtube/answer/… Anda salah jika Anda berpikir orang lain tidak dapat menggunakan konten YouTube Anda. Selama mereka mematuhi lisensi CC, maka bisa. Itu sama dengan memposting gambar di sini. Anda tidak "melepaskan" hak cipta Anda, Anda mengizinkan penggunaan gratis apa pun yang Anda unggah.
Scott
5

Saya secara sporadis menggunakan Illustrator tetapi memiliki pengetahuan penuh tentang Photoshop.

Samar-samar saya bisa menebak alat mana yang Anda gunakan tetapi tidak tahu kode pendek apa yang Anda tekan ... Saya tidak tahu bagaimana memilih bagian dari jalan itu dan kemudian secara ajaib membalikkannya seperti yang Anda lakukan.

Jadi tebakan saya adalah seseorang dengan pengetahuan yang lebih luas daripada 'sporadis' akan memahaminya, tapi kemudian saya bertanya-tanya apakah mereka belum tahu cara membuat gambar seperti ini?

Hal lain yang secara pribadi saya khawatirkan adalah tidak adanya tombol jeda, jika saya kehilangan jejak akan sulit untuk kembali lagi.

Musim panas
sumber
Anda benar tentang cara pintas. Masalahnya bukan hanya jalan pintas, tetapi harus diikuti dengan penjelasan tentang apa yang dilakukannya: Tekan "E" untuk membuat skala bebas :-(, terlalu lama. Saya masih berpikir bagaimana mengelola ini.
@Danielillo hanya berputar cepat, mungkin Anda dapat memperbaiki tombol / kombinasi di salah satu sudut? Jadi daftar 'perintah + c' jika Anda perlu menyalin atau sesuatu seperti itu. Saya sering melihat game melakukan ini.
Musim panas
ya, ingat harus untuk Mac dan Menang:  + A / Ctrl + A
4

Saya akan meninggalkan gif, kecuali itu animasi yang sangat singkat, dan gunakan video sebagai gantinya. Kemampuan untuk menjeda dan menggulir membuatnya lebih mudah untuk menonton dan mencobanya sendiri.

Saya akan menambahkan panel kecil di satu sudut yang akan menampilkan tombol-tombol yang ditekan (V untuk pilih, dll.) Dan apa artinya (Pilih alat), tombol-tombol yang ditekan dan ditahan (Alt untuk menarik salinan) dan menunjukkan mouse apa tombol diklik, diklik ganda atau ditahan.

Dan dalam pelajaran pertama, jelaskan apa arti huruf dan huruf Anda itu. Anda dapat mengorbankan beberapa bingkai pertama untuk menunjukkan judul hanya untuk mengingatkan apa artinya panel.

Crowley
sumber
Aku tahu apa yang kamu maksud. Sebenarnya gif dari pertanyaannya adalah video, dikonversi menjadi gif dan diedit ulang. Untuk saat ini saya suka sentuhan retro gif, saya hanya perlu memikirkan desainnya dengan beberapa penjelasan universal. Universal berarti tidak ada bahasa dan Mac-Win.
1
@Danielillo, saya bisa membayangkan sekelompok orang menonton semuanya berulang-ulang karena mereka melewatkan sesuatu. Tidak harus memiliki suara untuk membenarkan menggunakan format video ... Jika Anda menyimpannya video, Anda akan memiliki lebih banyak kebebasan dalam cara Anda menyajikannya. Suka dengan lonceng dan peluit seperti permainan dan jeda dan timeline scrubbing. Selain itu jika gif, Anda akan memiliki tekanan besar dalam menjaga semuanya singkat atau kalau terlalu lama tidak masuk akal untuk menjadi gif. Seperti 2 menit dan Anda kehilangan satu langkah "well, saya kira saya memuat halaman lagi atau sesuatu ..."
Joonas
@Joonas Itu sebabnya saya harus membuatnya lebih pendek. Ngomong-ngomong, kalimat ini "... sekelompok orang menonton semua ini berulang-ulang ..." Saya pikir itu agak berlebihan ;-), ini bukan video Gaga terakhir! Bagaimanapun, ketika saya menulis di komentar pertanyaan, saya merasa terdesak sekarang untuk membuat seluruh proyek. Saya akan memberi tahu Anda semua saat ini dilakukan untuk mendapatkan kritik Anda.
@Danielillo, saya ingin melihat seorang pemula atau bahkan pengguna AI berpengalaman mengimbangi itu, jika intinya adalah mengikuti apa yang dibuat di gif. Seperti yang saya mengerti mereka adalah semacam tutorial?
Joonas
1
@Danielillo windows memiliki ctrl, alt dan shift. Apple memiliki tombol yang berbeda untuk mengubah cara pintas. Jika memungkinkan, Anda dapat menggunakan simbol pir untuk Ctrl, peach untuk Alt dan cherry for Shift. (Maaf saya tidak pernah menggunakan Mac). Atau tampilkan pintasan Apple di atas dan pintasan windows di bawah.
Crowley
3

Saya agaknya suka scott tidak ada masalah dalam mengikuti apa yang Anda lakukan, tetapi kemudian jika Anda menunjukkan kepada saya gambar terakhir saya akan tahu bagaimana cara melakukannya.

Tetapi dalam pengalaman saya di mengajar id mengatakan hal berikut: Gif terlalu cepat dan terlalu lama. Melihat Anda tidak dapat memundurkan atau menghentikan gif sehingga harus lebih lambat, tetapi juga terlalu panjang untuk mengikuti jika Anda mencoba melakukan contoh sehingga saya akan membagi gif menjadi gif terpisah jika mungkin dan menempatkan penjelasan tekstual antara terpisah Langkah.

Ingatlah bahwa melakukan adalah konteks yang berbeda dari melihat. Jadi pengguna perlu beralih untuk melakukan, dengan itu mereka kehilangan banyak hal yang mereka lihat. Ini memaksa pengguna untuk mundur, dalam hal ini membebaskan, lakukan, tunggu, lakukan. Tapi id mengatakan itu baik-baik saja sebagai gambaran selama itu dikomunikasikan dengan jelas dan memicu instruksi yang lebih baik untuk diikuti.

joojaa
sumber
Saya kira saya akan membuat gif tingkat yang berbeda: pemula, tingkat menengah dan "setengah" maju.
2
@Danielillo jika yang Anda miliki adalah palu maka pilihan Anda adalah memperlakukan semuanya sebagai paku atau pergi ke toko perangkat keras.
joojaa
2

Untuk menjawab pertanyaan Anda dengan terus terang: tidak, itu tidak mudah dimengerti.

Dari pertanyaan Anda + komentar tersebar di seluruh jawaban, tampaknya Anda memiliki persyaratan berikut:

  • Animasi pendek
  • Tidak ada bahasa
  • Tidak ada instruksi khusus OS

Pengguna lain sudah memberikan saran yang sangat baik, namun saya merasa bahwa dua persyaratan terakhir tidak sepenuhnya dipenuhi oleh mereka. @Crowley memberikan jawaban yang menurut saya sangat membantu, terutama bagian ini:

Saya akan menambahkan panel kecil di satu sudut yang akan menampilkan tombol-tombol yang ditekan (V untuk pilih, dll.) Dan apa artinya (Pilih alat), tombol-tombol yang ditekan dan ditahan (Alt untuk menarik salinan) dan menunjukkan mouse apa tombol diklik, diklik ganda atau ditahan.

Tetapi mengapa menambahkan panel di sudut sementara Illustrator sudah memiliki panel ini dibangun dengan ikon independen bahasa? Panel Alat dapat ditampilkan di samping gambar, memungkinkan siswa untuk melihat alat apa yang diklik:

masukkan deskripsi gambar di sini

Ini mencakup No language kebutuhan . Untuk menurunkannya, Anda bisa menggunakan panel Alat khusus yang hanya menampilkan alat yang relevan untuk instruksi yang ditampilkan:

masukkan deskripsi gambar di sini

Namun, saya tidak berpikir Anda dapat menghindari menggunakan pintasan keyboard khusus OS sama sekali. Jika tidak, Anda tidak memiliki cara apapun yang menunjukkan bahwa kita harus tekan Shiftketika berputar untuk snap ke 45 o atau Shift+ Altsaat menggunakan Free Transform Tool.

Saaru Lindestøkke
sumber
Ide asli saya adalah membuat ilustrasi animasi sederhana dengan Illustrator. Banyak komentar mengarah ke tutorial Illustrator, dan itulah yang saya coba hindari. Ketertarikan saya adalah menemukan titik tengah antara animasi dan latihan, menghindari tutorial. Jika saya meletakkan antarmuka AI di atasnya, benar-benar merusak esensi dari pekerjaan yang saya coba lakukan.
1
@Danielillo Ok, tapi itu tidak jelas dari pertanyaan Anda. Saya pikir akan lebih baik untuk kualitas jawaban (dan untuk kepuasan Anda) jika Anda duduk sebentar dan memikirkan apa yang ingin Anda tanyakan dan syarat batas mana yang Anda miliki (yaitu: bukan tutorial, tidak ada bahasa, tidak ada bahasa, sederhana, dll. ..) Kemudian edit pertanyaan yang sesuai. Sekarang persyaratan Anda tersebar di beberapa komentar, sehingga sangat sulit untuk menghasilkan jawaban yang memuaskan. Saya senang memikirkan pertanyaan Anda jika sudah jelas dan tidak ada "target bergerak".
Saaru Lindestøkke
Ok, saya akan memikirkannya. Saat ini saya sangat berterima kasih atas apa yang telah mereka berikan kepada saya: sejumlah kritik jujur ​​dan beberapa komentar (termasuk komentar Anda) yang membuat saya sangat puas dan dari mana saya akan mengambil keuntungan baik untuk meningkatkan proyek saya. Bahkan, berkat komentar-komentar ini saya telah mencapai kesimpulan yang Anda sebutkan dan saya tidak memperhitungkan sebelumnya.