Группа: Гости
Сегодня: 04.07.2025
99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
Наш опрос
Оцените мой сайт
Всего ответов: 37
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп


Уроки фотошоп - Видеоуроки фотошоп - Photoshop, открытка к 8 марта

Главная » Файлы » Уроки фотошоп » Эффекты

[ · ]

Получить книгу бесплатно!!!

          Получите  советы как заработать

                       деньги в интернете

Ваш email:
email рассылки Конфиденциальность гарантирована
email рассылки

Стильный постер с эффектом смещения

как нарисовать Стильный постер с эффектом смещения в фотошопе



Стильный постер с эффектом смещения рисовать в фотошоп


сделать закладку в соцсетях
>

Стильный постер с эффектом смещения

 
В этом уроке Фотошоп вы узнаете, как создать интересный плакат с эффектом смещения, используя комбинацию масок слоя и стандартные наборы кистей. Также мы будем применять некоторые корректирующие слои и выполнять смещение частей изображения для достижения необычного, креативного результата. Для урока нам понадобится лишь знание основ программы и немного терпения. 
Данный урок выполнен автором в пятой версии Фотошоп, но используемые в уроке настройки подходят и для Photoshop CS3, СS4. Итак, приступим!

Превью финального результата:

Стильный постер с эффектом смещения
 

Шаг 1.


Создаем новый документ в Фотошоп (Ctrl+N) размером 1280х1024 рх в режиме RGB с разрешением 300 рх/дюйм. Заполняем фон белым цветом инструментом Заливка (Paint Bucket Tool) Shift+F5) .
 

Шаг 2.


Открываем фото модели и переносим в наш документ.

Стильный постер с эффектом смещения

Извлекаем с фона изображение девушки любым удобным для вас способом: инструментами: Перо, Лассо, Волшебная палочка или при помощи фильтра «Извлечь» (Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L), Filter> Extract) . Вставляем девушку на Новый слой в наш документ.

Стильный постер с эффектом смещения
 

Шаг 3.


Двойным щелчком мыши по строке слоя с моделью в панели слоев открываем окно «Стилей слоя» (Layer Style) и вводим настройки для опции «Тень» (Drop Shadow) .

Стильный постер с эффектом смещения

И мы имеем следующий результат:

Стильный постер с эффектом смещения
 

Шаг 4.


Создаем Новый слой (Ctrl+Shift+N) и активируем инструмент «Прямоугольное выделение» (Rectangular Marquee Tool (M)) . Выделяем прямоугольную область в районе груди модели. Размещаем данный слой под слоем с девушкой.

Стильный постер с эффектом смещения

Выбираем Кисть (Brush) с мягкими краями размером 45 рх из набора по умолчанию и рисуем ей по верхнему краю выделенной области цветом #E694FF.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения

Переходим в Редактирование-Свободное трансформирование (Free Transform (Ctrl+T)) и изменяем положение полосы, располагая ее по диагонали на холсте.

Стильный постер с эффектом смещения
 

Шаг 5.


Используя предыдущий способ, создаем еще одну полосу цветом # E27FC4 на Новом слое (Ctrl+Shift+N) . Размещаем ее чуть ниже фиолетовой полосы.

Стильный постер с эффектом смещения

Добавляем Маску слоя (Layer Mask) к слоям с полосами, нажав на иконку маски внизу панели слоев (кружок в квадрате) и мягкой черной кистью скрываем края полос.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 6.


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

Шаг 7.


Загружаем в Фотошоп, скачанные ранее, кисти брызг «Splat Brushes» .

Стильный постер с эффектом смещения

Выполняем мазки кистями (Brush) следующих цветов: #DFA63D, #5CC1AA, #952941, #A34057, #3C7075. Каждый мазок кистью делаем на отдельном слое. Размещаем их под слоем с девушкой.

Стильный постер с эффектом смещения
 

Шаг 8.


Теперь создаем Новый слой (New Layer) и заполняем его белым цветом (Shift+F5) . Затем, выбираем из стандартного набора кисть(Brush) с мягкими краями черного цвета и ставим два больших пятна на уровне фигуры модели. Размещаем этот слой под слоем с девушкой.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения

На слое с черными пятнами переходим в Фильтр-Оформление-Цветные полутона (Filter>Pixelate>Color Halftone) и выполняем следующие настройки:

Стильный постер с эффектом смещения

И вот результат:

Стильный постер с эффектом смещения

Изменяем режим смешивания (Blending mode) находится рядом с опцией Непрозрачность в панели слоев) для слоя на «Темнее»(Darken) .

Стильный постер с эффектом смещения
 

Шаг 9.


Создаем Новый слой (Ctrl+Shift+N) и заполняем его (Shift+F5) цветом #052C52.

Стильный постер с эффектом смещения

Добавляем Маску слоя, нажав значок внизу панели слоев и переходим во вкладку Фильтр-Рендеринг-Облака (Filter> Render> Clouds) .

Стильный постер с эффектом смещения

Далее, активируем Кисть (Brush) и выбираем из набора мягкую кисть размером 100 рх черного цвета с непрозрачностью 20%.

Стильный постер с эффектом смещения

На маске удаляем кистью нежелательные участки фильтра «Облака», чтобы получить похожее изображение:

Стильный постер с эффектом смещения
 

Шаг 10.


Создаем Новый слой (Ctrl+Shift+N) и заливаем (Shift+F5) его цветом #101010.

Стильный постер с эффектом смещения

Добавляем Маску на этот слой (значок внизу палитры слоев) и переходим снова в Фильтр-Рендеринг-Облака(Filter>Render>Clouds) .

Стильный постер с эффектом смещения
 

Шаг 11.


Создаем выше предыдущего еще один слой. Удерживая Сtrl, выделяем в панели слоев новый созданный и низлежащий слой с облаками, а затем нажимаем Ctrl+E, чтобы объединить их в один. На объединенном слое создаем Маску слоя (Layer Mask) и инвертируем цвета на ней (Ctrl+I) .

Стильный постер с эффектом смещения
 

Шаг 12.


На Маске слоя инструментом «Прямоугольное выделение» (Rectangular Marquee Tool (M)) в режиме (верхняя панель установок) «Добавление к выделенной области» создаем выделение трех параллельных прямоугольников разной высоты. Затем, на выделении нажимаем правой кнопкой мыши и в выпадающем меню выбираем – Трансформирование выделенной области (Transform Selection), чтобы расположить полосы диагонально.
Настраиваем мягкую Кисть (Brush) белого цвета и удаляем на маске части изображения в выделенных областях.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения

Теперь мягкой черной Кистью (Brush) с непрозрачностью 20% удаляем на маске края созданных полос, чтобы получить следующее:

Стильный постер с эффектом смещения

Снимаем выделение (Ctrl+D) .
 

Шаг 13.


Сделайте дубликат последнего слоя (Ctrl+J) и еще раз на маске сделайте коррекцию полос этими же кистями, варьируя значения их непрозрачности (Opacity).
Режим смешивания для дубликата изменяем на Линейный Свет (Linear Light) .

Стильный постер с эффектом смещения
 

Шаг 14.


Делаем еще один дубликат предыдущего слоя (Ctrl+J) 

Стильный постер с эффектом смещения

Создаем новый слой (Ctrl+Shift+N) и активируем инструмент Полигональное Лассо (Polygonal Lasso Tool) . Создаем выделение вокруг средней полосы. Заполняем его черным цветом инструментом Заливка (Paint Bucket Tool (G)) .

Стильный постер с эффектом смещения

Установите значение Заливки (Fill) на 0% в панели слоев и двойным щелчком мыши по миниатюре слоя откройте окно «Стили слоя». Введите настройки в опции «Внутренняя тень» (Inner Shadow) .

Стильный постер с эффектом смещения

Далее добавляем «Внутреннее свечение» (Inner Glow) с такими настройками:

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 15.


Создаем две копии последнего слоя (Ctrl+J) и, используя трансформирование (Ctrl+T) , размещаем на изображении, как на примере ниже. Изменяем настройки «Внутренней тени» (Inner Shadow) в «Стилях слоя» для дубликатов.

Стильный постер с эффектом смещения

Получаем следующее:

Стильный постер с эффектом смещения

Добавляем Маску слоя, нажав внизу панели на ее иконку, и мягкой черной кистью удаляем верхний край у верхней полосы и снизу - у нижней.

Стильный постер с эффектом смещения
 

Шаг 16.


Выбираем оригинальный слой с девушкой и инструментом «Прямоугольная область» (Rectangular Marquee Tool (M)) создаем выделение. Разворачиваем выделенную область на 45 градусов, нажав правой кнопкой мыши по выделению и выбрав опциюTransform Selection. Размещаем выделение точно по краю нижней полоски.

Стильный постер с эффектом смещения
 

Шаг 17.


Инструментом «Перемещение» (Move Tool (V)) нажимаем внутри выделения и немного сдвигаем нижнюю часть девушки в сторону стрелками курсора на клавиатуре, как на скриншоте ниже. Аналогичные действия выполняем со всеми полосами на фигуре модели. Копируем все выделенные области с полосами на отдельные слои (на каждом смещенном выделении нажимаем Сtrl+J).

Стильный постер с эффектом смещения
 

Шаг 18.


Объединим слои с линиями по элементам, распределенным на двух слоях. Части смещенной фигуры девушки должны находиться на каждом из двух слоев по порядку через один. Для этого, удерживая Ctrl, нажимаем на миниатюры нужных слоев с полосами, выделив их, затем Ctrl+E. Размещаем слои один над другим (см. скриншот).

Стильный постер с эффектом смещения
 

Шаг 19.


Создаем Новый корректирующий слой (черно-белый кружок внизу панели слоев) «Кривые» (Curves) над первым слоем со смещенными частями девушки (выше13 слоя) для коррекции цвета линий. Выполняем настройки.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 20.


Дублируем слой «Кривые» (Ctrl+J) и размещаем дубликат над вторым слоем со смещенными частями модели.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 21.


Удерживая клавишу Alt, наводим курсор между слоем «Кривые» и слоем со смещенными частями в панели слоев, создавая таким образом Обтравочную маску (Clipping Mask) . Действие коррекции распространится только на слой смещения. Также создаем обтравку для копии слоя «Кривые» и другого слоя с полосами смещения.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 22.


Создаем выше всех слоев еще один Новый корректирующий слой (черно-белый кружок внизу панели) «Кривые» (Curves) . Регулируем настройки параметра.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 23.


Инструментом «Эллипс» (Ellipse Tool (U)) в режиме заливки пикселов (в верхней панели настроек значок квадрата), удерживаяShift, создаем окружность в области левой руки модели. Цвет не важен, поскольку значение Заливки (Fill) в панели слоев снижаем до 0%.

Стильный постер с эффектом смещения

Двойным кликом по строке слоя открываем «Стили слоя» (Layer Style) и выполняем настройки для опции «Наложение Градиента»(Gradient Overlay) :

Стильный постер с эффектом смещения

Нажимаем на цветовую шкалу градиента и устанавливаем настройки цвета и непрозрачности, как в примере ниже:

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 24.


Дублируем слой с окружностью (Ctrl+J) и при помощи Трансформирования (Ctrl+T) перемещаем дубликат в область правой руки девушки. Изменяем настройки цветовых параметров для опции «Наложение Градиента» (Gradient Overlay) .

Стильный постер с эффектом смещения

Открываем Редактор градиентов и устанавливаем цвет, как на скриншоте.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 25.


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

Стильный постер с эффектом смещения

Параметр Заливки (Fill) снижаем до 0% в панели слоев и открываем «Стили слоя». В опции «Наложение градиента» (Gradient Overlay) вводим настройки:

Стильный постер с эффектом смещения

Корректируем цвет градиент а, открыв Редактор:

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения

Используя трансформирование (Ctrl+T) , переместите третий эллипс вправо.

Стильный постер с эффектом смещения
 

Шаг 26.


Сделайте несколько копий третьего эллипса (Ctrl+J) и распределите дубликаты на холсте, варьируя их размеры (Ctrl+T) .

Стильный постер с эффектом смещения
 

Шаг 27.


Добавим маску слоя (Layer Mask) на оригинальный слой третьего эллипса и мягкой черной кистью размером 27 рх удалим часть окружности с лица модели.

Стильный постер с эффектом смещения

Стильный постер с эффектом смещения
 

Шаг 28.


Дублируем несколько слоев с эллипсами и к каждой копии применяем Фильтр-Размытие-Размытие по Гауссу (Filter> Blur> Gaussian Blur) с радиусом 10 рх. Распределяем дубликаты по холсту в местах, указанных стрелками.

Стильный постер с эффектом смещения

И, наконец, в финале, создаем Новый корректирующий слой «Кривые» для последней общей корректировки цвета изображения (черно-белый кружок внизу панели). Выполняем настройки.

Стильный постер с эффектом смещения

И мы получаем итоговый финальный результат:

Стильный постер с эффектом смещения

Удачи!

 

Используемые материалы:



Фото девушки
Кисти Splat Brushes

Стильный постер с эффектом смещения
сделать закладку в соцсетях

Категория: Эффекты | Просмотров: 22 | Добавил: Гость

постер, смещения, с эффектом, Стильный
Всего комментариев: 0
Добавление комментария
к материалу
Код *:
Добавить комментарий

Вход на сайт

Поиск


дерево на прозрачном фоне


Как создать профессиональный макет сайта в Photoshop


Рисуем веб-ленту в Фотошоп

На этом сайте наша команда собрала материал уроки фотошоп, которые дадут возможность очень скоро овладеть разными инструментами этой программы. Если вы считаетесь начинающим либо желаете повысить качество уже имеющиеся знания, бесплатные уроки фотошоп разрешат приобрести изобилие нужных сведений и обучат рисованию наиболее различных частей и изображений. Уроки Photoshop, уготованные про начинающих, посодействуют выучиться обладать обилием приборов данного растрового редактора. Изучив наиболее обыкновенные технической рисования, вам можете преступить к наиболее трудным урокам, выучиться делать с разными красками, творить коллажи, производить фото. При стремлении с помощью уроков разрешено начинать специалистом, в безукоризненности обладающим програмкой и разрабатывающим личные технической. Задачи Фотошоп – наверное неповторимые которые были использованы, рассказанные в лично легкодоступной фигуре, которые станут удобные и понятные абсолютно всем.
Copyright © 2010-2015 Все права защищены. Создать бесплатный сайт с uCoz. Лучшая подборка уроков