Главная >> Фотоэффекты >> Создание сюрреалистического постера с геометрическими элементами.

Создание сюрреалистического постера с геометрическими элементами.

Автор: Виктория   
15.06.2010 08:48

урок фотошопа на русскомВ этом уроке фотошопа мы попробуем создать абстрактный космический постер с использованием разных геометрических форм, масок и некоторых фильтров Фотошопа.

 

Результат:

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 1

Создаем новый документ (Ctrl+N) в Adobe Photoshop размерами 1280px на 1024px. Используя инструмент Paint Bucket Tool (Заливка) заполняем фон черным цветом.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 2

Теперь нужно найти фотографию девушки или парня J Можно использовать эту.

Создание сююреалистического постера с помощью урока фотошоп на русском
Удаляем фон любым удобным для вас способом Pen Tool (Перо), Magic Wand Tool (Волшебная палочка), Magnetic Lasso (Лассо) или просто Filter>Extract (Фильтр > Извлечь) и вставляем в новый слой нашего основного документа. Инструмент Free Transform (Свободное Преобразование) поможет подогнать размер изображения девушки.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 3

Нажимаем D, чтобы задать черный цвет для переднего плана и белый для заднего. Создаем новый слой, затем идем Filter>Render>Clouds (Фильтр> Освещение >Облака) чтобы создать мягкий фон. Размещаем этот слой под слоем с девушкой.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 4

Выбрав слой с облаками, добавляем к нему маску слоя Add layer mask (кнопка находится внизу панели слоев). Теперь выбираем круглую мягкую кисть черного цвета (Непрозрачность ставим 30%).

Создание сююреалистического постера с помощью урока фотошоп на русском
Используем эту кисть, чтобы закрасить облака, как на рисунке ниже. Размещаем этот слой под слоем с девушкой.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 5

Далее копируем полученный слой и идем Filter>Sharpen>Unsharp mask (Фильтр > Резкость > Контурная резкость) чтобы увеличить контраст.

Создание сююреалистического постера с помощью урока фотошоп на русском
Получаем следующий результат:

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 6

Выбираем инструмент Custom Shape Tool (U) и на появившейся вверху панельке выбираем Shape (Форма), чтобы открыть меня выбора формы. И там выбираем треугольник.

Создание сююреалистического постера с помощью урока фотошоп на русском
Рисуем нашу форму. Её размер можно регулировать при помощи инструмента Free Transform (Ctrl+T). Размещаем этот слой под слоем с девушкой.

Создание сююреалистического постера с помощью урока фотошоп на русском
Ставим Fill (Заполнение) 0% для этого слоя и выбираем Add a layer style (Добавить стиль слоя). В открывшемся меню выбираем Inner Glow (Внутреннее свечение).

Создание сююреалистического постера с помощью урока фотошоп на русском
Добавим Stroke (Обводка)

Создание сююреалистического постера с помощью урока фотошоп на русском
Получим следующий эффект.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 7

Используя Custom Shape Tool (U), можно добавить очень много разных форм вокруг девушки.

Создание сююреалистического постера с помощью урока фотошоп на русском

Создание сююреалистического постера с помощью урока фотошоп на русском
Стили этих слоев должны быть такими же как и слоя с треугольником. Изменяем размеры фигур с помощью Free Transform (Ctrl+T). Размещаем эти слои под слоем с девушкой.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 8

Создаем новый слой и выбираем жесткую круглую кисть.

Создание сююреалистического постера с помощью урока фотошоп на русском
Используем эту кисть чтобы нарисовать тетраэдр, удерживаем SHIFT чтобы нарисовать прямую линию между двумя точками. Размещаем этот слой под слоем с девушкой.

Создание сююреалистического постера с помощью урока фотошоп на русском
Рисуем ещё три тетраэдра вокруг девушки.

Создание сююреалистического постера с помощью урока фотошоп на русском
На следующем новом слое берем мягкую круглую кисть.

Создание сююреалистического постера с помощью урока фотошоп на русском
Используем эту кисть, чтобы нарисовать много точек белого цвета вокруг девушки, изменяя диаметр и непрозрачность. Размещаем этот слой под слоем с девушкой.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 9

Теперь нам нужно создать новый документ File>New (Файл > Новый) размерами 20px на 20px. Выбираем инструмент Custom Shape Tool (U) и берем форму Diamond Card.

Создание сююреалистического постера с помощью урока фотошоп на русском
Рисуем эту форму черного цвета.

Создание сююреалистического постера с помощью урока фотошоп на русском

Выбираем Edit > Define Pattern (Редактирование > Задать текстуру). Вводим имя для новой текструры.

 

Шаг 10
Возвращаемся к нашему документу с девушкой и рисуем эллипс белого цвета с помощью инструмента Ellipse Tool (U).

Создание сююреалистического постера с помощью урока фотошоп на русском
Нажимаем на иконку Add a layer style (Добавить стиль слоя) в нижней части панели слоев. И выбираем Inner Shadow (Внутренняя тень).

Создание сююреалистического постера с помощью урока фотошоп на русском
Получим следующий результат.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 11

Используя тот же инструмент рисуем ещё один эллипс белого цвета.

Создание сююреалистического постера с помощью урока фотошоп на русском
Жмем на иконку Add a layer style (Добавить стиль слоя), которая находится внизу панели слоев и выбираем там Pattern Overlay (Наложение текстуры). Идем в меня выбора текстур (Pattern Picker) и выбираем текстуру, которую мы создавали выше.

Создание сююреалистического постера с помощью урока фотошоп на русском

Получим вот такой результат:

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 12

Создаем новый слой над тем, который мы только что сделали и выбираем оба этих слоя на панели слоев, нажимаем CTRL+E чтобы соединить их в один слой. Используем следующий фильтр для растрированных слоев: Filter>Distort>Spherize (Фильтр > Деформация > Сферизация).

Создание сююреалистического постера с помощью урока фотошоп на русском
Используя Free Transform (Ctrl+T) размещаем этот слой, как показано на рисунке ниже.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 13

Опять жмем Add a layer style (Добавить стиль слоя) и выбираем там Gradient Overlay (Наложение градиента).

Создание сююреалистического постера с помощью урока фотошоп на русском
Настраиваем цвета как показано на рисунке ниже.

Создание сююреалистического постера с помощью урока фотошоп на русском
Получаем следующий результат:

Создание сююреалистического постера с помощью урока фотошоп на русском
Делаем нашу сферу меньше и размещаем её как показано на рисунке ниже:

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 14

Берем инструмент Rectangle Tool (Прямоугольник) и рисуем прямоугольники белого цвета:

Создание сююреалистического постера с помощью урока фотошоп на русском
Комбинируем и группируем все слои с прямоугольниками (нажимаем CTRL и выбираем необходимые слои на панели слоев, удерживая при этом нажатой левую кнопку мышки. Затем выбираем в нижней части панели слоев иконку Create a new group (Создать новую группу). Используя Free Transform (Ctrl+T) разворачиваем прямоугольники как показано на рисунке ниже:

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 15

Берем инструмент Ellipse Tool (Эллипс) и рисуем эллипс под слоем с прямоугольниками. Ставим Fill (Заполнение) этого слоя 0%.

Создание сююреалистического постера с помощью урока фотошоп на русском
Создадим маску, чтобы были видны только те прямоугольники, которые находятся в эллипсе. Для этого удерживая Alt нажимаем между слоями с прямоугольниками и эллипсом (на панели слоев).

Создание сююреалистического постера с помощью урока фотошоп на русском
Получим вот такой результат.

Создание сююреалистического постера с помощью урока фотошоп на русском
Соединяем оба этих слоя в один (CTRL+E чтобы соединить). Используем следующий фильтр для этого слоя: Filter>Distort>Spherize (Фильтр > Деформация > Сферизация).

Создание сююреалистического постера с помощью урока фотошоп на русском

Получим следующий результат.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 16

Создаем новый слой и берем мягкую круглую кисть черного цвета (Непрозрачность 20%).

Создание сююреалистического постера с помощью урока фотошоп на русском
Используем эту кисть чтобы затемнить грани сферы.

Создание сююреалистического постера с помощью урока фотошоп на русском
Соединяем все слои с элементами последней сферы в один и делаем копию этого слоя. При помощи Free Transform (Ctrl+T) размещаем копию как показано на рисунке ниже.

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 17

Группируем все слои, кроме слоя с черным фоном и объединяем эти слои в одну группу. Растеризируем эту группу, первоначально её выбрав и нажав CTRL+E. Выбираем Rectangular Marquee Tool (Прямоугольное выделение) чтобы создать выделение на слое с которым мы только что работали:

Создание сююреалистического постера с помощью урока фотошоп на русском
Кликаем правой кнопкой мышки внутри выделения, чтобы выбрать Transform Selection (Трансформировать выделение) и размещаем прямоугольник как показано на рисунке ниже:

Создание сююреалистического постера с помощью урока фотошоп на русском
Также используем внутри выделение Move Tool (V), чтобы передвинуть линию как на рисунке ниже:

Создание сююреалистического постера с помощью урока фотошоп на русском

 

Шаг 18

Нажимаем Create new fill or adjustment layer (Создать новый слой настроек), это иконка в нижней части панели слоев и выбираем Hue/Saturation (Тон/Насыщеность).

Создание сююреалистического постера с помощью урока фотошоп на русском

Ставим Saturation на -100.

Создание сююреалистического постера с помощью урока фотошоп на русском
Выбираем ещё раз Create new fill or adjustment layer и нажимаем Curves (Кривые). Затем корректируем кривую, примерно как на рисунке ниже.

Создание сююреалистического постера с помощью урока фотошоп на русском

Получим вот такой результат.

Создание сююреалистического постера с помощью урока фотошоп на русском

Все, мы закончили. Спасибо за внимание.

Полный размер здесь.

 

Оригинал: adobetutorialz.com

Перевод: Виктория для сайта graphic-tutorials.ru

При копировании урока активная ссылка на сайт graphic-tutorials.ru обязательна!

Комментарии (33)


Показать/скрыть комментарии
...
Круто! Правд не совсем так получилось, и тяжеловато, но урок классный!
Мих@ , 24-06-2010
...
А что тут сложного?smilies/smiley.gif)) и хорошо что не совсем такsmilies/smiley.gifsmilies/grin.gifsmilies/tongue.gif
Steel , 05-07-2010
...
я поэксперементил и сделал несовсем такsmilies/smiley.gif в цветном сделал форматеsmilies/smiley.gif ток фон чёрный
Steel , 05-07-2010
...
Отличный постер! Отличный урок!
dan_ke , 30-07-2010
...
офигеть....про100 супер)))**
smilies/grin.gif
Fyz , 17-10-2010
...
урок более-менее, а девушка - лохудра какая-то smilies/angry.gif
.... , 26-11-2010
...
нормальный урок
Егорка , 17-12-2010
...
Классный урок..ток уже сколько пытаюсь у меня не получается с фигурами ну никак....они у мя поверх всего получаются и стили не фигур изменяются а планов((( помогите у меня фотошоп 6.0
Катя)) , 24-12-2010
...
Спасибо огромное,я еще буду практиковаться,и я в фотошопе несколько недель,получилось не очень.=)
Aydan , 04-01-2011
...
Класс я теперь мастер по фотошопу!smilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gifsmilies/tongue.gif[im
g]
Кукла!!! Love!*) , 15-01-2011
...
Классный урок!!! Все пнял, тока с фигурами не че не получается!!!smilies/sad.gifsmilies/sad.gifsmilies/sad.gifsmilies/sad.gifsmilies/sad.gif
.... , 22-01-2011
...
Привет всем!Ребята,подскажите,пожалу
йста,как вставить изображение в новый слой основного документа?
Лиза , 28-03-2011
...
чувствую себя дурой, но когда создаю новый слой в шаге 3, то функция render>clouds заблокирована. где ошибка?
ыыы , 31-03-2011
...
Привет всем!Ребята,подскажите,пожалу

йста,как вставить изображение в новый слой основного документа?
Лиза , 28-03-2011
Выделяешь и нажимаешь Ctrl+J и всё.Привет всем!Ребята,подскажите,пожалу

йста,как вставить изображение в новый слой основного документа?
Лиза , 28-03-2011
Выделяешь и нажимаешь Ctrl+J и всё.
Катя_1999999 , 18-04-2011
...
Запоролась с последним выделением, ну ничего =) результат меня устраивает.Спасибо за урокsmilies/cheesy.gif
uma , 17-06-2011
...
я понять не могу
как вставить изображение в новый слой основного документа?? пол дня просидела, ничего не получилось!((
Иннааааааа , 20-06-2011
...
надо кликнуть на основной документ что бы превратить его в рабочий у меня он отображается слой0, а не фон, потом выделяешь изображение удобным для тебя способом ( если надо делаешь инверсию) жмешь Ctrl+j- копировать на новый слой.
uma , 21-06-2011
...
Здесь можно скачать класный урок по фотошопу как свою голову в рамку вставлять
http://depositfiles.com/ru/files/099tnyvtb?redirect
vlada , 06-07-2011
...
Очень хороший урок!!!! Кстати,вот здесьhttp://artmaster.ucoz.ru/ тоже много чего хорошего для фотошопа!!!!!!!!!
joogs , 07-07-2011
...
конечно тупой вопрос,но как разместить эти облока под девушку???smilies/cry.gif
.... , 11-07-2011
...
А у меня почему-то функция Освещение->Облако в самом начале недоступно, помогите пожалуйста(((
Sirofune , 08-08-2011
...
я наверно самая тупая, но как подогнать размер?? где это "свободное преобразование" ? помогите....у меня cs5. я только учусь....
**** , 21-10-2011
...
Уроки Adobe Photoshop. Создание и обработка изображений для начинающих и проффессионалов. Хотите научиться владеть Adobe Photoshop, создавать изображения, обрабатывать фотографии, применять графические спецэффекты, узнать все секреты компьютерной графики-тогда этот сайт для вас!
http://www.ps.sibs.ru
bk72 , 26-10-2011
...
чтобы треугольники и т.д оказались за девушкой нужно перетащить слой с фигурой на самый низ до фона
artemich , 31-10-2011
...
Урок по Синемаграфике - ожившие фотографии http://photoshop-manja.ru/inde...1&Itemid=8
photoshop-manja , 08-12-2011
...
отличный урок фотошоп www.ps.sibs.ru
bk72 , 17-01-2012
...
Замечательные уроки, очень стильно web-dizz.com
Dizzi , 04-02-2012
...
Так а где этот фотошоп?>smilies/sad.gifsmilies/angry.gifsmilies/angry.gif
Улька , 20-03-2012
...
уроки по Adobe Photoshop cs5 +Photoshop Online
Кисти и т.д
На сайте: http://mir-photoshopa.ucoz.ru/
Roman-1111 , 15-04-2012
...
Фотошоп онлайн http://mirphotoshop.ru/photoshop-online
mirphotoshop , 24-12-2012
...
Как изменить цвет волос в Photoshop? http://mirphotoshop.ru/yroki-f...oshop.html
mirphotoshop , 24-12-2012
...
Можно еще вот тут - обработка фото, посмотреть не мало хороших подобных уроков.
Photoshop , 18-01-2013
...
Psd макеты, вектроные клипарты, иконки http://web-dizz.com/
Web-dizz.com , 07-07-2014

Написать комментарий

меньше | больше

busy