Любовь к спорту на всю жизнь
Привет, Гость!

Главная » Все материалы » Анимация

01.07.2011, 09:25

Сверкающая звезда


В этом Фотошоп уроке мы сделаем анимацию "Сверкающая звезда".

Вот что получится в результате:





Шаг 1.



Создайте новый документ размерами 150x150 пикселей, фон залейте темно-голубым цветом.

Выберите инструмент , далее из списка выберите фигуру звезды, как показано на рисунке. Цвет для звезды (77DAFF)

Зажмите Ctrl и кликните по звезде в палитре слоев.


и


Далее перейдите в меню Выделение - Модификация - Расширить (selection >> modify > expand) установите параметр 3 , затем создайте новый слой (поверх слоя с фигурой) и залейте выделение вот таким цветом 9FD7ED.





Шаг 2.



Снимите выделение Ctrl + D

Нажмите на внизу палитры слоев, выберите стиль "Тиснение" (Bevel and emboss). Примените такие настройки:





Шаг 3.



Вот так должна выглядеть ваша звездочка.



Шаг 4.



Создайте новый слой.

Установите цвета: 05E7FF - основной, E0EBEC - фоновый.

Загрузите выделение (Ctrl + клик по первой звезде в палитре слоев)
Возьмите линейный градиент и проведите его сверху вниз, как показано на рисунке а).

Далее, возьмите и щелкните по темной области внутри звезды.

Установите цвета: 00B9E7- основной, 15E8FF - фоновый.

Проведите новый градиент как показано на рисунке б)


а) б)


Вот что должно получиться:





Шаг 5.



Теперь мы приступаем к созданию крошечных звездочек.

Создайте новый слой. Масштабируйте изображение.

Далее возьмите
установите заданный размер 3x1 px.

Сделайте выделение и залейте белым цветом. На этом же слое таким же образом, только размер будет теперь 1x3 px, создайте вертикальную палочку. Этот крестик будет маленькой звездочкой.


и


Создайте новую группу, назовите "мал1" и поместите туда слой со звездочкой.







Шаг 6.


Теперь нужно эту малявку дублировать и разместить на звездочке. Способ: кликните по ней, зажмите Alt и переместите.


Все эти слои со звездочками находятся в одной папке.



Шаг 7.



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




Дублируйте папку со звездочками, назовите "мал2". Удалите из нее
все слои, кроме одного. Этот слой продублируйте, причем звездочки
размещайте на других местах.

Повторите действия для третьей папки.


и


и


Шаг 8.


Теперь у вас три папки с маленькими звездочками:
"мал1", "мал2", "мал3", в каждой папке звездочки расположены по-разному.


На новом слое нарисуйте звездочку больше размером. Затем
создайте снова группу назовите "средняя1", переместите новую звезду в
эту группу. На время отключите видимость групп "мал2" и "мал3"


Вы уже догадываетесь, что нужно делать дальше! Дублировать, размещать, а потом создавать еще две папки: "средняя2" и "средняя3"


ии


Шаг 9.



Теперь у вас 6 папок: 3 с маленькими звездами, 3 со средними.



Шаг 10.



Мы уже на финишной прямой!

Создайте на новом слое звезду еще больше, измените ей немного
форму - добавьте диагональные линии. Переместите ее в группу под именем
"бол1", потом также создайте группы "бол2", "бол3".


ии


Шаг 11.



Сохраните файл в формате Фотошоп (.psd) и откройте его в
Image Ready. Откройте палитру "Анимация" через меню Окно, если ее нет на
рабочем пространстве.

Пока у вас там высветится только один кадр.


Перейдите в палитру слоев и отключите глазики напротив папок:
"мал2", "мал3", "средняя2", "средняя3", "бол2", "бол3", оставьте только у
"мал1", "средняя1", "бол1"


Создайте новый кадр и в нем оставьте видимыми только "мал2", "средняя2", "бол2"


То же самое для 3-го кадра: и в нем оставьте видимыми только "мал3", "средняя3", "бол3"


и и


и


Шаг 12.



Установите время на 0,1 сек.

Далее переходите в меню Файл - Сохранить опитимизированный как... выбираете тип файла "Только изображения" (.gif) - Images Оnly(.gif) - Сохранить


Готово! Вы теперь можете поэкспериментировать с другими фигурами и формами блесток.



До встречи на www.fifagamers.do.am!


Данный урок подготовлен для Вас командой сайта http://fifagamers.do.am
Данный урок подготовлен для Вас командой сайта //fifagamers.do.am/
Категория: Анимация | Добавил: Torres_1_ | Теги: Анимации, Сверкающая звезда, звездоЧка гори, Уроки Photoshop, анимация звезда
Просмотров: 382 | | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Навигация
Главная страница Форум сайта Создание сайтов на uCoz Заработок в интернете Уроки Photoshop Автомобиль от А до Я Электроника Всё для смартфонов Браузерные игры Музыка Последние комментарии Статистика
Развлечения
Сегодня день рождения у: Описание сайта
Новое на форуме
Опрос
Опрос сайта
Ты любишь слушать музыку?
javascript:; javascript:;
Всего ответов: 145

Общение
Загрузка…
Статистика
Зарег. на сайте
Всего: 267
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них
Администраторов: 1
Модераторов: 0
Проверенных: 1
Обычных юзеров: 264
Из них
Парней: 234
Девушек: 33

Онлайн всего: 1
Прохожих: 1
Пользователей: 0

Друзья сайта
Возможен баннерообмен 81х31.Писать ЛС.