Я намагаюсь зробити кілька коротких анімованих gif про Illustrator, з невеликими покроковими вправами малювання.

Я міг би розмістити пояснювальний текст у деяких кадрах, але я вважаю за краще не робити цього. Можливо, пізніше, це залежить від того, де він закінчується, я можу додати текстовий рядок із використаними інструментами.

Ось чому я хотів би знати, чи щось на зразок анімації нижче зрозуміле для того, хто має базові знання про AI.

Дякую за всі коментарі. Іноді, занурившись у якийсь проект, який би малий не був, осліплюєшся. Ось чому я ставив питання. Кожен коментар дуже корисний, і я буду все пам’ятати.

Легко бачити, слідувати чи розуміти (?) Кроки у створенні стільця.

Нічого не повідомляється про те, як це зробити, які інструменти використовуються з якими ярликами, крім змінного курсору та виділених вузлів.

Якщо це буде навчальний посібник, йому знадобиться більше пояснень.

Якщо це графіка про процес ілюстрації, то вона добре працює.

Я думаю, не знаючи, які інструменти зробили що, які ярлики зробили, що робити, і як робити прості речі, такі як зворотна заливка / обведення, gif може не вистачати детально для недосвідчених користувачів. Існує просто занадто багато "невідомого", якщо ви не знайомі з функціоналом інструментів / ярликів в Illustrator.

З іншого боку , для мене це дуже просто, ясно і просто , якщо ви робите зрозуміти інструменти, функції і ярлики. То, можливо, з таким невеликим поясненням, що конкретний gif може бути gif "проміжного користувача"?

Ви можете зробити кілька речей, щоб покращити цю гарну ідею, а не зробити її жахливою.

1. Вам обов'язково потрібно додати екранні клавіші.
2. Ви повинні розділити його на кілька кроків і використовувати кілька gif-файлів, щоб показати, що ви зробили, а не лише один довгий gif. Це усуває проблему, яку Скотт підкреслив, що gifs занадто довгі.
3. Доповніть gif описом того, що ви зробили.
4. Надайте файл для завантаження з повним проектом.

EDIT: Я ще дещо подумав над цим.

Технологія Gif - жахлива, якщо ви не хостите веселих коротких кліпів.

Gif - це найгірший придушений відеозапись, який коли-небудь було винайдено. Google і imgur в основному намагалися повністю опромінити gif веб-сторінками, але масово не вдалося.

Що Google робить зараз, коли ви шукаєте анімовані gif-файли, це попередній перегляд заново кодується як VP9, ​​h264 або щось подібне. Це економить багато місця та завантажується набагато швидше. При натисканні на попередній перегляд він завантажує фактичний файл gif.

Використання реального формату стиснення відео матиме багато недоліків. Для одного ліцензія на використання h264 є дорогою . Вам потрібно буде покластися на іншу службу, на зразок YouTube, щоб розмістити її, так що вам не доведеться турбуватися про позов. Відвідувачі вашого веб-сайту не можуть завантажувати відео з YouTube так легко, як вони могли з gif.

Якщо ви не хочете покладатися на YouTube як на хост, можете його кодувати у форматі відео з відкритим кодом.

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

Чесно кажучи, я навіть не впевнений у законності деяких кодеків з відкритим кодом. Ось чому google працює над AV1, який все ще є відстійним.

Просто використовуйте YouTube

Які б короткі кліпи ви не зберегли в якості gif, вам слід просто розмістити їх на YouTube і вставити його на свій веб-сайт. Вам не потрібно робити довгий підручник з YouTube, як це роблять усі. Просто розбийте його на шматочки, як ви б з gif, і вставте відео в ті ж місця поруч із додатковими поясненнями до тексту, як я сказав, що ви повинні робити з GIF. Все буде завантажуватися набагато швидше на ваш сайт.

EDIT 2:

Щоб уточнити якийсь шум у коментарях.

Немає реальної різниці між відео YouTube та Gif. Вони обидва відеоформати. Різниця полягає в тому, що відео YouTube завантажуватиметься швидше, матиме кращі кольори, а також зможе зробити паузу (дуже важливо зробити паузу).

.Привіт подарує вам безліч артефактів і неправильно відобразити кольори, тому що так працює gif.

Тож, де б на вашому веб-сайті ви не помістили цього 4-секундного gif, це було б 4-секундне відео. Чому ви все ще хочете використовувати gif в цей момент? Якщо ви використовуєте відео з YouTube, ви можете приховати це відео від загального користування, щоб його бачили лише на вашому веб-сайті.

Зрештою, якщо ви зробите це так, як я вважаю, це вбереже вам від великого стресу, забезпечить більш високу якість при менших розмірах, і це дозволить людям легко переглядати його на мобільних телефонах, які не мають високошвидкісних даних.

Я епізодично використовую Illustrator, але маю повні знання щодо Photoshop.

Я міг би неясно здогадуватися, які інструменти ви використовуєте, але поняття не маю, які штрихкоди ви натискаєте ... Я б не знав, як вибрати частину цього шляху, а потім магічно перевернути його, як і ви.

Тож я здогадуюсь, хтось із більш широкими знаннями, ніж «спорадично», зрозумів би це, але тоді мені цікаво, чи не могли б вони вже знати, як створити такий малюнок?

Щось ще мене особисто хвилює - відсутність кнопки паузи, якщо я коли-небудь втрачу трек, мені буде важко повернутися назад, я думаю.

Я залишив би gif, якщо це не дійсно коротка анімація, а замість цього використати відео. Можливість призупиняти та прокручувати набагато простіше переглядати та спробувати.

Я б додавав в один кут невелику панель, яка відображатиме натиснуті клавіші (V для вибору тощо) та що це означає (інструмент Select), клавіші, які натискаються та утримуються (Alt для перетягування копії) та вказує, яку мишу кнопки натискаються, двічі клацаються або утримуються.

А на першому уроці опишіть, що означають ці ваші букви та невідповідності. Ви можете принести в жертву пару перших кадрів, щоб показати заголовки, щоб нагадати, що означає панель.

Мені досить дивно подобається, як у Скотта немає жодної проблеми в тому, щоб слідкувати за тим, що ти робиш, але тоді, якби ти показав мені останню картину, я б знав, як це зробити.

Але з мого досвіду викладання ід говорять наступне: GIF є і занадто швидким, і занадто довгим. Дивіться, що ви не можете перемотати назад або зупинити gif, щоб воно було повільніше, але також слід занадто довго слідувати, якщо ви спробуєте зробити приклад, щоб я розділив gif вгору на окремі gif-файли, якщо це можливо, і помістив текстове пояснення між окремими кроки.

Пам'ятайте, що робити це зовсім інший контекст, ніж бачити. Таким чином, користувачеві потрібно перейти до того, щоб робити, тим самим вони втратили багато, що побачили. Це змушує користувача перемотати назад, у цьому випадку waie, do, wait, do. Але я скажу, що це добре, як огляд, до тих пір, поки його чітко повідомляються і вказуються кращі вказівки.

Щоб відповісти на ваше запитання прямо: ні, це не просто зрозуміти.

З ваших запитань та коментарів, розкладених у відповідях, здається, у вас є такі вимоги:

• Короткі анімації
• Немає мови
• Немає конкретних інструкцій щодо ОС

Інші користувачі вже надавали відмінні пропозиції, однак я вважаю, що останні два вимоги ними не виконані повністю. @Crowley дав відповідь, яка, на мою думку, дуже корисна, особливо ця частина:

Я б додавав в один кут невелику панель, яка відображатиме натиснуті клавіші (V для вибору тощо) та що це означає (інструмент Select), клавіші, які натискаються та утримуються (Alt для перетягування копії) та вказує, яку мишу кнопки натискаються, двічі клацаються або утримуються.

Але навіщо додавати панель у кутку, тоді як в Illustrator ця панель вже вбудована з незалежними від мови піктограмами? Поруч із зображенням може бути показана панель «Інструменти», що дозволяє студенту бачити, на які інструменти натискають:

Це покриває вашу No languageвимогу. Щоб зменшити його, ви можете скористатися спеціальною панеллю інструментів, яка показує лише відповідні інструменти для показаної інструкції:

Однак я не думаю, що ти взагалі не можеш уникнути використання специфічних клавіш для ОС. Інакше у вас немає жодного засобу, який би вказував на те, що потрібно натискати Shiftпри обертанні, щоб оснаститись до 45 ^o або Shift+ Altпри використанні інструменту безкоштовної трансформації.