Страна Мастеров – сайт о прикладном творчестве для детей и взрослых: поделки из различных материалов своими руками, мастер-классы, конкурсы.

Создание анимированного юзербара: снег


 19 из 20 

Графика компьютерная Мастер-класс Создание анимированного юзербара снег

В избранных: 52
В избранных: 52
В избранных: 52

Поделиться:

Открываем любое изображение. Желательно по темнее, иначе снега просто не будет видно. Я выбрала картинку «Волки» (скачать изображение можно тут - http://s017.radikal.ru/i441/1310/ac/4ae171fb3251.jpg).

 Открываем любое изображение. Желательно по темнее, иначе снега просто не будет видно. Я выбрала картинку «Волки» (скачать изображение можно тут - http://s017.radikal.ru/i441/1310/ac/4ae171fb3251.jpg). (фото 1)

Создаем новый документ (Ctrl + N), размером 350х40px. Назовём его «Мой юзербар» и переносим туда картинку. Я перенесла так.

Создаем новый документ (Ctrl + N), размером 350х40px. Назовём его «Мой юзербар» и переносим туда картинку. Я перенесла так. (фото 2)

Мы можем написать на нём текст. Я напишу своё имя на английском. Вы можете написать любое слово.

Мы можем написать на нём текст. Я напишу своё имя на английском. Вы можете написать любое слово.  (фото 3)

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

Т.к. на нашем юзербаре будет снег я решила сделать тексту обводку. В палитре слоёв ищем текстовый слой, нажимаем параметры наложения. (фото 4)

Щёлкаем на обводке и устанавливаем значения (вы можете обвести по другому, это дело вкуса). Вот что у нас вышло.

Щёлкаем на обводке и устанавливаем значения (вы можете обвести по другому, это дело вкуса). Вот что у нас вышло.
 (фото 5)

Переходим к созданию снега. Создаем еще один новый документ размером 350х160px. Фоновый слой заливаем черным цветом (редактирование – выполнить заливку) и создаем новый слой. Новый слой переименовываем в «снег». На слое «снег» рисуем этот самый снег. Выбираем кисть белого цвета мягкой формы и с динамикой рассеивания. Можно выбрать любую кисть для снега, пусть то мягкие кружочки или снежинки… Главное, что бы они были разного размера. У меня получилось так.

Переходим к созданию снега. Создаем еще один новый документ размером 350х160px. Фоновый слой заливаем черным цветом (редактирование – выполнить заливку) и создаем новый слой. Новый слой переименовываем в «снег». На слое «снег» рисуем этот самый снег. Выбираем кисть белого цвета мягкой формы и с динамикой рассеивания. Можно выбрать любую кисть для снега, пусть то мягкие кружочки или снежинки… Главное, что бы они были разного размера. У меня получилось так. (фото 6)

Теперь берём слой снег и перетягиваем на юзербар. Устанавливаем его так, что бы нижний край слоя со снегом стоял внизу юзербара (к сожалению, у меня этого не видно, но с горем по полам я нарисовала, как снег должен располагаться относительно юзербара).

Теперь берём слой снег и перетягиваем на юзербар. Устанавливаем его так, что бы нижний край слоя со снегом стоял внизу юзербара (к сожалению, у меня этого не видно, но с горем по полам я нарисовала, как снег должен располагаться относительно юзербара). (фото 7)
 
Создание анимированного юзербара: снег (фото 8)

Запускаем панель анимации: Окно – Анимация.

Запускаем панель анимации: Окно – Анимация. (фото 9)

Для первого кадра выставляем - время 0,1сек.

Для первого кадра выставляем - время 0,1сек. (фото 10)

Создаём новый кадр. Теперь передвигаем слой со снегом вниз, аккуратно с помощью клавиши вниз на клавиатуре, что бы верхняя часть снега поравнялась с верхней частью рисунка «Мой юзербар»(см. рисунок).

Создаём новый кадр. Теперь передвигаем слой со снегом вниз, аккуратно с помощью клавиши вниз на клавиатуре, что бы верхняя часть снега поравнялась с верхней частью рисунка «Мой юзербар»(см. рисунок). (фото 11)
 
Создание анимированного юзербара: снег (фото 12)

А сейчас самое интересное (это «самое интересное» будет видно в конечной работе). Щёлкаем «Создать промежуточные кадры».

А сейчас самое интересное (это «самое интересное» будет видно в конечной работе). Щёлкаем «Создать промежуточные кадры». (фото 13)

Устанавливаем количество промежуточных кадров – 20. Вот что должно получиться.

Устанавливаем количество промежуточных кадров – 20. Вот что должно получиться. (фото 14)

И наконец – сохраняем! Нажимаем Alt+Shft+Cntr+S и в параметрах ставим Gif. Наш юзербар готов!

И наконец – сохраняем! Нажимаем Alt+Shft+Cntr+S и в параметрах ставим Gif. Наш юзербар готов! (фото 15)

♦♦♦

 

 

Вот как у нас всё здорово получилось! Если Вы сделали всё, как написано выше, у Вас должен получиться такой же юзербар! Если у Вас возникнут вопросы - обращайтесь (хотя, я надеюсь, что всё понятно объяснила ^_^)! Автор урока - Prescilla. Данный урок подготовлен мной, с некоторыми исправлениями.

И вот ещё один.

 Прошлый юзербар тут - https://stranamasterov.ru/node/626560.

Ева Некрасова

Класс!удивляюсьбравосупер!цветы

Reveil

Мне тоже нравится.да Надеюсь, Вам это пригодиться.

♥Маша♥

Прикольно !

Reveil

Пользуйтесь на здоровье!благодарю

Танюшк@98

Прикольно! Но очень заметна разница между 1м и последним кадрами...

Reveil

Да? Ну может лишь немного. Лично я не замечаю...

Даут

Анимация удалена, размер 127,44 КБ (130 496 байт)

Reveil

благодарю

Даут

Анимация удалена, размер 69,31 КБ (70 969 байт)