Воскресенье, 17.12.2017, 13:53
Приветствую Вас Гость

Главная Форум Регистрация Вход

Загрузи файл и получи ссылку на скачивание

Уроки

Главная » Уроки » Уроки Photoshop » Анимация

Анимация " Спокойной ночи"
Скачивать материал могут только зарегестрированные пользователи
[ Регистрация | Вход ]

В этом уроке мы будем создавать анимацию для мобильного телефона.

Для начала создаем градиентный фон для основы.

анимация

С помощью лассо создаем «горный» рельеф.

Создаем новый слой и заполняем его черным цветом. Снимаем выделение.

анимация

Щелкаем два раза по черному слою, чтобы вызвать окно стилей слоя. Устанавливаем параметры (Внешнее свечение/OuterGlow – режим Осветление/Screen; цвет свечения - серый):

анимация

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

анимация

Создаем новый слой над всеми слоями. Заполняем его черным цветом. Используем на этом слое радиальный градиентgradient (переход от черного к белому; режим - Разница/Difference; снять галочку с Инверсии). Вот что получится:

анимация

Используйте градиент несколько раз.

анимация

анимация

Примечание: убедитесь, что последний примененный градиент перевел фон в черный цвет (как на рисунке выше). Примените к этому слою режим Осветление основы/ColorDodge.

анимация

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

анимация

Повторите вышеупомянутые шаги, чтобы создать звезды внутри текста (создаем слой, применяем радиальный градиент в режиме Разница/Difference). Внутри текста должно быть тоже 2 звездных слоя.

анимация

С помощью инструмента Произвольные фигуры (это там, где перо, прямоугольники, эллипсы, сердечки и т.д.) создаем полумесяц.

анимация

К слою с месяцем прикладываем стиль (делаем двойной щелчок по слою) Внешнее свечение/OuterGlow – режим Осветление/Screen; цвет свечения голубой:

анимация

Теперь переходим в ImageReady. Для первого кадра отключаем «глазик» (на панели слоев) у вторых слоев: звезды и звезды под буквами.

Дублируем кадр. Для второго кадра отключаем «глазик» у первого слоя со звездами под буквами. Для вторых «глазик» включаем. Для «Горы» меняем интенсивность свечения. Для этого щелкаем два раза по горному слою, вызываем окошко стилей слоя, во вкладке Внешнего свечения/OuterGlow меняем Непрозрачность/Opacity с 75% до 100%.

анимация

анимация

Дублируем оба кадра.  Для третьего кадра включите слой со вторыми звездами. Установите на каждом кадре время отображения 0,2 сек.

анимация

Нажимаем Ctrl+Alt+Shift+S, чтобы сохранить анимацию в оптимизированном формате GIF.

анимация

Класс!







Источник
Категория: Анимация | Добавил: Admin (19.10.2010)
Просмотров: 675 | Теги: анимация, уроки фотошопа | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Профиль
Гость

Сообщения:
Аватар
Группа:
Гости
Время:13:53


Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
Наш опрос
Чего на ваш взгляд не хватает на сайте?
Всего ответов: 47
Наша кнопка


код кнопки:

Мы будем признательны, если вы разместите у себя на сайте нашу кнопку
Копилка
Понравился сайт?
Помоги его развитию
Яндекс Яндекс. Деньги Хочу такую же кнопку

WM.копилка - Копилка для Вашего сайта.
Закладки
Поделись ссылкой с друзьями



Класс!
Реклама
Заработай на своем сайте
Статистика
Rambler's Top100
Онлайн всего: 1
Гостей: 1
Пользователей: 0

ProDesing © 2017

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