Сделать флаг в фотошопе. Как нарисовать флаг в Photoshop
Как нарисовать флаг в Photoshop?
Вспомнил одну штуку, как нарисовать флаг в фотошопе. Буквально на днях
самому пригодились эти навыки, попросили нарисовать. В общем урок для
фотошопа очень простой, и постарался его сделать очень-очень подробно,
даже для тех, у кого фотошоп на русском:)
Шаг 1
Сначала вам нужно найти картинку какой-нибудь ткани. Ну или нарисовать самому:) Я взял уже готовую картинку.
![](https://i0.wp.com/3dmir.ucoz.kz/_pu/0/s12912263.jpg)
Если вы взяли такую же картинку, то переходим к следующему шагу.
Шаг 2
Сейчас нам нужно сделать картинку обесцветить. Идем сюда Image -> Adjustments -> Desaturate (специально для тех у кого русский фотошоп, снизу картинка, по которой вы сможете определить что нажимать)
После того, как вы все сделали, у вас должно получится вот такое:
Шаг 3
Теперь можно размыть все это дело. Для этого идем сюда Filter -> Blur -> Gaussian Blur и выставляем значение Radius равное 3 .
Шаг 4
Теперь сохраним получившуюся картинку в отдельном PSD файле. File -> Save AS (Файл -> Сохранить как), и назовем файл map_flad.psd. Этот файл нам еще пригодится для выполнения урока в дальнейшем.
Шаг 5
После того, как вы выполнили 4-ый шаг, создадим новый слой, и нарисуем флаг, который нам нужен
Шаг 6
Теперь нам нужно сделать так, чтоб этот флаг повторял изгибы нашей ткани. Для этого идем сюда: Filter -> Distort -> Displace
Со значениями можете поиграться, но я поставил такие, как у меня по умолчанию были, смотрим картинку ниже
После того, как вы нажмете ОК , фотошоп попросит вас указать файл-карту, по которому он будет коверкать наш флаг. Тут вы ему и указываете файл map_flad.psd , который мы сделали в 4-ом шаге. В итоге у нас получается вот такая картинка:
Шаг 7
Далее нужно переместить слой с размытой тканью поверх слоя с нарисованным флагом, и поставить у слоя с тканью Blend Mode на Hard Light (смотрим картинку ниже. Hard Light 15-ый в списке)
Конец
Получиться должно что то вроде этого:
Надеюсь урок кому-то пригодился. Так же надеюсь, что все подробно описал, и даже те, кто юзает русскоязычную версию фотошопа, поняли и нашли все, что нужно.
Оброс картинками и превратился в урок. Предлагаю Вам то, что получилось в итоге.
Итак, создадим реалистичную анимацию флага, развевающегося на свежем ветру.
1. Для начала создайте новый файл (примерно 600 х 450 пикселей с разрешением 300 пикселей на дюйм). Затем зайдите в редактор градиента и настройте чёрно-белый градиент, примерно такой:
2. Залейте созданный файл этим градиентом. Градиент должен быть линейный, направление строго горизонтальное. Должно получиться как-то вот так:
Выделите всё (Ctrl+A) и создайте из полученной заливки новый паттерн (Edit - Define Pattern).
3. Теперь откройте любую картинку, которая должна будет стать Вашим флагом. Выделите её (Ctrl+A), (или выделите прямоугольным выделением её фрагмент, если Вам нужна не вся картинка целиком), скопируйте и поместите в качестве нового слоя в новый файл. Файл создайте такого размера, какого вы хотите получить Ваш ролик. У меня - 800 х 600 пикселей. Цвет слоя Background - на Ваше усмотрение.
4. Создайте сверху ещё один слой и залейте получившимся паттерном. Нужно, чтобы сдвоенная белая полоса уместилась на слое трижды. Смените режим наложения для слоя на Soft Light и понизьте непрозрачность слоя до 35% (Этот режим и уровень непрозрачности подходит для этой конкретной картинки - с другими цветами "флага", возможно, лучше будет применить другой режим наложения и другой уровень прозрачности.):
5. С помощью трансформации растяните полученный слой по горизонтали так, чтобы по краям будущего "флага" оказалось где-то по половинке крайних полос (правой и центральной). Вот как-то так:
6. Теперь создайте новую группу слоёв и поместите туда слой с картинкой и слой с градиентом. Сделайте столько копий этой группы, сколько кадров вы предполагаете сделать в будущем ролике (я сделала 7). Отключите видимость всех групп, кроме самой первой (нижней).
Внутри группы перейдите на слой с картинкой и выберите фильтр Liquify. Инструментом "заморозка"
проведите по левой стороне картинки, чтобы в дальнейшем флаг не "ёрзал" по флагштоку.
7. Белые полосы слоя с градиентом должны будут создать на флаге эффект выпуклых складок, тёмные полосы, соответственно - вогнутые, затенённые. Нам нужно изгибать будущий флаг так, чтобы его изгибы совпадали с соответствующими полосами градиента. Пальцем
широкой кистью с зажатой клавишей Sift проведите снизу вверх по картинке там, где поверх проходит белая полоса от градиента, и сверху вниз там, где у градиента тёмные области (примерно вот так):
Примените фильтр.
Для того, чтобы анимация флага была более-менее реалистичная, нужно создать эффект волнообразного перетекания складок на ткани. У нас - слева направо, от флагштока к свободному краю флага. Для этого мы будем искажать форму самого флага на каждом слое-копии и сдвигать слои с градиентом:
8. Перейдите к следующей группе слоёв, подключив её видимость. Выберите в группе слой с градиентом и с выбранным инструментом передвиньте слой немного вправо - можно вручную, можно курсорными клавишами:
Перейдите на слой с картинкой и изогните её фильтром Liquify по тому же принципу, что и предыдущую. То же самое проделайте с остальными группами слоёв - сдвигайте градиенты в них всё дальше вправо, и искажайте соответствующим образом картинку. Вам необходимо добиться того, чтобы центральная двойная полоса Вашего градиента сдвинулась вправо почти полностью.
9. Как только Вы обработаете все группы, выберите инструмент . В каждой группе по очереди выделите прозрачную область вокруг будущего флага, затем инвертируйте выделение (Sift+Ctrl+I), перейдите на соответствующий слой с градиентом и подключите к нему маску слоя. Полосы, выходящие за пределы "флага", перекроются маской и станут не видны:
Теперь переходим к созданию собственно анимации.
10. Оставляем включённую видимость только у самой первой группы слоёв. Заходим в меню Window, включаем панель анимации. На панели анимации автоматически появляется первый кадр (он же - первая группа слоёв). Копируем этот кадр и включаем видимость второй группы слоёв, а у первой группы, соответственно, видимость отключаем:
Постепенно выстраиваем ряд из стольких кадров, сколько групп слоёв у нас имеется: первый кадр - первая группа, второй кадр - вторая группа и так далее. Время для кадров ставим по своему усмотрению. Сохраняем анимацию в Gif-формате. Всё:
Можно добавить флагу флагшток, нарисованный с помощью вот такого линейного градиента:
Градиент, с помощью которого мы сымитировали идущие по флагу свето-тени, тоже можно дополнительно "погнуть волнами" с помощью фильтра Liquify - соответственно, добавить не только вертикальных искажений и у картинки-флага. Понятно, что проделать это нужно будет в каждой из групп. Маски слоёв тоже придётся переделать. Зато тогда флаг будет "шевелиться" не только вертикальными полосами, а более реалистично, всей своей поверхностью. Вот результат:
Небольшое дополнение... или пояснение - не соображу с ходу, как точнее сформулировать.
При создании подобной анимации, где кадры сменяются максимально быстро, лучше делать "сдвиги" на слоях более заметные, чем менять "по чуть-чуть". Человеческий глаз имеет собственную среднюю скорость восприятия - если создаваемые Вами на слоях (будущих кадрах) изменения будут очень малы, много шансов за то, что в ролике появится мельтешение, точно друг на друга наложены несколько роликов одновременно. Главное, не нарушать "линию движения" - стараться делать сдвиги от кадра к кадру приблизительно равномерными, чтобы ролик не прыгал в результате из-за неудачной деформации одного (или нескольких) слоёв (кадров).
Спасибо за внимание!
Для начала найдём текстуру ткани, на которой будет изображён наш флаг.
В этом варианте это шёлк. Мне очень нравится текстура шёлка, поэтому будем использовать именно её.
Откройте любую текстуру ткани в Фотошопе.
![](https://i2.wp.com/photoshoplessons.ru/uploads/pics15/1088433389/1.jpg)
Затем обесцветьте её, нажав . Текстура нам нужна чёрно-белой.
![](https://i2.wp.com/photoshoplessons.ru/uploads/pics15/1088433389/2.jpg)
Установите более высокую контрастность, нажав , и побаловавшись в настройках. Должно получиться приблизительно как на рисунке. Затем используйте фильтр (Фильтр - Размытие - Размытие по Гауссу) с настройкой 3,5 - 5 px.
![](https://i1.wp.com/photoshoplessons.ru/uploads/pics15/1088433389/3.jpg)
В этом файле мы должны иметь только 1 слой (удалите лишние слои, если они у вас есть).
Сохраните получившийся чёрно-белый контрастный флаг под именем «map » в формате psd. Далее нажмите Ctrl+Z , чтобы вернуться к не контрастному флагу.
![](https://i0.wp.com/photoshoplessons.ru/uploads/pics15/1088433389/4.jpg)
Создаём новый слой выше слоя с обесцвеченным флагом. Туда мы можем скопировать флаг любой страны, либо нарисовать его. Измените на (Умножение), и уменьшите непрозрачность.
![](https://i1.wp.com/photoshoplessons.ru/uploads/pics15/1088433389/5.jpg)
Этот флаг уже достаточно реалистичен, но он не искривлённый, как сама ткань, поэтому мы должны искривить его.
Кликните на слое с картинкой флага (не с его текстурой), и выберите фильтр (Фильтр - Искажение - Смещение). Установите настройки как указано на картинке, но Vertical Scale (Масштаб по вертикали) и Horizontal Scale (Масштаб по горизонтали) вы можете увеличить, для большего искажения, или уменьшить – для меньшего. Помните файл PSD , который мы сделали ранее? Он и будет являться нашей картой смещения.