На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 3731
Средней сложности Размещено: 02.11.2010 г.

Создай постер в стиле нео-конструктивизма


Графический дизайн в стиле конструктивизма часто ассоциируется с политикой коммунизма и его пропагандой. Но на сегодняшний день кардинально изменилось представление об этом стиле в искусстве, которое невозможно себе представить без сочетания ярких цветов, применения перспективы и геометрических форм, а также использования фотомонтажа и метода коллажирования. Назовем этот новый стиль нашей работы - «Нео-конструктивизм» и скорее приступим к творчеству!

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


Создай постер в стиле нео-конструктивизма


Шаг 1.


Создаем Новый документ ((New Document) Ctrl+N) в Фотошоп размером 1200х1600 рх в режиме RGB с разрешением 72 рх/дюйм. Теперь создаем Новый корректирующий слой «Градиент» ( (Layer-New Layer Fill-Gradient) или значок черно-белого кружка внизу панели слоев) с цветами от #7D0000 к #480000. Изменяем значение угла (angle) на 17-20 град. И нажимаем Ок.


Создай постер в стиле нео-конструктивизма


Шаг 2.


Открываем текстуру мятой бумаги в Фотошоп и копируем ее в наш документ (Ctrl+C, затем Ctrl+V) , называем слой «Текстура». Размещаем данный слой выше слоя с градиентом и режим смешивания (Blending Mode) изменяем на «Линейный Затемнитель» (Linear Burn) .


Создай постер в стиле нео-конструктивизма


Шаг 3.


Выбираем слой «Текстура» и добавляем к нему Маску слоя (Layer Mask) . Нажмите внизу панели слоев значок кружка в квадрате. Далее активируем инструмент «Градиент» (Gradient Tool (G)) зеркального стиля, черно-белого цвета (# 000000 - # FFFFFF) . Заполняем маску градиентом, направляя его чуть по-диагонали сверху вниз. Выбираем большую Кисть (Brush) черного цвета с непрозрачностью и нажимом 50% (Opacity, Flow ) и удаляем часть градиента с правого нижнего угла.


Создай постер в стиле нео-конструктивизма


Шаг 4.


Для увеличения контраста, на текстурном слое переходим в Изображение-Коррекция-Уровни (Levels (Ctrl + L) ) и выполняем следующие настройки:


Создай постер в стиле нео-конструктивизма


Шаг 5.


Открываем фото мужчины и вставляем его в нашу работу. Извлекаем мужчину с белого фона любым удобным способом (Пером, Волшебной палочкой или функцией «Цветовой диапазон»). В данном примере, после создания выделения вокруг мужчины, я нажал на иконку маски слоя, чтобы скрыть ненужный фон. Помещаем этот слой на самый верх и называем «Мужчина».


Создай постер в стиле нео-конструктивизма


Шаг 6.


На слое «Мужчина» активируем инструмент «Перемещение» (Move Tool (V)) и в верхней панели опций включаем флажок «Показать управляющие элементы» (Show Transform Controls) . После этого действия появится рамка.

Далее, удерживая Ctrl, делаем клик по правому верхнему узлу рамки трансформации и тянем его немного вправо. То же самое выполняем с левым верхним узлом, передвигая его влево. Таким образом, мы создадим эффект перспективы, если смотреть на мужчину сверху. Теперь выбираем инструмент «Затемнитель» (Burn Tool (O)) и создаем тень на левом рукаве бизнесмена.


Создай постер в стиле нео-конструктивизма


Шаг 7.


Увеличим резкость фигуры мужчины. Для этого дублируем слой (Сtrl+J) и на дубликате переходим в Фильтр-Другие-Цветовой контраст (Filter> Other> High Pass) , устанавливаем радиус в 10 рх и нажимаем Ок. Изменяем режим смешивания для дубликата на «Перекрытие» (Overlay) . Объединяем оригинал и дубликат (удерживая Ctrl, щелкаем по иконкам слоев, затем Ctrl+E) в один слой и инструментом «Осветлитель» (Dodge) коррктируем левую сторону изображения.


Создай постер в стиле нео-конструктивизма


Шаг 8.


Теперь добавим тень, падающую от мужчины на пол. Дублируем слой «Мужчина» (Ctrl+J) и помещаем копию под оригинал. Называем слой «Тень». Смещаем немного теневой слой вправо. Используем Свободную трансформацию (Free Transform) и, удерживая Ctrl, тянем рамку трансформации вправо за верхний центральный узел. Поиграйте с вариантами искажения слоя «Тень», чтобы получить похожее на мое изображение. Затем открываем коррекцию «Цветовой тон/Насыщенность» (Hue/Saturation) нажатием клавиш Ctrl+U, и делаем нашу тень черной, уменьшив опцию «Яркость» (Lightness) до -100%.


Создай постер в стиле нео-конструктивизма


Шаг 9.


На слое «Тень» переходим в Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом в 5 рх. Дублируем слой «Тень» (Ctrl+J) и увеличиваем копию, непрозрачность (Opacity) снижаем до 25%. Далее снижаем непрозрачность слоя «Тень» на 75% и объединяем эти два теневых слоя (Ctrl+E) .


Создай постер в стиле нео-конструктивизма


Шаг 10.


Активируем инструмент Ластик (Eraser Tool (E)) и стираем излишки тени под правой ногой мужчины.


Создай постер в стиле нео-конструктивизма


Шаг 11.


Теперь добавим текст на наше изображение. Выбираем инструмент «Горизонтальный Текст» (Type Tool) и пишем слово «TIME» шрифтом «Arial Black». Устанавливаем размер шрифта на 300 pt и помещаем текстовой слой под слой с тенью (панель настроек текста активируется при нажатии самого крайнего значка в верхней панели).


При активном инструменте «Текст» в верхней панели установок нажимаем на значок «Деформировать текст» (Warped Text) и в выпадающим меню указываем стиль деформации- Дуга (Arc) , Изгиб (Bend) – 0%.

Горизонтальное искажение (Horizontal Distortion) – до -60%, Вертикальное искажение (vertical Distortion) – 0%. Используйте две направляющие (Ctrl+R, затем инструментом Перемещение вытягиваем направляющие из верхней и боковой появившейся линейки), установив их через центр и верхнюю часть рамки трансформации для удобства последующей работы.


Создай постер в стиле нео-конструктивизма


Шаг 12.


Далее, наклоним наш текст. Используем инструмент «Трансформирование» (Ctrl+T) и, удерживая Ctrl, тянем центральный левый узел рамки вниз. Затем, удерживая Ctrl, перемещаем центральный правый узел немного вверх. У вас должно получиться искажение текста, как на скриншоте внизу. Отрегулировав положение слова, нажимаем Ок.


Создай постер в стиле нео-конструктивизма


Шаг 13.


Добавим к нашему тексту немного эффектов. Для этого двойным щелчком мыши по строке слоя «Текст» открываем окно «Стилей слоя» (Layer Style) и выбираем параметр «Наложение градиента» (Gradient Overlay) . Вводим настройки, используя цвета # 8D6009 и # 522300 с углом в 36 град. Затем находим параметр «Тень» (Drop Shadow) и также устанавливаем данные со скриншота.


Создай постер в стиле нео-конструктивизма


Шаг 14.


Дополним наше слово фразой «So Little», выбрав инструмент «Текст» (Type Tool) и напечатав его, и поместим этот слой выше слоя «TIME». Также, как и в предыдущем примере, деформируем фразу, нажав на «Warp» в верхней панели настроек и выбрав стиль искажения- Дуга. Ползунок Горизонтального искажения перемещаем на -50%.


Затем, используем Трансформирование (Ctrl+T) и, удерживая Ctrl, тянем правый центральный узел рамки чуть вниз, чтобы нижняя граница фразы стала параллельна верхней границе слова «Время».


Создай постер в стиле нео-конструктивизма


Шаг 15.


Далее, копируем стили слоя со слова «Время» на слой с фразой. Для этого, встаем на слой «Время» и правой кнопкой мыши нажимаем по строке слоя, выбирая из меню – Скопировать стиль слоя (Copy Layer Style) . Затем, встаем на слой с фразой и, опять нажав правой кнопкой мыши по строке слоя, выбираем – Вклеить стиль слоя (Paste Layer Style) . Немного изменим цветовую гамму градиента для слоя с фразой. Делаем двойной клик по строке эффекта «Наложение градиента» (Gradient Overlay) и, в открывшемся окне настроек, вводим следующие цветовые значения: #3A0303 – #2A0000.


Объединим два слоя с текстом в группу. Удерживая Shift, кликаем по миниатюрам слоев с текстом, а затем нажимаем сочетание Ctrl+G.


Создай постер в стиле нео-конструктивизма


Шаг 16.


Теперь сделаем красивое отражение для текста. Сначала, преобразуем текстовую группу в Смарт-объект (Smart Object) , нажав правой кнопкой мыши по строке слоя и, выбрав из меню «Преобразовать в смарт-объект». Дублируем слой «Смарт-объект» (Ctrl+J) и на копии переходим в Редактирование-Трансформирование-Отразить по вертикали (Edit > Transform > Flip Vertical) .


Создай постер в стиле нео-конструктивизма


Шаг 17.


Выбираем слой-копию «Смарт-объект» и нажимаем Ctrl+T, вызвав команду Трансформации. Находим центральный правый узел рамки и тянем его вверх, а затем левый центральный узел перемещаем вниз, чтобы границы слова и его отражения соприкоснулись. Дубликат слоя «Смарт-объект» помещаем под оригинал.


Создай постер в стиле нео-конструктивизма


Шаг 18.


Выбираем копию слоя «Текст» и создаем к ней Маску слоя (Layer Mask) , нажав на ее иконку внизу палитры слоев (кружок в квадрате). Инструментом Градиент (Gradient) черно-белого цвета заполняем маску по-диагонали.


Создай постер в стиле нео-конструктивизма


Шаг 19.


Открываем в Фотошоп текстуру старой бумаги и переносим в наш документ. Называем этот слой «Верхняя текстура». Идем в Изображение-Коррекция-Цветовой тон/Насыщенность (Hue / Saturation) и изменяем значение Насыщенности до -100%, обесцветив текстуру. Изменяем режим смешивания (Blending Mode) для этого слоя на Перекрытие (Overlay) .

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


Создай постер в стиле нео-конструктивизма


Шаг 20.


Возвращаемся на слой «Мужчина» и дублируем его (Ctrl+J) . Помещаем его под оригинал. Поскольку цвет изображения мужчины не соответствует элементам работы (фону, текстуре, тексту), мы немного отрегулируем его, создавая гармоничное сочетание всех компонентов постера.


На оригинале с мужчиной, переходим в Слой-Новый Корректирующий слой-Фотофильтр (Layer > New Adjustment Layer > Photo Filter) . Выбираем «Теплый фильтр (85)» и нажимаем Ок. Теперь, чтобы коррекция относилась к слою с оригиналом, создадим Обтравочную маску (clipping mask), удерживая Alt, и наводя курсор между слоями с мужчиной и корректирующим слоем. При появлении значка обтравки, делаем клик.


Создай постер в стиле нео-конструктивизма


Шаг 21.


На слое-копии «Мужчина» активируем инструмент «Перемещение» (Move Tool) и стрелками курсора на клавиатуре сдвигаем фигуру немного вправо. Затем, используя коррекцию «Цветовой тон/Насыщенность» ( (Hue/Saturation) Сtrl+U) , изменяем значение Яркости до -100%, сделав копию черного цвета.


Создай постер в стиле нео-конструктивизма


Шаг 22.


Теперь размоем дубликат слоя «Мужчина». Переходим в Фильтр-Размытие-Размытие в движении (Filter > Blur > Motion Blur) и настраиваем смещение на 800 рх, а угол на 20 град., нажимаем Ок.


Дублируем слой-копию два раза (Ctrl+J) , затем, удерживая Shift, выделяем все три копии в панели слоев, и объединяем их в один слой «Размытая тень», нажав Ctrl+E.


Создай постер в стиле нео-конструктивизма


Шаг 23.


Располагаем слой «Размытая тень» над слоем с Фото-фильтром и мягким Ластиком (Eraser (E)) с нажимом и непрозрачностью 50% (Opacity, Flow) удаляем тень с лица и туловища человека.


Создай постер в стиле нео-конструктивизма


Шаг 24.


Возвратимся на слой с текстурой мятой бумаги (шаг 2,3) и активируем маску на этом слое. Выбираем Кисть (Brush Tool (B)) белого цвета (#FFFFFF) с мягкими краями, непрозрачностью и нажимом 50%, и восстанавливаем части текстуры, кликая кистью по маске на уровне ступней мужчины.


Создай постер в стиле нео-конструктивизма


Шаг 25.


Выбираем текстурный слой и слой с градиентной заливкой (удерживаем Shift и щелкаем по слоям) и объединяем их в группу (Ctrl+G) , называем папку «Фон». Дублируем папку (правой кнопкой мыши щелкаем по миниатюре слоя и выбираем строку – Дубликат группы) и объединяем копии. Всегда оставляйте копии первого слоя, чтобы потом всегда вернуться к ней в случае коррекции.


Создай постер в стиле нео-конструктивизма


Шаг 26.


Далее вырежем кусок с нашего фона. Активируем инструмент Лассо (Lasso Tool) и создаем неровное выделение. Переходим в Слой-Маска слоя-Показать все (Layer > Layer Mask > Reveal All) . На маске заполняем выдление (Paint Bucket Tool (G)) черным цветом (# 000000) .


Создай постер в стиле нео-конструктивизма


Шаг 27.


Открываем изображение с газетой и вставляем в наш документ. Вырезаем ее с фона любым удобным способом и помещаем в новую папку «Газета» ниже слоя «Фон».


Дублируем слой с газетой (Ctrl+J) и при помощи трансформирования (Ctrl+T) поворачиваем дубликат, изменив его положение относительно оригинала. Используем Затемнитель (Burn Tool (O)) на некоторых местах газеты, создавая эффект состаренности, затем объединяем оба слоя с газетой (Ctrl+E) .


Создай постер в стиле нео-конструктивизма


Шаг 28.


Отрегулируем цвет газеты, перейдя в Слой-Новый корректирующий слой-Фото-фильтр (Layer > New Adjustment Layer > Photo Filter) . Выбираем цвет # E4AD04, нажав на цветовой квадрат и установив значение. Плотность фильтра 66%. Создаем Обтравочную маску, удерживая Alt, и нажимая между газетным слоем и слоем-фотофильтром.


Создай постер в стиле нео-конструктивизма


Шаг 29.


Создадим эффект разрыва на бумаге. Сначала, зажимаем Alt и щелкаем по иконке маски слоя на слое «Фон», чтобы увидеть ее в основном окне программы. Затем, используя инструмент «Волшебная палочка» (Magic Wand Tool (W)) выделим черную область на маске. Теперь нажимаем на иконку слоя «Фон», чтобы сделать его видимым и переходим в Выделение-Модификация-Расширить (Select> Modify> Expand) и вводим значение 6 рх.


Создай постер в стиле нео-конструктивизма


Шаг 30.


Нажимаем сочетание Ctrl+U, чтобы перейти в диалоговое окно функции «Цветовой тон/Насыщенность» (Hue/Saturation) и изменяем значение насыщенности до -100%. Вы видите, что выделенная область расширения стала обесцвеченной. Активируем инструмент Осветлитель (Dodge Tool (O)) с экспозицией 25% и выбираем кисть «Мел» из стандартного набора по умолчанию размером 23 рх в режиме «Средние тона». Проводим осветлителем по серой окантовке текстуры.


Создай постер в стиле нео-конструктивизма


Шаг 31.


Для реалистичности изображения, добавим некоторую тень на слой с газетой. Создаем Новый слой (Ctrl+Shift+N) выше слоя с фотофильтром газеты и называем его «Тени».


Используем Кисть (Brush (B)) с мягкими краями черного цвета и размером 200 рх, непрозрачностью и нажимом 50% для создания тени вокруг областей разрыва. Поиграйте с размерами кисти для лучшего эффекта.


Создай постер в стиле нео-конструктивизма


Шаг 32.


Открываем фото плотной бумаги в фотошоп и вырезаем ее с фона. Переносим в нашу работу и помещаем на самый верх в панели слоев. Называем слой «Бумага». Размещаем бумагу в правой нижней части холста.


Создай постер в стиле нео-конструктивизма


Шаг 33.


Создадим иллюзию расположения этого кусочка внутри разрыва текстуры. Делаем видимой маску на слое «Фон», удерживая Alt и нажав на ее иконку в строке слоя. Инструментом волшебная палочка (Magic Wand Tool) выделяем черную область маски. Встаем на слой «Бумага».


Теперь, активируя Лассо (Lasso Tool) , удерживаем клавишу Shift, и расширяем область выделения, обводя кусок бумаги сверху. Наконец, инвертируем выделение (Ctrl+Shift+I) и удаляем лишнее клавишей Delete.


Создай постер в стиле нео-конструктивизма


Шаг 34.


Создаем Новый слой (Ctrl+Shift+N) выше слоя «Бумага» и называем его «Тени». Создаем новую группу «Бумага» и помещаем в нее два этих слоя (Ctrl+G) . Затем, используем большую мягкую Кисть (Brush) черного цвета с нажимом и непрозрачностью 50% для прорисовки тени внизу куска бумаги.
Повторяем шаг 33 для удаления излишков тени.


Создай постер в стиле нео-конструктивизма


Шаг 35.


Создаем Новый слой (Ctrl+Shift+N) ниже слоя с бумагой и называем его «Тени 2». Рисуем черной кистью с вышеуказанными настройками по краю бумажного куска, имитируя тень позади его.


Создай постер в стиле нео-конструктивизма


Шаг 36.


Мы близки к завершению. На слое «Бумага» переходим в Изображение-Коррекция-Цветовой тон/Насыщенность и изменяем значение насыщенности (Saturation) до -25%. Теперь, в палитре слоев, перетаскиваем папку «Бумага» выше слоя «Фон».


Создай постер в стиле нео-конструктивизма


Шаг 37.


Используем инструмент Осветлитель (Dodge) с настройкой кисти «Мел» из стандартного набора программы по краям бумажного куска, чтобы имитировать мягкий эффект разрыва.


Создай постер в стиле нео-конструктивизма


Шаг 38.


Создаем Новый слой (Layer-New Layer) и называем его "so much to do" («так много предстоит сделать»). Выбираем Кисть (Brush) маленького размера, чтобы от руки написать эту фразу. Я использовал для создания словосочетания планшет, но вы можете применить любой рукописный шрифт или сделать это при помощи мыши.


Создай постер в стиле нео-конструктивизма


И, наконец, мы закончили! Я уверен, вам понравилась идея урока, и вы с успехом реализуете ее в своих творческих работах.


Создай постер в стиле нео-конструктивизма



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



Текстура мятой бумаги
Фото мужины
Текстура старой бумаги
Газета
Газета
Обрывок плотной бумаги

Обсудить урок на форуме




Категория: Уроки ФотошопаИсточник: Ссылка на источник скачиваний/переходов: 13




Рейтинг популярности: 1.6/5 (Всего оценок: 26)

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