Проект разработан командой сайта 1000Points.ru -> Лучшее, что есть в сети
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Все категории
Анимация и Photoshop [10]
Графика [1]
Текстовые эффекты [2]
Эффекты с фото [10]
Разные уроки [7]
Наш чат
200
Партнеры
Наш опрос
Оцените дизаин
Всего ответов: 84

| консультант: migeraa

1) Создаем новое изображение размером, в моем случае 430х128 пикселей Ctrl+N с разрешением 72 пикселя/см
2) Заливаем наш слой черным цветом(называем его фон) и идем Filter-Render-Clouds(облака).
3) Затем идем туда же и нажимаем Difference Clouds (Облака с наложением)
*Облака каждый раз получаются разные, и если они вам не нравятся отмените и повторите*


4) Затем поменяем цвет наших облаков, жмем Ctrl+U
И попадаем в Hue/Saturation
Настраиваем такие параметры(не забудьте поставить галочку Colorize/Цвет):



5) Теперь создаем второй слой называем *мазки кисти*

Я использовал две: Травяная кисть(изображение травы) и кисть Размытый круг.
Да, чуть не забыл цвет кисти белый
Вот что получилось у меня:
*У вас может быть что угодно свое +)*


Приступим к самому интересному:
6) Создаем новый слой(пустой) рисуем на нем градиентную заливку:
С такими параметрами:


Протягиваем градиент примерно так:


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


7) Подошло время распределить наши слои:
Самым нижним слоем делаем *мазки кисти* (да да именно его я ни чего не путаю=) )
Выше, над ним, идет слой *Движение 1*
Следующий слой этой слой копия слоя *Движения 1* т.е. продублируйте его и назовите *Движение 2*
Ну и выше идет наш слой *фон*
*Как вы понимаете у слоя фон нам надо будет выбрать режим смешивания(blending mode)
Поставте следущий - *Lighter Color*
Выглядеть все это будет так:


8) Нажимаем на слой *мазки* правой кнопкой:
выбираем *Select pixels*/*Выбрать пикселы*


9) Теперь когда пикселы выбраны жмем на слой Движение 1 и нажимаем на кнопку создать маску слоя/Add vector mask (там же где создавать новые слои)
Повторим ту же операцию: выделяем пикселы на слое *мазки* идем на слой *Движение 2* и создаем слой маску
***На слоях Движение 1 и 2 необходимо убрать значок цепь нажав на него(красная стрелка):
***И при дальнейшей работе с этими двумя слоями выбираем сам слой как показывает синяя стрелка, а не его маску на которую показывает зеленая стрелка
***Это очень важно следите за этим, а то будете двигать маску, а не слой и ни чего не выйдет


10) Нам надо изменить непрозрачность(opasity) слоя *мазки* на 0 %

Теперь делаем саму анимацию!!!

11) Открываем окно анимация
12) Делаем второй кадр(он будет копией первого)
13) На первом кадре слой *Движение 1* сдвигаем ВЛЕВО так что бы не было видно,
А слой *Движение 2* сдвигаем ВПРАВО так что бы не было видно.
14) На втором кадре НАОБОРОТ *Движение 1* ВПРАВО --- *Движение 2* ВЛЕВО
15)Делаем промежуточные кадры от первого к второму нажав на кнопку (показано ниже):


Выберем например 20 кадров **Чем больше кадров тем медленее переход и больше размер файла и наоборот**


НУ и ВОт собственно, что вышло

16) Далее добавляем все что вы хотите на ваше усмотрение...
Я добавил надпись и блики для придания объема, а так же рамку с бликом-анимацией(что придает интересный эффект: если расслабить глаза то может показаться, что рамка увеличивается под лупой)


Ну вот еще как вариант вместо телефонов абстракция мигает

- Для чего этот урок?
- Этот урок, для того, что бы была понятна суть эффекта переливания на изображении.

Не повторяйте то, что я нарисовал, а сделайте с этим эффектом что то свое, включите фантазию, ведь уроки делаются для того что бы знать механизм и уметь его в нужном месте применить!

Это первый мой урок, так как фотошопом пользуюсь давно мог пропустить какие нибудь сложные для вас элементы, пишите, добавлю)

Урок составлен специально для psschool.1000points.ru пользователем Dj Drop.

Обсудить на форуме

1000 Процетов удовольствий
Придумала MiGer@. Сделал g[E]nesis. При копировании материалов, уб просьба ссылу на нас. Все материалы, используемые на сайте взяты из открытых источников или придуманы создателями сайта. ;) :) Хостинг от uCoz Переделанный дизаин от g[E]nesis'a