Создаем в фотошопе арт рисунок из обычной фотографии
17
5645113-10-2011
Очаровательный урок от Designerfreelance, в котором весьма простым способом создается арт рисунок из обычной фотографии. Сначала мы заготовим необходимые узоры фотошопа с разными наклонами декоративных линий. Потом мы будем использовать фильтр «Изогелия» (Treshhold) с различными вариантами настроек для разных дубликатов слоев, которые вместе создадут очень красивый эффект. Далее нам пригодится гранжевая текстура с характерным оттиском, которую мы наложим «Умножением» и потом слегка обработаем. В заключение украсим работу кляксами и текстов.
Шаг 1.
Воспользуемся какой-нибудь подходящей фотографией, например этой.
Шаг 2.
Делаем дубликат слоя с оригинала и применим «Фильтр» (Filter) > «Размытие» (Blur) > «Умное размытие» (Smart Blur) со значениями, как на рисунке ниже. Качество (Quality) — Высокое (High), Режим (Mode) — Только края (Edge Only).
Шаг 3.
Нажимаем Ctrl+I, чтобы инвертировать изображение. На данном этапе пока отключим этот слой. Он нам пригодится позже. И еще сделаем одну вещь. Создаем новый слой над слоем с оригинальной фотографией и зальем его белым цветом.
Шаг 4.
В новом документе создаем горизонтальную линию. Удерживая Shift+Ctrl+Alt нажимаем стрелку вправо, чтобы копировать линию. Потом объединяем все линии и поворачиваем их на 45 градусо.
Шаг 5.
Выделяем квадрат 100х100 пикселей и кадрируем рисунок. После этого определяем новый узор «Редактирование» (Edit) > «Определить узор» (Define pattern).
Шаг 6.
Аналогичным образом создаем второй узор с наклоном в другую сторону.
Шаг 7.
Возвращаемся в наш основной документ. После этого делаем дубликат слоя с фото и передвигаем его выше белого слоя. Применяем «Изображение» (Image) > «Коррекция» (Adjustments) > «Изогелия» (Threshold) с настройками, как на рисунке ниже.
Шаг 8.
Применим стиль слоя «Перекрытие узора» (Pattern Overlay). Режим наложения «Замена светлым» (Lighten). В качестве узора выбираем первый созданный нами узор из полосок (Шаг 4-5).
Шаг 9.
Получили такой результат. Теперь преобразуем слой в новый смарт объект. Нажимаем на слое правую кнопку мыши и выбираем пункт «Сгруппировать в новый смарт объект» (Convert to smart Object). После этого меняем режим наложения слоя на «Умножение» (Multiply).
![Создаем в фотошопе арт рисунок из обычной фотографии Создаем в фотошопе арт рисунок из обычной фотографии](https://designonstop.com/wp-content/uploads/images/2011/10/tutorials/13adv_artfoto/09.jpg)
Шаг 10.
Создаем еще один дубликат оригинального слоя и повторяем Шаги 7-9 с той разницей, что в Шаге 7 используем значение 100, вместо 118, а в Шаге 8 используем второй созданный нами узор с другим наклоном полосок.
Шаг 11.
После этого должен получиться такой результат.
Шаг 12.
Включаем верхний слой из линий, который мы отключили в Шаге 3.
Шаг 13.
Создаем еще один дубликат слоя с оригинальной фотографии. Применяем к нему «Изображение» (Image) > «Коррекция» (Adjustments) > «Изогелия» (Threshold). Только теперь настройки должны быть еще ниже, чтобы получился такой эффект, как на картинке ниже. После этого меняем режим наложения слоя на «Умножение» (Multiply).
Шаг 14.
В целом после всех манипуляций должен получиться такой результат.
Шаг 15.
Воспользуемся какой-нибудь подходящей текстурой, например этой.
Шаг 16.
Вставляем текстуру в наш документ, меняем режим наложения на «Умножение» (Multiply).
Шаг 17.
Снижаем прозрачность слоя с текстурой до 85%. Потом выбираем инструмент «Ластик» (Eraser Tool), и маленькой мягкой кистью с прозрачностью 30% проводим по текстуре в районе лба, щек и подбородка.
Шаг 18.
Теперь украсим фон какими-нибудь кистями с кляксами, имеющимися в наличии.
Шаг 19.
В заключение напишем какой-нибудь текст каллиграфическим шрифтом.
PS. Постовой. А вы знаете, что Модель Адриана Лима — это очень красивая девушка, которая весьма востребована в рекламном и модном бизнесе и которая своей красотой вдохновляет очень многих дизайнеров.
-
Короткая ссылка на этот пост:
https://www.designonstop.com/?p=4274 - Поддержать DesingNonstop рублём!
Написать комментарий с помощью формы ВКонтакте
Комментариев 17 комментариев
@Олег:
Вот-вот, я тоже об этом подумала, когда увидела этот урок. Идеально подходит для картинки для шапки ))
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Всё хорошо, вот только контуры смущают.
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Cheerful Weasel:
Можно остановиться в 11 шаге и не использовать контуры. Вроде тоже должно ничего так получиться ))
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Или как вариант самому нарисовать
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Cheerful Weasel:
Ну да, для тех кто хорошо орудует планшетом это пара пустяков )
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Ну и без планшета тоже можно (по опыту говорю)
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Cheerful Weasel:
Конечно можно, но дольше. Я бы использовала опорные точки и контуры для этого.
А вообще, было бы неплохо, чтобы в фотошопе была такая же фишка, как в иллюстраторе, когда ведешь кистью, а линия получается красивая и плавная. Но это мечты 🙂
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Наташа Клевер:
Я сам удивляюсь. Вроде бы фотошоп и иллюстратор под одной крышей работают, почему бы не внедрять полезное от одной программы в другую.
Во флеше вообще с тех пор как адоб его выкупил, из нового почти ничего не появилось, кроме экшн скрипта и костной анимации. Как же неудобно когда размер кисти надо выбирать каждый раз вручную, при том ещё размер кисти зависит от масштаба всей сцены! Интерфейс деревянный, на уровне прошлого века((
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Интересная техника. Но я бы тоже на пункте 11 остановился
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Cheerful Weasel:
Да, есть вроде бы очевидные вещи, но почему то нереализуемые…
@SwaEgo:
До 11 шага все выглядит очень стильно. Но я первый раз столкнулась с такой техникой создания контуров через умное размытие, как в шаге 2. Еще бы линии почетче были, тогда вообще здорово
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Идея хорошая. Можно в листы фото-альбома ненавязчиво так…
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Марина:
Да, идея действительно хорошая. Мне например очень понравился результат в 11 шаге. Интересная техника.
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Спасибо за уроки! сегодня почти весь день только ими и занимался
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Dmitry:
Не за что! Надеюсь успешно позанимались ))
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
У меня определить узор не получается(у меня Photoshop)
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
@Докку:
Посмотрите на каком вы слое находитесь. Надо чтобы слой с полосками был активен. Может в этом дело.
![Ответить](https://www.designonstop.com/wp-content/plugins/reply-to/rreply.png)
Отличный урок, спасибо.
Как раз такая обработка пригодиться для шапки.