Фотоэффекты онлайн / Уроки по фотошоп / Анимация в фотошоп или делаем анимированную GIF — аватарку

Анимация в фотошоп или делаем анимированную GIF — аватарку


 Как сделать суперскую аватарку?
Урок:  делаем анимированную аватарку в фотошопе.

В соответствиями с правилами и настройками некоторых форумов аватарка может иметь размер 100*100 и максимальный размер 100 Кб
Я постараюсь уложиться в гораздо меньший размер.
Маленькое отступление: стандарт графического формата gif позволяет хранить не более 256 цветов, при этом необходимо учесть следующее – чем меньше цветов мы бум использовать, тем меньше будет конечный файл.
Создадим новый файл размером 100*100.
Меню файл-новый или нажмем сочетание клавиш Ctrl+N
Я буду использовать только два цвета – черный и белый.
Анимация в фотошоп или делаем анимированную GIF - аватарку
Для упрощения примера, я на черном фоне нарисую белыми буквами свой ник, который использую на форуме.
Для восстановления цветов используемых по умолчанию нажмем на клавишу «D»
Сначала выберем инструмент «Градиент».

\"alt\"
И зальем все поле черным цветом (см.выше)……

Затем выберем любую кисть и напишем к примеру \»Ава\»
\"как
Если Вы уже научились пользоваться инструментом «Текст» то можете воспользоваться им.
На сайте есть масса уроков, попробуйте воспользоваться ими. Не забудьте выбрать белый цвет.
Для смены между основным цветом и фоновым достаточно щелкнуть мышкой на стрелочки.
\"авки
Или можно воспользоваться клавиатурой – достаточно нажать на клавишу «X».
Вот что у меня получилось:
\"alt\"
Теперь будем делать следующее:
Копировать наш рисунок на новый слой и последовательно стирать наш рисунок.
Таким образом, чтобы каждый наш штрих был стерт последовательно на каждом слое.
В итоге на самом верхнем слое получим черный квадрат, а на нижнем – полностью нарисованный текст.
Как копируем слой – уже писал в других уроках, но вдруг Вы еще их не читали, значит повторюсь:
меню слой – новый – скопировать на новый слой или нажмем на Ctrl+J
или в окне слоев перетащим мышкой слой на пиктограмму нового слоя.

\"\"\"делаем
Затем сменим цвет на черный, выберем кисточку и сотрем один штрих.
\"alt\"
Затем скопируем на новый слой и сотрем еще штрих и т.д.
У меня в итоге получилось 5 слоев.
\"alt\"
Не забудьте сохранить файл, затем перейдем в ImageReady.

\"alt\"
Будем работать с окном анимация, всплывающее меню управления окном появляется при нажатии вот этой незаметной кнопочки:

\"alt\"
И так создадим новый кадр, и выключим видимость верхнего слоя.
\"alt\"
затем повторим эту операцию. Всего у меня получилось 5 кадров.
\"alt\"
Запустить анимацию можно нажав следующую кнопочку:
\"alt\"
Теперь установим для каждого кадра длительность.

\"\"
Я установил длительность кадров
1с      0,5 с     0,5 с      0,5  с         1 с

\"\"
В окне оптимизация выберем требуемый нам вариант оптимизированного файла.

\"\"

Примечание: Вы можете запустить анимацию и все четыре варианта анимации одновременно будут отображаться в этом окне.

Выберем меню: файл  — сохранить оптимизированный и т.д. Сохраняем gif.
Примечание: если некоторые окна Adoble ImageReady не отображаются на рабочем столе, то активировать эти окна можно через меню окно – соответствующий режим.
В итоге получим анимированную аватарку.

\"\"
После того как я сделал этот урок пришла моя дочка и спросила про какой hex я так долго рассказывал и о чем это я писал на компьютере.
Так что пришлось повторить все свои действия – вот какая у меня теперь аватара появилась.

\"\"

 При написании урока совсем забыл вот про этот параметр — обратите внимание, Вы можете сделать так что бы gif воспроизводился 1 раз/ заданное количество раз/непрерывно:

\"alt\"
Вот он последний вариант:

\"alt\"

Материал подготовил :

Садиков Алексей (Lex)

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

Скачать похожие материалы бесплатно: