Как сделать прыгающего смайлика в фотошоп?

30.09.13 20:02

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

Итак, начинаем. Сначала нам нужно создать документ, размер которого приблизительно 1000х200 пикселей. Если документ будет по окончанию работ слишком большим, то его можно будет обрезать и уменьшить. Необходимо также создать направляющую, чтобы было гораздо удобнее распределить колобков.

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

После этого рисуем небольшой белый круг, к которому также применяем стили слоя:

003[1]

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

Теперь нам необходимо создать анимацию прыжка. Поэтому рисуем несколько фаз его передвижения. Слои можно совместить с глазами, а тело со ртом. Получается в итоге несколько слоев, объединенных в единую группу. Эта группа будет носить название Исход. Мы ее копируем и вносим сюда нужные нам изменения. По вертикальной линии нужно сплющить тело нашего желтого колобка.

Глаза можно оставить в нетронутой позиции. Хотя в данном случае и их можно изменить, если есть необходимость или желание. И опять делаем копию исходного слоя, делаем из него вторую фазу. Колобок по горизонтали будет сплющен таким образом:

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

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

И четвертая:

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

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

Следующий шаг – это переход к анимации. Предстоит впереди достаточно кропотливая работа, поэтому следует обзавестись терпением. Следует открыть Окно Анимации, где собственно мы и будем оживлять смайлики. Убираем видимость всех групп, ставим время около 0,1 секунды. Первый кадр с прыгунами должен выглядеть так:

Делается копия кадра, и распределяется движение колобков.

То же самое мы проделываем с остальными кадрами. Как только происходит смена фазы движения, необходимо переходить на первую. Однако, всю работу можно делать и по-другому. К примеру, можно уменьшить количество используемых слоев. Но тем самым работа будет гораздо тяжелее. Трудности возникнут при распределении по анимационным кадрам. Изначально для того, чтобы смайлик двигался мы сделали около четырех слоев. Такое же количество можно оставить и для того, чтобы создать аналогичную анимацию. В данном уроке в самом конце каждая фаза движения будет отличаться друг от друга. Можно дополнительно добавлять движения рта и глаз.

Далее следует уменьшить размер документа, и поставить постоянное проигрывание, и сохранить обязательно в формате GIF. Экспериментируйте и далее со своими фантазиями!

Добавить комментарий

  • Adriano написал 05.01.15 20:01
    Урок супер