Реклама
REKLAMA
Стать автором

Если вы хотите принять участие в развитии проекта ps-tutorials.ru с выгодой для себя (вы публикуете материалы, а мы платим деньги за вашу работу). Просим написать нам через обратную связь.

Создан: 18 февраль 2013

Анимируем графник

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

 

1. Сначала возьмем любое подходящее фото, выбор за вами ( я взял это http://s49.radikal.ru/i123/0908/18/cb064727bab7.jpg ). Скачаем и откроем Фотошоп.

Создадим файл, выполнив Файл - Новый (либо сочетание Ctrl+N) размером 175х75 (размер может быть любой, исходите из своих требований).
Нажмём D ( включит стандарт цветов) и зальём (кнопка G) всечерным цветом.
Оставим все как есть и перейдем к работе с фото.

2.Откроем фото, выполнив Файл - Открыть (либо кликнем Ctrl+O) и выберем путь к нашему фото.
Слой с фото будет закреплён, соответственно с ним работать невозможно .
Мы выделим изображение инструментом "Прямоугольная облость" (кнопка M).
Выделив картинку полностью, клацнемРедактировать - Скопировать (сочетание Ctrl+C)
Создадим новый файл, выполнив Файл - Новый (либо Ctrl+N). В появившемся окне ничего не меняем и жмём OK ( или Да ).
Теперь выполним Редактировать > Вклеить (или Сtrl+V)
Вотнаше фото готово к работе. Мы уменьшаем фото, выполнив
Изображения - Размер изображения.(комбинация Alt+Ctrl+I) и поставим высоту: 75
Настала порапроделать все то же самое с уменьшенной картинкой и перенести её напервый файл.

3.Разместим изображение и впишем ник. (я вписал свой)
Подберите нужныйвид шрифта, если ник из двух слов- расположите
их в разных местах,так будет интереснее.

4.Дальше мы не будем все усложнять и для примера сделаем простую анимацию Шум.
Откроем Окно -Анимация.
Скопируем слой с тестом (сочетание Ctrl+J) пару раз (хотя я сделал однукопию)
Нажмём на первый текстовый слой. Затемнажмём Фильтр - Шум - Добавить Шум (комбинация Ctrl+F) и поставим количество 9.
Проделываем все это со второй копией слоя, поставив количество 11. Если слоёв больше,каждому последующему увеличим на 2-3 единицы. (см.рисунок)

Нуи сделаем кадры к окну анимации, взависимости от количества слоёв .У меня их два, соответственно и на рисунке. (см.рисунок)

Теперь нажмём на первый кадр и делаем его невидимым.
Делаем это и со вторым, толькоскрыв основногй слойсо шрифтом , копию оставим видимой.
Так же со всеми последующими слоями,если они у вас есть. Установим время анимации равным 0.1сек. (см.рисунок)

5.Сохраним, выполнивФайл - Сохранить для WEB и устройств , выставив необходимые размеры и настройки изображения. (см.рисунок)

Вот что выйдет у нас в итоге:

Комментарии:

Копирование дизайна строго запрещено. © 2012 - 2016
Яндекс.Метрика
Материалы сайта предоставляются исключительно в ознакомительных целях. Если Вы считаете, что какой-либо из материалов нарушает Ваши права - свяжитесь с Администрацией.