Развевающийся флаг
Основой данного урока будет использование
Filter-Distort-Displace (Фильтр-Искажение-Смещение). О принципе работы данного фильтра можно прочитать
здесь.
Итак, открываем наш флаг:
![](http://i007.radikal.ru/0805/36/99eb0b897b05.jpg)
Добавим немного пространства вокруг флага. Для этого увеличим размер холста и по вертикали, и по диагонали. Идем в
Image-Canvas Size (Изображение-Размер холста). Я увеличила на
2 см.
![](http://i013.radikal.ru/0805/8a/75df3a5252f2.jpg)
Создадим новый документ
File-New (Файл-Новый) или
Ctrl+N такого же размера, как наш флаг без свободного пространства вокруг. Выбираем инструмент
Gradient Tool (Градиент) и, удерживая
Shift, заливаем новосозданный слой градиентом слева-направо со следующими настройками:
![](http://i049.radikal.ru/0805/af/f756684d503a.jpg)
Получаем:
![](http://i037.radikal.ru/0805/9b/c0f5ec8700ae.jpg)
Для того, чтобы переходы между цветами были более мягкими - применим
Filter-Blur-Gaussian Blur (Фильтр-Размытие-Размытие по Гаусу) со следующими настройками:
![](http://i014.radikal.ru/0805/2d/072a937ab79d.jpg)
И сохраняем этот фокумент в формате
*.psd.
File-Save (Файл-Сохранить). Этот файл и будет нашей картой смещения. Я сохранила его как
1.psd. Создайте еще два новых документа и повторите все действия, только меняя настройки градиента (передвигая ползунки вправо):
![](http://i036.radikal.ru/0805/9f/6f67b825e5bc.jpg)
![](http://i013.radikal.ru/0805/1f/e160ebd48ed7.jpg)
Таким образом, я создала три схемы смещения (
1.psd, 2.psd, 3.psd) и сохранила их в отдельной папке.
Возвращаемся
к документу с флагом. Делаю две копии слоя с флагом Layer-New-Layer via
Copy (Слой-Новый-Копия) или Ctrl+J. И применяю
Filter-Distort-Displace (Фильтр-Искажение-Смещение) для первого слоя со следующими настройками:
![](http://i006.radikal.ru/0805/86/dcf79280ac85.jpg)
После нажатия кнопки
ОК, в открывшемся диалоговом окне, выбераю свою первую карту смещения:
![](http://i014.radikal.ru/0805/52/5d4de438a2d4.jpg)
Получаю на первом слое следующее изображение:
![](http://i006.radikal.ru/0805/10/1b062b6d8d00.jpg)
Для
второго слоя с флагом применяем тот же фильтр, с теми же настройками,
но в диалоговом окне выбираем уже вторую карту смещения. И то же самое
делаем с третим слоем.
![](http://i034.radikal.ru/0805/28/77a5a9284ba7.jpg)
Теперь
скопируем все наши карты и перенесем их в документ с флагом. Разместите
каждую карту над тем слоем, который мы искажали именно этой картой.
Ваша палитра слоев должна выглядеть так:
![](http://i012.radikal.ru/0805/72/9be37d55aff5.jpg)
Ставим наши градиенты так, чтобы они полностью закрывали флаг. Меняем
Layer's Mode (Наложение слоев) с
Normal (Нормальный) на
Overlay (Наложение) и уменьшаем
Оpacity (Прозрачность) каждого слоя с градиентом до
70% или чуть меньше:
![](http://i015.radikal.ru/0805/40/c119f3f1914e.jpg)
Переходим
ImageReady (Ctrl+Shift+M). Если Вы работаете в Photoshop CS3 -
Window-Animation (Окно-Анимация). В открывшемся окне видим наш первый кадр. Я сразу устанавливаю время
0,1с. И создаю два дубликата первого кадра:
![](http://i037.radikal.ru/0805/34/cb7b26925b26.jpg)
И
теперь делаем следующее. Для первого кадра делаем видимыми слои с
первой картой смещения и слой, искаженный по первой карте. Для второго
кадра - слои со второй картой смещения и слой, искаженный по второй
карте. И аналогично для третьего:
![](http://i036.radikal.ru/0805/4c/c090e7d9a19b.jpg)
![](http://i045.radikal.ru/0805/1e/10a14b86e947.jpg)
Вот и все )
![](http://i025.radikal.ru/0806/ca/0b1c99382146.gif)
Конечно
же, для более реалистического эффекта - необходимо сделать больше карт
с более маленьким перемещением. Экспериментируйте!
Скачать psd-исходник752 KbОбсудить урок на форумеСмотреть видео-версиюСкачать видео-версию22,4 Мb