Легко ли понять этот анимированный GIF, показывающий пошаговые рисунки Illustrator?

Я пытаюсь сделать несколько коротких анимированных гифок об Illustrator с небольшими пошаговыми упражнениями по рисованию.

Я мог бы поместить пояснительный текст в некоторые рамки, но я бы предпочел этого не делать. Возможно позже, смотря куда он попадет, я смогу добавить текстовую строку с использованными инструментами.

Вот почему я хотел бы знать, достаточно ли понятна анимация ниже для тех, кто имеет базовые знания об искусственном интеллекте.

стул

Спасибо за все комментарии. Иногда, когда вы погружаетесь в проект, каким бы маленьким он ни был, вы немного слепнете. Вот почему я поставил вопрос. Каждый комментарий очень полезен, и я буду иметь все в виду.

Хотите связать нас с вашим сайтом, когда это будет сделано?
@LateralTerminal Я буду, но вы все задали мне много домашней работы :-) Я не уверен, сколько времени это займет.
Вы стремитесь обучать живую аудиторию или синхронно/асинхронно онлайн?
Цель состоит не в том, чтобы учить, а просто в том, чтобы поймать на минуту аудиторию: • Те, кто имеет представление о векторном рисовании, попытаются объяснить, как это делается. • Для тех, кто не знает векторной графики, это будет только анимация, даже если я поставлю пошагово с помощью ярлыков и инструментов. Вот почему я принял ответ @Webster, потому что он прояснил мои сомнения не только в отношении анимации, но и в отношении цели: — это просто анимированная графика о процессе иллюстрации —

Ответы (7)

Я думаю, что не зная, какие инструменты что делают, какие ярлыки делают что и как делать простые вещи, такие как реверсирование заливки/штриха, неопытным пользователям может не хватать деталей в gif. Просто слишком много «неизвестного», если вы не знакомы с функциями инструментов/ярлыков в Illustrator.

введите описание изображения здесь

И наоборот, для меня это очень легко, ясно и просто, если вы понимаете инструменты, функции и ярлыки. Так что, возможно, с таким небольшим объяснением, что конкретный gif может быть gif «промежуточного пользователя»?

Да, я знаю об объяснении... Оно должно быть на английском и испанском языках, поэтому я стараюсь этого избегать. Я хотел бы сделать это универсальным, найдя способ объяснить это без текста. Я ценю ваш комментарий.
Небольшая дополнительная вещь — также покажите, где вы нажимаете. Многие устройства записи экрана будут записывать маленькие «пузыри», расширяющиеся от того места, где вы нажимаете, и я уверен, что вы можете найти программное обеспечение, позволяющее сделать это на экране, чтобы устройство записи экрана могло их подобрать. (Кроме того, модификаторы обычно имеют символы, не зависящие от языка - символ команды Mac одинаков на любой раскладке клавиатуры, насколько мне известно, даже если местоположение меняется)
примечание: перемещение всей строки при добавлении символа в конце, чтобы она всегда оставалась по центру, затрудняет чтение, потому что текст всегда удаляется от того места, на которое вы пытаетесь смотреть
@user1306322 user1306322 приведенный выше gif является просто образцом , маловероятно, что вы будете случайным образом нажимать модификаторы один за другим, как в образце gif. В большинстве случаев все модификаторы будут нажаты одновременно.
Какой инструмент добавляет щелчки на клавиатуре?
@WELZ их несколько. Это зависит от используемой ОС. На Mac — iShowU, ScreenFlow, Iris, кажется, Camtasia

Есть несколько вещей, которые вы могли бы сделать, чтобы улучшить эту хорошую идею, а не сделать ее ужасной.

  1. Вам обязательно нужно добавить экранные клавиши.
  2. Вы должны разбить его на этапы и использовать несколько GIF-файлов, чтобы показать, что вы сделали, вместо одного длинного GIF-файла. Это устраняет проблему, поднятую Скоттом, что GIF-файлы слишком длинные.
  3. Дополните гифку описанием того, что вы сделали.
  4. Предоставьте файл для загрузки с полным проектом.

РЕДАКТИРОВАТЬ: я думал об этом еще немного.

Технология GIF ужасна, если вы не размещаете забавные короткие клипы.

Gif на сегодняшний день является худшим сжатием видео из когда-либо изобретенных. Google и imgur в основном пытались полностью облучать gif с помощью webm, но потерпели неудачу.

Что 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. На вашем сайте все будет загружаться намного быстрее.


РЕДАКТИРОВАТЬ 2:

Чтобы прояснить некоторый шум в комментариях.

Нет никакой реальной разницы между видео на YouTube и Gif. Это оба видеоформата. Разница в том, что видео на YouTube будет загружаться быстрее, иметь лучший цвет, а также будет иметь возможность паузы (это очень важно).

.Gif даст вам много артефактов и неправильно отобразит цвета, потому что так работает gif.

Таким образом, где бы на вашем веб-сайте вы ни разместили этот 4-секундный gif, это будет 4-секундное видео. Почему вы все еще хотите использовать gif на этом этапе? Если вы используете видео с YouTube, вы можете скрыть видео от публики, чтобы оно было видно только на вашем веб-сайте.

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

Хорошо, посмотрю.
Честно говоря, мы должны использовать здесь встроенные видео вместо гифок, но stackexchange не поддерживает встроенные видео в ответы, поэтому мы используем гифки. Единственная причина, по которой мы используем здесь гифки.
Помните, что в соответствии с Условиями использования использование таких сервисов, как YouTube, может привести к отказу от прав на исходный контент. Это не всегда желаемый вариант. Черт возьми ... даже здесь, как только вы публикуете изображение, оно бесплатно для всех по лицензии Creative Commons . Единственный способ предотвратить такое лицензирование — это размещать контент самостоятельно, где у вас есть полный контроль. Существуют также такие службы, как giphy.com , которые используют видео и могут предложить лучшую альтернативу YouTube.
@ Скотт Это неправда. Если вы загружаете что-то на YouTube, вы можете установить для этого флажок. Вы можете сохранить авторские права, если выбрали правильные варианты. YouTube всегда может удалить ваше видео, если кто-то другой заявляет об авторских правах, но это другое дело.
На самом деле YouTube присваивает загруженному контенту очень похожую лицензию CC-By: support.google.com/youtube/answer/… Вы ошибаетесь, если думаете, что другие не могут использовать ваш контент YouTube. Пока они придерживаются лицензии CC, тогда могут. Это то же самое, что размещать изображения здесь. Вы не «отказываетесь» от своих авторских прав, вы разрешаете бесплатное использование всего, что загружаете.
@ Скотт Верно, я знаю об этом, но эта лицензия является опцией. Я уже загружал контент на YouTube без CC. Хотя я собираюсь перепроверить.
Ладно, может я ошибаюсь. Я вполне мог бы быть. Я просто думаю, что если у вас есть возможность разместить свой собственный контент, сделайте это... затем создайте маркетинговые материалы, которые вы загрузите в другом месте. Поэтому, если ими случайно поделятся, все они отправят пользователей обратно к вам. Другими словами... не арендуйте помещение, если у вас есть возможность владеть им .:)
@LateralTerminal В любом случае, что касается сотрудников Youtube, уже есть очень хорошие сайты с учебными пособиями по AI Youtube, такие как jasonsecrest.com . Меня по-прежнему интересуют короткие гифки, может, кусочками, как вы все сказали, но простые, понятные и короткие.
@ Скотт Ты ошибаешься, я только что проверил. Вы можете загрузить и выбрать стандартную лицензию YouTube вместо лицензии CC. Загрузил видео для проверки. Я начал сомневаться в себе.
@Danielillo Я говорю, что gif - это просто плохой формат видео. Вместо использования короткого .gif вы должны использовать .mp4. Видео YouTube можно скрыть на канале, чтобы никто не мог их найти. Таким образом, это полностью отличается от просто канала YouTube, на котором есть учебные пособия. Я хочу сказать, что все будет так же, только формат будет другим, а не gif.
Вы по-прежнему предоставляете YouTube права на использование видео со «стандартной» лицензией. :)В общем, вы говорите Google, что они могут его использовать. В эпоху обработки данных это ценный актив, от которого можно отказаться.:)
@Scott Технически вы даете им право удалить ваше видео только тогда, когда они этого хотят или если есть причина (если вы сексуальный хищник или что-то в этом роде). Но вы никоим образом не отказываетесь от своих авторских прав. Вы владеете этим видео. YouTube никоим образом не владеет вашим видео. Они не могут монетизировать или продать его.
@ Скотт Это отстой, что ты отдаешь некоторые права. Но если вы выкладываете что-то на всеобщее обозрение, вот что происходит. Не имеет значения, отдадите ли вы его в Google, Vimeo или Fox News. Дело в том, что вам не нужно беспокоиться о том, что владельцы патентов h264 подадут в суд :)
Хм... они монетизируют его в тот момент, когда вы его загружаете. Как вы думаете, как YouTube получает трафик для продажи рекламы? Пользовательский контент они получают бесплатно. Моя точка зрения. вы можете монетизировать его самостоятельно, не отдавая бесплатный контент другим хостингам. Извините, что я получил это так не по пути :), это действительно не было моим намерением. И хм, есть огромная разница между видео на YouTube и гифкой. Последнее редактирование действительно неверно, на мой взгляд.
На самом деле рекламы нет, если только вы сами не монетизируете видео. @Scott Если вы видите рекламу, они зарабатывают деньги, а YouTube зарабатывает деньги. YouTube зарабатывает деньги только на рекламе, которую вы разрешаете им монетизировать. Вот почему на YouTube до сих пор много видео без рекламы. Я не возражаю против того, чтобы вы сбились с пути. Мне нравится говорить о YouTube. Это то, что я изучал некоторое время.
Существует (иногда важная) разница между GIF и видео на YouTube: вы не всегда можете встроить видео с YouTube туда, куда хотите. Например, на сайтах StackExchange, где GIF работает безупречно. IIRC, некоторые сайты SE поддерживают их (Movies.SE, SciFi.SE), но не все.
@Руслан Я это уже говорил. Это очевидно. Это не имеет ничего общего с обменом стеками, он делает веб-сайт. Это другой тип файла, но это все еще просто сжатое видео, так что в этом сценарии то же самое.

Я время от времени использую Illustrator, но у меня есть полное знание Photoshop.

Я мог смутно догадываться, какие инструменты вы используете, но понятия не имел, какие шорткоды вы нажимаете... Я бы не знал, как выбрать часть этого пути, а затем волшебным образом перевернуть его, как это сделали вы.

Итак, я предполагаю, что кто-то с более обширными знаниями, чем «время от времени», поймет это, но тогда мне интересно, не знают ли они уже, как создать такой рисунок?

Что еще меня лично беспокоит, так это отсутствие кнопки паузы, если я когда-нибудь потеряю трек, думаю, мне будет трудно вернуться обратно.

Вы правы насчет сокращений. Проблема не только в ярлыке, но за ним должно следовать объяснение того, что он делает: Нажмите «E», чтобы сделать свободную шкалу :-(, слишком долго. Я все еще думаю, как это сделать.
@Danielillo, просто подумай, может быть, ты сможешь исправить кнопку / комбинацию в одном из углов? Итак, укажите «command + c», если вам нужно скопировать или что-то в этом роде. Я видел, как игры делают это часто.
да, помните, для Mac и Win: +A / Ctrl+A

Я бы оставил гифку, если только это не очень короткая анимация, и вместо этого использовал бы видео. Возможность паузы и прокрутки значительно упрощает просмотр и попытку самостоятельного просмотра.

Я бы добавил небольшую панель в одном углу, которая будет отображать нажатые клавиши (V для выбора и т. д.) и их значение (инструмент «Выбор»), нажатые и удерживаемые клавиши (Alt для перетаскивания копии) и индикаторы, какая мышь кнопки нажаты, дважды нажаты или удерживаются.

А на первом уроке опишите, что означают эти ваши буквы и инконы. Вы можете пожертвовать парой первых кадров, чтобы показать титры, просто чтобы напомнить, что означает панель.

Я знаю, что Вы имеете ввиду. На самом деле gif вопроса представляет собой видео, преобразованное в gif и повторно отредактированное. На данный момент мне нравится ретро-оттенок gif, мне просто нужно подумать о дизайне с каким-то универсальным объяснением. Универсальный означает отсутствие языка и Mac-Win.
@Danielillo, я могу просто представить группу людей, которые смотрят все это снова и снова, потому что они что-то пропустили. Он не обязательно должен иметь звук, чтобы оправдать использование видеоформата... Если вы сохраните его в виде видео, у вас будет больше свободы в том, как вы его представляете. Как и с наворотами, такими как воспроизведение и пауза и очистка временной шкалы. Кроме того, если это гифка, на вас будет огромное давление, чтобы все было коротким, иначе оно слишком длинное, чтобы иметь какой-либо смысл в том, чтобы быть гифкой. Например, через 2 минуты вы пропустили один шаг «ну, я думаю, я снова загружаю страницу или что-то в этом роде…»
@Joonas Вот почему я должен сделать это короче. В любом случае, это предложение "...группа людей пересматривает все это снова и снова..." Я думаю, что это немного преувеличено ;-), это не последнее видео Гаги! В любом случае, как я уже писал в комментариях к вопросу, я чувствую, что теперь мне нужно сделать целый проект. Я дам вам знать все, когда это будет сделано, чтобы получить ваши критики.
@Danielillo, я бы хотел, чтобы начинающий или даже опытный пользователь ИИ не отставал от этого, если нужно следить за тем, что делается на гифке. Как я понял, это какие-то туториалы?
@Joonas Думаю, я вырежу каждую часть и поставлю ссылки на шаг за шагом. Но это то, что я просто имею в виду. Этот стул — старый рисунок, который я нарисовал на странице моего преподавания в Facebook: facebook.com/media/set/…
@Danielillo Существует большая разница между нажатием V, потому что так говорит анимация, и нажатием V, потому что это ярлык для выбора инструмента. Я не вижу способа, как сделать такой учебник без слов. С другой стороны, если вы используете только названия инструментов, их легче перевести. Если вы спешите, поместите описания тестов в субтитры.
@Кроули Да, я убежден в этом после всех комментариев. Но все думают, что только в одной ОС должен быть ярлык Mac + ярлык Win + ключ + инструмент + объяснение. У меня есть идея, но я должен ее реализовать.
В окнах @Danielillo есть ctrl, alt и shift. У Apple есть разные кнопки для изменения ярлыков. Если это возможно, вы можете использовать символ груши для Ctrl, персика для Alt и вишни для Shift. (Извините, я никогда не использовал Mac). Или отобразите ярлык Apple выше и ярлык Windows ниже.
@Danielillo, если вы не ожидаете, что люди будут смотреть это много раз, для чего это? Помните, что если кто-то хочет сделать пример, ему нужно переключиться с вашего gif на ИИ, и при этом он потерял контекст. Теперь им нужно подождать, пока он снова не наступит, подождите еще раз. Вот почему лучше, если он будет разбит на несколько картинок.
Обратите внимание, что вы можете ссылаться на определенные моменты в видео и воспроизводить фрагмент в цикле. Я бы сохранил видео как обзор всего процесса и добавил бы список шагов в HTML, показывая соответствующие инструменты и ключи, где каждый шаг был бы связан с соответствующим разделом в видео.

У меня, как ни странно, как у Скотта, нет проблем с тем, что ты делаешь, но тогда, если бы ты показал мне последнюю картинку, я бы все равно знал, как это сделать.

Но по моему опыту преподавания я могу сказать следующее: гифка и слишком быстрая, и слишком длинная. Видите ли, вы не можете перемотать или остановить GIF, поэтому он должен быть медленнее, но он также слишком длинный, чтобы следовать, если вы попытаетесь сделать пример, поэтому я бы разделил GIF на отдельные GIF, если это возможно, и поместил текстовое объяснение между отдельными шаги.

Помните, что делание отличается от видения контекстом. Так что пользователю нужно переключиться на делание, тем самым они потеряли многое из того, что видели. Это заставляет пользователя перематывать назад, в данном случае waie, do, wait, do. Но я бы сказал, что это хорошо, как обзор, если он четко изложен и содержит более подробные инструкции, которым нужно следовать.

Думаю, я сделаю гифки разных уровней: начальный, средний уровень и «половина» продвинутого.
@Danielillo, если все, что у вас есть, это молоток, то вы можете либо относиться ко всему как к гвоздю, либо идти в хозяйственный магазин.

Легко увидеть, проследить или понять (?) этапы создания стула.

Ничего не сообщается о том, как это сделать, какие инструменты с какими сочетаниями клавиш используются, кроме изменяющегося курсора и выделенных узлов.

Если это будет учебное пособие, потребуется больше объяснений.

Если это графика о процессе иллюстрации, то она и так работает хорошо.

Вы попадаете в самую точку, это не учебник и, конечно же, не учебный ресурс, это просто рисунок, сделанный с помощью инструментов ИИ. Я пытаюсь сделать это как можно более понятным, но простым, понятным, без лишнего шума. Прочитав все комментарии, я обрежу его и добавлю несколько клавиш и ярлыков на анимацию, но это уже второстепенное.

Отвечу на ваш вопрос прямо: нет, это непросто понять.

Судя по вашим вопросам + комментариям, разбросанным по ответам, у вас есть следующие требования:

  • Короткие анимации
  • Нет языка
  • Нет конкретных инструкций для ОС

Другие пользователи уже предоставили отличные предложения, однако я чувствую, что последние два требования не полностью выполнены ими. @Crowley предоставил ответ, который, я думаю, очень полезен, особенно в этой части:

Я бы добавил небольшую панель в одном углу, которая будет отображать нажатые клавиши (V для выбора и т. д.) и их значение (инструмент «Выбор»), нажатые и удерживаемые клавиши (Alt для перетаскивания копии) и индикаторы, какая мышь кнопки нажаты, дважды нажаты или удерживаются.

Но зачем добавлять панель в угол, если в Illustrator уже есть встроенная панель с независимыми от языка значками? Панель «Инструменты» может отображаться рядом с изображением, что позволяет учащемуся видеть, какие инструменты нажаты:

введите описание изображения здесь

Это покрывает ваше No languageтребование. Чтобы уменьшить его, вы можете использовать пользовательскую панель «Инструменты», которая показывает только соответствующие инструменты для показанной инструкции:

введите описание изображения здесь

Однако я не думаю, что вы можете полностью отказаться от использования сочетаний клавиш для конкретной ОС. В противном случае у вас нет никаких средств указать, что нужно нажать Shiftпри вращении, чтобы привязать к 45 o или Shift+ Altпри использовании Free Transform Tool.

Моя первоначальная идея заключалась в том, чтобы делать простые анимированные иллюстрации в Illustrator. Многие комментарии указывают на учебник по Illustrator, и это именно то, чего я пытаюсь избежать. Мне интересно найти золотую середину между анимацией и упражнением, избегая туториала. Если я поставлю на него интерфейс ИИ, это полностью нарушит суть работы, которую я пытаюсь сделать.
@Danielillo Хорошо, но из твоего вопроса это неясно. Я думаю, что для качества ответа (и для вашего удовлетворения) было бы хорошо, если бы вы сели на минуту и ​​подумали, что вы хотите спросить и какие граничные условия у вас есть (например: не учебник, не язык, простой и т. д. ..). Затем отредактируйте вопрос соответствующим образом. Теперь ваши требования распределены по нескольким комментариям, что очень затрудняет поиск удовлетворительного ответа. Я рад подумать над вашим вопросом, если он четко определен и нет «движущейся цели».
Хорошо, я подумаю об этом. На данный момент я очень благодарен за то, что они мне дали: большое количество честных критических замечаний и несколько комментариев (включая ваши), которыми я очень доволен и из которых я воспользуюсь хорошей пользой для улучшения моего проекта. Собственно, благодаря этим комментариям я и пришел к упомянутым вами выводам, которые раньше не принимал во внимание.