Рисование и анимация: начало иллюстрации

 Советы для роста навыка иллюстратора и дизайнера

Начните рисовать и делать анимации! Это увлекательный и полезный процесс - построение своего маленького мира со своими историями. Это - спокойная медитация и кипучая работа, цветные краски и чёрные линии, призывная экспрессия и красноречивое молчание.

Огромная благодарность превосходным художникам Suzanne LaGrande, Christine Nishiyama, Frances To, Pablo Stanley, Ralph Ammer, Arpit Agarwal, Coleen Baik, Per Seuring за их ценный технический опыт, душевные советы и гениальные произведения, которыми они щедро поделились на платформе Medium.

Содержание
1. Наброски каждый день
2. Поощрение удовольствия
3. Искусство сказать (6 правил Оруэлла)
4. Начало работы иллюстратора (12 шагов)
5. Действуйте как профессионал! (Вредные 12 советов)
6. Упражнения для рисования (6 уроков)
7. Вдыхайте жизнь в своё творение (9 шагов)
8. Рисование анимации (6 советов)
9. Принципы дизайна и жизни (5 принципов)

 Suzanne LaGrande
I am a writer, teacher, artist and singer-songwriter.
For more about my work, visit https://suzannelagrande.com
Profile: https://medium.com/@slagrande

1. Наброски каждый день

Что попалось на глаза (лица, позы, бублик, комп). Не комплексовать некомпетентностью и перфекционизмом. Сделанное лучше, чем идеальное; плохое лучше, чем ничего. Творческий партнёр - стимул поделиться, сравнить, утвердиться, продолжать. Рисование - опыт медитации и практика любви к жизни. Эскизы - упражнения в видении мира и неординарности взгляда вне предубеждений. Начните просто и с малого.

Christine Nishiyama
Artist making books/comics »Discover your artistic style with my free guide!»
https://mightcouldstudios.lpages.co/influence-map-m/
Profile: https://blog.prototypr.io/@might_could

2. Поощрение удовольствия

Не откладывайте и не заменяйте; не бойтесь и не депрессуйте. Тренируйте привычку фиксации момента и рисования. Вы не обязаны; требуется просто калякать. Объём работы, развитие стиля, правильность построения - лишь естественные побочные явления, а не диктаторская самоцель. Ежедневная практика на работе, в транспорте, в отпуске. Выяснить понравившееся время рисования и ориентироваться на своё расписание. Определите тему спонтанно или составьте план задумок. Предлагайте себе как вызов то, чего раньше не делали. Развивайте креативность с удовольствием.

3. Искусство сказать (6 правил Оруэлла)

Рисование - не только самовыражение, но и способ общения. Не сосредотачивайтесь на том, как говорить вещи, и вместо этого сосредоточьтесь на вещах, которые стоит сказать. Говорите элегантно и красиво. Вопросы художников чаще основаны на том, как общаться, а не о чём общаться. Ручки, цвета и стиль - это всего лишь способы донести идею, а не идеи сами по себе. Это инструменты, которые мы используем, чтобы говорить. И они вторичны по отношению к «чему-то», о котором мы говорим. Прежде чем мы сможем что-то сказать, нам нужно что-то сказать. Сначала мы должны подумать: «что я пытаюсь сказать?», Прежде чем мы сможем решить, как сказать, написать или нарисовать. Неопытный дизайнер продуктов начинает с поиска решений, а не вопросов.

Задавайтесь вопросами Джорджа Оруэлла:
- Что я пытаюсь сказать?
- Какие слова это выразят?
- Какое изображение или идиома сделает его более понятным?
- Является ли это изображение достаточно свежим, чтобы иметь эффект?
- Могу ли я сказать это более коротко?
- Я сказал что-нибудь, что можно избежать безобразно?

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

Цель у Оруэлла - борьба с тоталитаризмом. У нас - ясное осознание призвания и насущных тем. Каждая история, которую мы пишем или рисуем, может создавать что-то значимое. Некоторые будут большими и важными, как борьба с фашизмом. Другие - маленькие и случайные, как будто вы просто устали. Что важно, зависит от вас. Но за каждым произведением, когда все ваше искусство рассматривается как совокупность произведений, начинает появляться общая цель. И как только мы находим эту общую цель, она может служить руководящим принципом того, что мы говорим во всем нашем искусстве. Таким образом, мы можем автоматически начинать каждое произведение не с «как я это скажу», а с «что я скажу».

Моя цель в искусстве создания только недавно начала кристаллизоваться. Я начинаю понимать, что моя цель состоит из двух частей. Во-первых, это использовать написание и рисование как способ продумать и организовать мои мысли и переживания в последовательные убеждения и знания. Во-вторых - использовать написание и рисование, чтобы помочь другим научиться делать то же самое. Чтобы показать им, как использовать написание и рисование, как способ продумать и организовать свои мысли и переживания в свои собственные последовательные убеждения и знания. Эти две цели позволяют мне сосредоточиться на том, что я пытаюсь сказать. Они дают мне точку калибровки для инструментов, которые я использую для выступления, включая эти еженедельные эссе, мои ежедневные рисунки в альбомах, одноклассники Might Could Studio и Sketchbook to Style.

Никакая художественная цель никогда не будет полностью решена, потому что наше искусство постоянно растёт, развивается и меняется, поскольку всё больше и больше искусства создаётся. Но способность думать о значимом - то, что мы пытаемся сказать, может стать ключом к поиску правильного пути для подражания. Итак, теперь у вас есть несколько вопросов, чтобы задать себе. Почему ты рисуешь? Почему вы делаете искусство? Что ты хочешь этим сказать?

 Frances To
Illustrator and Product Designer at First Circle
https://www.instagram.com/francescto/
Profile: https://modus.medium.com/@francesto927
 

4. Начало работы иллюстратора (12 шагов)

    Часть 1. Как рисовать и морально подготовиться.

1. Прочитать книгу по искусству, чтобы понять основы композиции, теории света и формы, увидеть высококачественные иллюстрации и передовые тенденци.
2. Пройти традиционные уроки рисования или онлайн, чтобы улучшить свои навыки рисования.
3. Рисуйте вольно в дневнике каждый день в комфортное время, чтобы войти в привычку, развить моторный навык, понять себя, идеи, мир и переводить это в изображение.
4. Нарисуйте 20 рук в день в пронумерованном журнале, чтобы освоить форму, форму, пропорции и следить за прогрессом.

    Часть 2. Что рисовать. Преодолеть блоки и вдохновиться идеями.

5. Изучите работы разных художников и дизайнеров, которые в творчестве собрали массу вдохновения, связывая одну идею с другой. Для этого читайте об истории искусства и дизайна; следите за аккаунтами в Instagram или Twitter художников и дизайнеров; внутренне анализируйте, критикуйте и сравнивайте.
6. Инвестируйте в не связанные с искусством мероприятия за пределами вашей зоны комфорта, погружайтесь в различные впечатления, события, истории.
7. Пишите срочно не менее пяти идей в журнал или гаджет каждый день в любые моменты, не отбрасывая и не забывая. Чем больше идей генерируете, тем больше связей можете создать.
8. Обработайте свой опыт, отражая памятные моменты и размышления.

    Часть 3. Какой результат. Труд и развитие опыта.

9. Запустите страстный проект, чтобы открыть возможности, доставить удовольствие, получить награды.
10. Участвуйте в конкурсах и принимайте вызовы, даже считая себя неквалифицированными. Не упускайте возможность - "Я ничего не теряю". В этом - мотив выставлять лучшие работы, проверка известными критиками, обратная связь зрителей, потенциальные спонсоры, фаны или компаньоны, и в любом случае опыт для рефлексии.
11. Продвигайте свою работу в социальных сетях для потенциального сотрудничества с брендами и расширения аудитории. Загружайте качественные фото закулисных черновиков; используйте 3-7 хэштегов для привлечения целевых последователей; сделайте подписи для описании истории и контекста изображений вместо смайликов.
12. Присоединяйтесь к сообществам иллюстраторов для интересных книг, подкастов, видео, обмена идеями и мастерством, техническими инструментами и трендами.

Pablo Stanley
Profile: https://medium.com/@pablostanley

5. Действуйте как профессионал! (Вредные 12 советов)

1. Начните с изменения вашего рабочего пространства для ясности ума и продуктивного дня.

2. Ждите вдохновения. В любую минуту вдохновение ударит, как молния, и ваша работа взорвётся творчеством. После просмотров чужих работ иногда чувствуете депрессию, потому что вам не хватает их таланта и преданности делу.

3. Сделайте кофе для творческого пинка и обрисовки.

4. Потратьте много времени на просмотр типографии и книг. Посмотрите на великолепные сценарии, восхитительные геометрические символы и умные лигатуры! Просматривайте, тестируйте и пробуйте разные комбинации типов.

5. Прочитайте несколько твитов. Будьте в курсе последних новостей и тенденций в Design Twitter. Как ещё вы будете знать, что вы должны думать? Затем ретвитите, следите, начинайте новые темы, участвуйте в драме и комментируйте все обсуждения. Каждый должен услышать ваш голос! Ваше мнение имеет значение! Кто-то не согласен с вами? Отключи их! Был ли кто-то груб с вашим героем дизайна? Сообщите о них! Кто-то критикует ребрендинг того стартапа, который ты любишь? Заблокируйте их! Медленно начните создавать пузырь вокруг вас. Изолируйте себя от реальности, погрузившись в атмосферу мелких отношений. Будьте окружены людьми, которые согласны с вами и не будут бросать вам вызов. Оставайтесь в безопасности в вашем прекрасном безопасном месте. Злись!)

6. Возьмите здоровую закуску. О, твоему телу всё ещё нужно больше энергии? Нет проблем, у вашего ближайшего продовольственного грузовика есть спина. Купите буррито детского размера и примите пищу в коме.

7. Вздремнуть. Что ж, после этой завышенной жирной горы углеводов тебе нужно немного отдохнуть. Знаете ли вы, что сон положительно коррелирует с более дивергентным мышлением и творческим поведением? Вы проснётесь бодрым и готовы закончить работу.

8. Посмотрите несколько образовательных видео. После насыщенного углеводами сна вы, естественно, не можете пошевелить пальцем. Это отличная возможность узнать что-то новое. При укладывании на диван откройте свой ноутбук, наденьте его на живот и начните наблюдать за шоу Netflix Аннотация. Это связано с дизайном, так что вы можете сказать, что это для вдохновения. Также можете посмотреть «Офис» и изучить политику работы. А как насчёт Силиконовой долины? Речь идёт о жизни стартапа, так что всё в порядке, верно?

9. Прогуляйся. Наслаждение долгими прогулками приносит вдохновение. Когда вы гуляете на свежем воздухе, вы думаете по-другому и производите вдвое больше креативных мыслей по сравнению с тем, когда вы сидите. Воспользуйтесь возможностью поддержать свой местный продуктовый магазин, купив другую закуску. А как насчёт помощи вашей местной пивоварне? Начните с пробоотборника, чтобы вы могли попробовать бледный эль, сайсон, МФА, сезонный кислый и крепкий. Насладитесь хмелем, посмотрите цвета, примите ароматы. Вы уже вдохновлены? Выберите свой любимый и выпейте пару пинт.

10. Нарисуйте несколько идей. Нет ничего лучше ощущения карандаша и бумаги в руке. Начните рисовать всё, что приходит на ум. Сделай эскиз! Какай? Идеи не приходят? Креативный блок? Возможно, у вас нет подходящих инструментов. Просмотрите Амазон для альбома для рисования и ручки, почитайте отзывы, посмотрите видео, оцените рекомендации. Эй, прошёл час, и теперь твоя тележка готова с туфлями, солнцезащитными очками и шарфом, которые ты изначально собирался купить. Ой, подожди.

11. Делай всё в последнюю минуту. О, дерьмо, вы представляете свою работу через полчаса! Время закончилось. Существуют ли какие-либо шаблоны пользовательского интерфейса, которые вы можете использовать? Перейти на сайт со стоковыми ресурсами дизайна. Сортировать по популярности. Скачать. Копировать. Вставить. Изменить цвет. Поменяйте местами логотип-заполнитель. Используйте фотографии из Unsplash, которые не имеют ничего общего с продуктом, но выглядят красиво. Lorem-ipsum каждый текстовый слой. Используйте плагин, чтобы заполнить ваш макет поддельными именами, поддельными изображениями, поддельными датами и поддельными продуктами, чтобы он выглядел более реалистично. Boom! Этот сайт электронной коммерции выглядит напряженно.

12. Сделай это популярным! Хорошо, вот и всё. Пришло время произвести отличное впечатление. Поместите всё в изометрический перспективный макет, примените преувеличенные мягкие цветные тени и используйте различные градиенты для фона. Скопируйте все ваши дизайны в лейтмотив и добавьте анимацию Magic Move. Напишите большие смелые заголовки, которые произносят случайные слова, такие как «Идея», «Основанный на реальности UX», «Ориентированный на пользователя подход», «Устойчивая структура», «Конвергентный дизайн», «Геймификация электронной коммерции» и т.д.) заметив, что вы представляете дерьмо.

Если основное внимание не отвлекло их достаточно, и они начали задавать вопросы, просто скажите следующее: «Я выбрал творческий подход, ориентированный на человека, с итеративным прототипированием и тщательным рассмотрением всего опыта. Мой процесс начинается с создания глубокой эмпатии к людям, для которых я работаю, и заканчивается ответами, специально разработанными для удовлетворения их потребностей. Моё решение будет успешным, потому что я держал цели пользователя в центре процесса». ЛОЛ.

Ralph Ammer
I love to draw and write about art, design, and the rest:
https://www.weibo.com/6988798767/ Munich, Germany
Profile: https://medium.com/@ralphammer
 

6. Упражнения для рисования (6 уроков)

Основное искусство рисования - это две вещи: ты учишься контролировать свою руку и видеть. Для следующих 6 упражнений я предлагаю вам придерживаться одной ручки и одного конкретного типа бумаги (например, A5).

Упражнение 1: 

Круги - больше - больше! Распределите кружки разных размеров на листе бумаги, пока бумага не заполнится. Убедитесь, что круги не перекрываются. Рисовать круги не так просто, как вы думаете. Заметьте, как круги становятся сложнее, чем больше вы их делаете? Попробуйте их в обоих направлениях - и сделайте их много.

Совет: пожмите руку, когда начнутся судороги! В конце концов, это тренировка для наших рук.

Упражнение 2: 

Штриховка - радость строения. Заполните лист бумаги с параллельными линиями. Диагональные линии для нас проще всего, потому что они соответствуют движению нашего запястья. Вы заметили, как левши предпочитают противоположное направление, чем правши? Посмотрите на рисунки вашей любимой рисовальщицы или рисовальщика (в моем случае: Леонардо) и догадайтесь, какую руку они использовали!

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

Восприятие - учиться видеть. Итак, теперь, когда мы немного поработали, давайте потренируем глаза! Рисование в основном о том, чтобы видеть и понимать то, что вы видите. Люди часто предполагают, что все видят одно и то же, но на самом деле видение - это навык, который вы можете улучшить. Чем больше вы рисуете, тем больше вы видите. Следующие четыре упражнения заставят вас увидеть больше.

Упражнение 3: 

Контур - Покажи мне свои руки! Вы видите все эти очаровательные контуры вашей руки? Соберите их на листе бумаги! Пока не пытайтесь нарисовать всю руку, просто выберите некоторые из этих милых линий. Рисуете ли вы человека, растение или ваше любимое животное, обычно это контуры, которые определяют тело или объект и заставляют других узнавать их. Задача состоит не в том, чтобы нарисовать эти отличительные линии, а в том, чтобы увидеть их в первую очередь! Даже если вы думаете, что уже знаете форму объекта, всегда стоит присмотреться и открыть его заново.

Упражнение 4: 

Chiaroscuro - складывание света и тьмы. Расставьте и нарисуйте кусок ткани. Начните с контуров, а затем - используя свои навыки штриховки - создайте взаимодействие света и тьмы. Это упражнение дает вам ощущение света и тьмы. Я должен признать, что это не самый простой и может быть частью продвинутого учебника. Имейте в виду: это не для того, чтобы сделать его совершенно «правильным». Ткань - это игровая площадка для того, чтобы испытать различные штриховки, которые вы практиковали ранее, и почувствовать, как вы можете создавать свет и тени своими - почти - голыми руками!

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

Совет: Закройте глаза немного, когда вы смотрите на ткань. Вы увидите, что все размыто, но вы также увидите усиленный контраст между светом и темнотой.

Расположение света - отличный способ показать, что важно на картинке. Просто взгляните на картины Рембрандта или Жоржа де ла Тур. И в следующий раз, когда вы смотрите фильм, обратите внимание на драматические эффекты, достигаемые с помощью света и тени.

Упражнение 5: 

Перспектива - потеря в космосе. Давайте нарисуем несколько кубиков!

Просто следуйте простым шагам ниже. Перспективный рисунок - это в основном проекция трехмерной среды на двухмерную поверхность (ваш лист бумаги).

Построение перспективных рисунков - это немного науки, и не может быть подробно рассмотрено в рамках внимания онлайн-статьи. Тем не менее, мы можем повеселиться с простой техникой, которая дает нам интуитивное ощущение магии перспективного рисования:

Шаг 1: Нарисуйте горизонтальную линию. Это горизонт вашей картины.

Шаг 2: Определите две точки на горизонте у края листа. Это ваши две точки схождения.
 

Шаг 3: Нарисуйте где-нибудь вертикальную линию.

Шаг 4: Соедините конечные точки вертикальной линии с точками схода.

Шаг 5: Добавьте две вертикальные линии, как это:

Шаг 6: Соедините их с точками схода.

Шаг 7: Теперь используйте темный карандаш или ручку, чтобы подчеркнуть куб. Вуаля!

Повторите шаги 3–7 так часто, как вам нравится. Веселитесь! Если вы чувствуете приключения, вы можете даже выделиться по сторонам кубиков.

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

Освоение перспективных рисунков даст вам возможность создавать иллюзии глубины. Но самое главное, вы учите свой мозг думать в трех измерениях. Поэтому, даже если вы решите рисовать «плоские» рисунки или возиться с «правилами» перспективы - что мне нравится делать - понимать перспективное рисование - это всё же один из самых ценных навыков рисования, которые вы можете выучить.

Упражнение 6: 

Композиция - Почему это там? Сделайте 5 разных рисунков объекта.
 

Размещайте объект по-разному на бумаге каждый раз! Композиция - отличный инструмент, чтобы «сказать» что-то с помощью рисунка, чтобы придать смысл или смысл. Чтобы понять, как это работает, мы должны помнить, что наше восприятие формируется повседневными событиями. Например, горизонтальные и вертикальные линии кажутся нам более «устойчивыми», чем диагонали, которые могут «упасть» в любую секунду. И когда мы видим внизу большую темную фигуру, мы как-то предполагаем, что она должна быть «тяжелой».

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

Дайте мне знать, что вы думаете!
Так как это мой первый урок рисования, мне интересно, какие части вам понравились. Что ещё вы хотели бы узнать о рисовании? Пожалуйста, оставьте идеи и предложения в разделе комментариев ниже!
О, и вот вторая часть: «Ещё 5 упражнений для рисования»!
Вот видео моего разговора о рисовании (с анимацией, конечно)!

Arpit Agarwal
I love to create · www.arpit.work
Profile: https://medium.com/@agarwalarpit

7. Вдыхайте жизнь в своё творение (9 шагов)

Движение создаёт жизнь. Анимированные средства полны жизни и волнения. Анимация добавляет жизни статичным вещам. Когда дело доходит до программного обеспечения, это не только для удовольствия, но и для решения проблем. Как люди, мы привыкли видеть мир, движущийся вокруг нас, и если какая-либо часть программного обеспечения имеет последовательную анимацию, она ощущается живой и естественной. Технологические лидеры в отрасли подталкивают свои продукты к тому, чтобы быть более естественными. Сложные слова, такие как Motion Design, Motion UX, UX Хореография набирают популярность. Помните - Motion подсознательно строит индивидуальность вашего приложения. Очень похоже на макет, интервалы, типографику и цвета. Вы когда-нибудь видели этот упругий отскок на iPhone, когда заканчиваете прокручивать вещи? Кажущиеся крошечными детали, подобные этим, играют большую роль в формировании индивидуальности продуктов Apple. Круто, давайте начнём использовать движение!

1. Начните наблюдать. 

Развивайте зрение для движения. Если вы не можете наблюдать за движением вещей, вы не сможете работать с ними. Начните наблюдать, как все движется на вашем экране, пока вы используете свои любимые приложения. Посмотрите ещё раз, найдите, почему вам это нравится, и попробуйте поискать детали. Обратите внимание, что все меняется - форма, размер, положение, цвет. Не имеет значения, крошечный он или огромный, попробуйте найти, какую роль играет движение во всей композиции.

2. Анимация это не просто слой краски. 

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

3. Где внедрить движение в ваш продукт? 

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

4. Типы движения интерфейса Motion UX. 

Вы можете классифицировать движение в продуктах как переходы (изменения содержимого / пользователь перемещается на другой экран), микро-взаимодействия (например, кнопка «Мне нравится» в Twitter), графические анимации (например, прыжок со скутера на заставке приложения Zomato's Order).

5. Обеспечить пространственную информацию с движением. 

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

6. Начните понимать такие вещи, как продолжительность, временная кривая, путь анимации, начальные и конечные значения. 

Эти параметры технически формируют вашу анимацию. Поиграйте с ними и познакомьтесь с этими элементами управления. Как только вы почувствуете, что можете их контролировать, вы можете создавать шедевры движения. Для пользовательского интерфейса у Google есть несколько хороших рекомендаций. Узнайте о параметрах анимации - эти два блока имеют все параметры, кроме временной кривой. Изучите и прочитайте об этом.

7. Никогда не заставляйте людей ждать в середине потока. 

Никогда не замедляйте людей в середине потока, чтобы Заставить их ждать окончания анимации. Если они действительно ДОЛЖНЫ ждать, то порадуйте их содержательной анимацией. Всегда не забывайте использовать анимацию для решения проблемы. Существует причина, по которой существуют анимированные загрузчики. Кроме того, не перегружайте свое программное обеспечение движением. Это не фильм.
    Советы профессионалов. Делайте анимации тонкими и соответствующими сюжетной линии вашего продукта, создавая восхитительные впечатления.

8. Инструменты для использования

Lottie, Adobe Animate CC, After Effects, Sketch2AE, Framer, Origami, Animatic App, UIDynamics (iOS) - вот некоторые инструменты для Motion Design. Ищите их. Но рекомендуется сначала использовать ручку и бумагу, чтобы начать с вашей идеей. После этого перейдите к любому цифровому программному обеспечению. Для анимации в этой статье я нарисовал нарисованные от руки кадры в приложении Animatic. Аниматик помогает держать вещи простыми и сфокусированными. Начните с ручки и бумаги.

9. Захват и сохранение вещей, которые вам интересны. 

Сохраняйте вещи, которые вам интересны. Наблюдайте за ними снова и снова, замедляйте их и понимайте, как движутся элементы. Учитесь, копируя. Мой Mac полон анимированных GIF-файлов, которые мне интересны. Вы также можете сохранить GIF-файлы на Dribbble. Кроме того, для захвата и записи вещей на экране Mac Giphy Capture прекрасно работает.

Будь бесстрашным!

Попрощайтесь с монстром страха. Всё ещё боитесь начать? Сядьте. Расслабьтесь. Съешьте тот десерт, который любите. Сыграйте ту песню, которую хотите. Выключите свой телефон. Держите ручку и бумагу рядом с собой. Может быть, немного вздремнуть. Хорошо себя чувствовать. Чувствовать себя комфортно. Держите этот чистый лист бумаги перед собой. Держите эту ручку в руке. Каракулите произвольно. Возьмите другой лист бумаги. Снова набросайте что-нибудь случайное. Следующий лист бумаги. Сделать форму. Следующий лист бумаги. Нарисуйте больше. Сделайте раскадровку. Сделайте раскадровку снова. Почувствуйте свободу и двигайте руками. Начало. Просто начни. Посмотри, куда это тебя приведет. Страшнее прикоснуться к ручке на бумаге, чем рисовать. Вы креативны в тот момент, когда превращаете этот чистый лист бумаги во что-то ещё.

Coleen Baik
Independent product designer, artist, advisor.
@Twitter & @Wellesley alumna, https://coleenbaik.com
Profile: https://medium.com/@colbay

8. Рисование анимации (6 советов)

1. Следите за идеями в чистом списке. 

Нарисуйте или «заблокируйте» ключевые кадры в Rough Animator со скоростью 12 кадров в секунду, черным по белому, 36-60 кадров на пост. Исследуйте движения в замедленном темпе 0,25-0,5 скорости. Для более длинных композиций разбейте и создайте отдельную анимацию, а затем соединил их вместе в Premiere Pro. Отрисовки в разрешении 1080 x 1080, чтобы начинаться с кадра с видимым содержимым. Чёрная вертикальная полоса на правом краю анимации - из-за iOS кодирует видео h264, требующей деления ширины на 16. Чтобы обойти это надо сохранить свои анимации в 1088x. Грубый аниматор жаловался, что он слишком велик, поэтому я просто нажала кнопку «ОК», чтобы отменить ограничение. 

Хотя отраслевой стандарт составляет от 24 до 30 кадров в секунду, пробуйте использовать скорость 12 кадров в секунду для простоты и по стилистическим соображениям. Используйте технику «кипения», которая зацикливает 2 или более кадров, чтобы создать эффект «шаткой линии». 12 кадров в секунду отлично с этим грубым, рисованным взглядом.

2. Выбирайте фаворитов в своих анимациях

Хотя всё произведённое вами любимо. Вы можете быть поражены тем, как много можете сообщить с помощью всего лишь нескольких линий.

3. Откуда питаться вдохновением? 

Будете работать наиболее продуктивно, если проводить весь день, поглощая то, что происходит вокруг, с большим намерением. Смотрите и прислушивайтесь к тому, чтобы что-то сделать: проезжающий мимо соседний вагон метро, ​​зловредный блеск в глазах прохожих, долгий зов муэдзина летней ночью. Все это вызывает видение движения и цвета. Они формируют истории. Тем не менее, эти вещи не приходят сами по себе. Вдохновение - это не пассивная деятельность. Это требует практики и намерения. Когда ленитесь и перестаёте активно поглощать, идеи иссякают. Поэтому старайтесь держать глаза и уши постоянно вовлечёнными.

Спрашивай о чём угодно! Откуда вы берете своё творчество / идеи? Звучит странно, но часто я слушаю музыку. У меня слабое аудио и визуальная синестезия, и я вижу много абстрактных движений, когда слышу звук. В любом случае это может быть вызвано постоянно тем, что я вижу в течение дня: продавец фруктов на улице может привести к образу огромных ярких цветных клиньев арбуза; капающий сок в трехуровневом холодильнике с тикающими часами на заднем плане. Weird! Я надеюсь, вы не сожалеете, что вы спросили :)

4. Имейте приложения, стили, влияния. 

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

5. Узнавайте больше в работе об опыте. 

Вы уделяете время тому, что важно для вас. На создание анимаций уходит от 30 минут до более 3 часов. Иногда приходится вставать около 6 часов утра, чтобы закончить свои строки, прежде чем приступить к работе с клиентом. Часто придётся вносить дополнения через час или два после ужина. Когда сможете сравнительно быстро вывести один из анимаций или появится дополнительное свободное время, работайте над тем, чтобы сблокировать как можно больше. Это немного ослабляет, но передовая работа пригодится, когда путешествуете.

По мере продвижения проекта можете становиться слабее с карандашом. Мышцы должны быть достаточно развиты, чтобы экспериментировать с перспективой и синхронизироваться с музыкой; это было бы непостижимо в начале проекта, но теперь можете рисовать циклы ходьбы (человека и птицы!) с комфортом.

Анимация в основном связана с ловкостью рук. Вам не нужно рисовать каждую вещь. Глаз и мозг заполняют пробелы. Иногда вы можете просто перейти к следующему переходу без промежутков, делая большие прыжки, чтобы проиллюстрировать скорость. Там, где вы не можете экономить, вы кипите: вы должны нарисовать две или три линии петли, чтобы очень осторожно передать одну шаткую. Каждое отклонение от базовой линии будет заметно выделяться из-за быстрых повторяющихся петель.

Частота кадров также имеет значение. Существует разница между рендерингом при CFR (постоянная частота кадров) и VFR (переменная частота кадров). Последний используется для сжатия, и это может означать, что некоторые кадры отбрасываются. Для коротких анимаций со скоростью 12 кадров в секунду, особенно со звуком, это может быть катастрофой. Использование другого инструмента с открытым исходным кодом, называемого HandBrake, для поддержания постоянной частоты кадров, похоже, помогает.

Наконец, когда я рисовала позу для позы (вместо того, чтобы сначала нарисовать ключевые кадры, а затем вставить их между собой), я научилась всегда ссылаться на один и тот же кадр при трассировке ряда. Это должно смягчить изменение громкости: размер того, что вы рисуете, может значительно отклоняться от кадра 1, скажем, кадра 12, очень похоже на визуальную игру телефона.
Ссылка на один кадр для нескольких последующих кадров при трассировке.

Что касается эволюции стиля и исполнения: видна разница между первой и последней анимацией. Строки в первом осторожны, хотя и грубы. Линейная работа в последней анимации более свободна, более свободна. Первая половина серии чувствует себя более укоренившейся в реализме (мужчина идет, девочки играют в игру, занавес на ветру) по сравнению с анимациями в последней половине, которые являются более аллегорическими и редакционными, фокусируясь на идеях (моральное банкротство, смерть справедливость, циклические жизненные пути), а не действия или вещи.

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

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

В конце концов гордитесь исследованиями, которые проделали. Гордитесь тем, что приходило каждый день и что сделали эти упражнения приоритетом.

6. Имейте перспективу деятельности. 

Соберитесь инвестировать в Cintiq и начать использовать настольное приложение под названием ToonBoom Harmony. Оба являются дорогими инструментами профессионального уровня. Программное обеспечение поставляется с пробным периодом. Если вы по профессии дизайнер по продуктам, эти инвестиции пригодятся и для работы с клиентами. Это также обеспечит более эргономичную настройку часов, необходимых для долгосрочных проектов.

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

Основные функции ToonBoom Harmony. Одной из идей для будущего проекта является оживление Итаки, аллегорической истории дома, процесса и самореализации. Общая тема, уникальный объектив. Навыки в области иллюстраций развиваются, поэтому будет интересно сделать второй проход.

С нетерпением ждите использования анимации в клиентской и совместной работе. Скажи себе: "Я многому научился, и есть гораздо больше, чтобы учиться; это все будет приключение!" Есть много способов прийти на поездку, но вы можете начать, следя за обновлениями на instagram.com/colbay. Я публикую там художественные и дизайнерские работы на разных стадиях разработки (личные вещи входят только в истории).

Per Seuring
Art Director and worshipper of life. I love doing things I suck at.
Profile: https://medium.com/@perseuring

9. Принципы дизайна и жизни (5 принципов)

Photo by russn_fckr on Unsplash

Принцип 1. Акцент - квинтэссенция, выделение среди набора, внимание на важную тему, задающую тон и смысл.

Принцип 2. Пустоты - воздух для размышления, иерархия для организации, место для акцента, белое пространство для упорядочевания настоящей ценности среди беспорядка и нагромождений.

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

Принцип 4. Контраст - противопоставление, сравнение, взаимозависимость; передний план на фоне; вспышка среди невзрачности; новые вещи и новые перспективы.

Принцип 5. Повторение/Образцы - усиление и объединение, мотив и контроль, золотая нить гармоничной последовательности.