Главная >> Фотоэффекты >> Создание "космической" фотокомпозиции в Фотошопе

Создание "космической" фотокомпозиции в Фотошопе

Автор: Виктория   
22.04.2010 06:17

космическая композиция в фотошопеВ этом уроке Фотошопа мы будем создавать "космическую" фотокомпозицию используя разные техники, кисти фотошоп и экспериментируя с настройками смешивания. Дополнительные фильтры в этом уроке не понадобятся. Также для создание необходимых эффектов нам придется использовать Adobe Illustrator (Иллюстратор).

 

 

 

Результат:

создаем космическую композицию в фотошопе

Шаг 1

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

создаем космическую композицию в фотошопе

 

Шаг 2

Берем фото девушки, любой. Можно и этой. Хотелось бы выразить благодарность автору этого снимка.

создаем космическую композицию в фотошопе

 

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

создаем космическую композицию в фотошопе

 

Создаем новый слой и выбираем Мягкую круглую кисть из Brush Tool (Кисть). Цвет берем #98E2B4.

создаем космическую композицию в фотошопе

 

Создаем эффект подсветки под слоем с девушкой.

создаем космическую композицию в фотошопе

 

Шаг 3

Далее мы добавим некоторые металлические текстуры на фон. Загрузить их можно здесь.

создаем космическую композицию в фотошопе

Копируем файл с текстурами в следующую папку Program Files\Adobe\Adobe Photoshop X\Presets\Patterns (Adobe Photoshop X это версия вашего Фотошопа).


Шаг 4

Создаем новый слой устанавливаем Fill () 0% для этого слоя, нажимаем на иконку Add a layer style (Добавить стиль слоя), она находится в нижней части панели слоев и в меню выбираем Pattern Overlay (Наложение текстуры). Загружаем необходимую текстуру из Program Files\Adobe\Adobe Photoshop X\Presets\Patterns folder. Принимаем следующие настройки:

создаем космическую композицию в фотошопе


Размещаем этот слой под слоем с девушкой.

создаем космическую композицию в фотошопе

 

Шаг 5

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

создаем космическую композицию в фотошопе


Должно выйти примерно так:

создаем космическую композицию в фотошопе

 

Шаг 6

Далее мы переходим в Adobe Illustrator (Иллюстратор), не забыв при этом сохранить то,что у нас выходит в Фотошопе. Выбираем инструмент Line Segment Tool (Линия) и создаем две черные линии, как показано на рисунке ниже.

создаем космическую композицию в фотошопе
Выбираем их, используя при этом Direct Selection Tool (A) и идем Object>Blend>Blend Options (Обьект>Смешивание>Опции смешивания)

создаем космическую композицию в фотошопе


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

создаем космическую композицию в фотошопе

Шаг 7

Возвращаемся в Фотошоп и вставляем то, что мы создали в Иллюстраторе Paste as: Pixels (Вставить как: Пиксели). Используя Free Transform (Ctrl+T) разворачиваем наши линии так, как нам нужно.

создаем космическую композицию в фотошопе


Делаем инверсию нажав CTRL+I.

создаем космическую композицию в фотошопе


Делаем три копии последнего слоя (с линиями) и выбрав опять Free Transform (Ctrl+T) размещаем копии как на рисунке ниже. Все слои с линиями должны быть под слоем с девушкой.

создаем космическую композицию в фотошопе

 

Шаг 8

Жмем теперь на каждом слое, который содержит линии и выбираем внизу панели слоев окошко Add layer mask (Добавить маску слоя) и выбираем после этого мягкую круглую кисть черного цвета и непрозрачностью 30%.

создаем космическую композицию в фотошопе


Вытираем края линий, чтобы они сливались с черным фоном.

создаем космическую композицию в фотошопе

 

Шаг 9

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

создаем космическую композицию в фотошопе

 

Шаг 10
Теперь берем инструмент Ellipse Tool (Эллипс) и рисуем эллипс вокруг головы девушки.

создаем космическую композицию в фотошопе

Ставим заполнение слоя Fill 0% и добавляем стиль слоя (Add a layer style), это иконка в нижней части напели слоев и выбираем Inner Shadow (Внутренняя тень):

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

создаем космическую композицию в фотошопе

Шаг 11

Создаем новый слой и выбираем следующую кисть Hard Mechanical (ниже на рисунке). Теперь закрашиваем весь слой, выбрав цвет #1FFFAC (Непрозрачность 25%).

создаем космическую композицию в фотошопе
Размещаем этот слой под слоем с девушкой:

создаем космическую композицию в фотошопе
Режим смешивания (Blending mode) ставим Color (Цвет):

создаем космическую композицию в фотошопе

 

Шаг 12

Теперь снова открываем Иллюстратор и выбираем там Ellipse Tool (Эллипс (L)), рисуем два эллипса черного цвета (примерно как на рисунке ниже).

создаем космическую композицию в фотошопе

Далее проделываем точно такие же операции, как и с линиями. Выбираем Direct Selection Tool (A) и идем Object>Blend>Blend Options (Обьект>Смешивание>Опции смешивания).

создаем космическую композицию в фотошопе

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

создаем космическую композицию в фотошопе

 

Шаг 13
Сохраняем наши кружочки. И снова переходим в Фотошоп, вставляем сохраненные круги (Вставить как: Пиксели). Слой, который содержит круги размещаем под слоем с девушкой:

создаем космическую композицию в фотошопе

Инвертируем этот слой нажав CTRL+I.

создаем космическую композицию в фотошопе

Режим смешивания устанавливаем Overlay (Наложение)

создаем космическую композицию в фотошопе

На очередном новом слое выбираем Rectangular Marquee Tool (Прямоугольное выделение) И создаем выделение как на картинке ниже:

создаем космическую композицию в фотошопе

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

создаем космическую композицию в фотошопе
Размещаем этот слой также под слоем с девушкой.

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

создаем космическую композицию в фотошопе

Делаем ещё две копии последнего слоя и используя свободную трансформацию разместите их так, как на рис. ниже.

создаем космическую композицию в фотошопе

Работая с каждым слоем этих линий отдельно, добавляем к ним маски слоя (Add layer mask), применяем мягкую круглую кисть черного цвета.

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

создаем космическую композицию в фотошопе

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

создаем космическую композицию в фотошопе

 

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

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

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


Как всегда жду комментарии =)

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


Показать/скрыть комментарии
...
Мастерски сделано! )))
Фея , 25-05-2010
...
а где находится иллюстратор???
musya , 26-07-2010
...
А зачем делать векторные маски в AI есть же в PhH векторные инструменты, или с ними в PhH возни больше?
LukAlex , 05-08-2010
...
ауууу....может вы ответите на впоросы заданные выше?????
musya , 05-08-2010
...
Нечего не понятно....как встоволять девушку??а потом под ней рисоватьsmilies/angry.gif
Я , 12-08-2010
...
Просто делаешь слои ПОД слоем там где девушка, все хорошо получается smilies/smiley.gif
Инкогнито , 16-10-2010
...
Всем привет, конечно понимаю, что многие более или мене знакомы с фотошопом, а я вот например сижу за ним 3 час, и этот третий час я мучаю пункт № 5. Ничего не понятно. Как сделать эту маску с таким эффектом. Ведь зачем тогда и вправду проводить уроки...smilies/cry.gif
Поделитесь мыслями... и вообще смысла не вижу писать уроки не объяснив ничего по шагово ( скажем так: Чтоб чайники обуздали данную программу) имхо. спсб.
Dimasik , 22-12-2010
...
Нечего не понятно....как встоволять девушку??а потом под ней рисоватьsmilies/cry.gifsmilies/cry.gifsmilies/cry.gifsmilies/cry.gifsmilies/cry.gif
Машутик , 27-01-2011
...
Мне тоже непонятно. Я на шаге 4smilies/smiley.gifsmilies/smiley.gifsmilies/smiley.gif
Ди , 05-07-2011
...
как скачать текстуру?
messi , 01-09-2011
...
Мне всё нравится но где скачать сам фотошоп??? подскажите пожалуйста. smilies/cry.gif
Tanya_SypeR , 23-10-2011
...
В фотошопе всё по английски я не чего не понимаюsmilies/angry.gifsmilies/angry.gifsmilies/angry.gif
ПоЛькА , 30-08-2013
...
Где можно скачать фотошоп?smilies/smiley.gif
Профиль закрыТ , 30-08-2013
...
Эхх.....мне всё нравится ,но не могу скачать фотошоп( Не поможете?smilies/cheesy.gif
БрюнеТка:* , 30-08-2013
...
asdasd , 17-04-2016

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

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

busy