суббота

Абстракция в Фотошоп. С Эффектом “Боке”

В сегодняшней консультации вы узнаете, как создавать абстрактные красочные фоне с “боке” эффектом, с помощью фотошопа инструментов рисования, режимов наложения и освещение техники. Слоистый PSD файл включен. Можно будет его скачать, посмотреть  Итак, начнем!
Заключительный Предварительный просмотр
clip_image001
Создайте новый документ (Ctrl + N) в Adobe Photoshop с размером 1920px на 1200px (RGB цветной режим) с разрешением 72 точек на дюйм. С помощью Paint Bucket Tool (G), чтобы заполнить с # 010E1Fцвета новый фоновый слой.
clip_image002
Для создания слоя фона мы скачать паук_Паттерн. Скопируйте файл шаблона и вставьте его,C: / Adobe / Photoshop / Заготовки / шаблонами.
Создайте новый слой и залейте его черным цветом, нажмите кнопку Добавить, чтобы иконой стиля слоя с нижней части панели слоев и выберите План Overlay. Перейти к шаблону Picker, а также дополнительные паук План могут быть добавлены путем загрузки их из Picker в подменю.
clip_image003
Мы получили следующий эффект:
clip_image004
Щелкните на одном слое на нижней части панели слоев на иконку Добавить слой маски и выбрать Круглая кисть Мягкая черного цвета с Brush Tool (B) (установить прозрачность до 10% в панели параметров)
clip_image005
Используйте мягкие кисти в маске, чтобы скрыть маленький документа края:
clip_image006
Создайте новый слой и выберите снова кисть Круглая Мягкая
clip_image007
Использование Круглая кисть Мягкая рисовать центральной части документа, с # 003173 цветов
clip_image008
На следующий новый слой мы будем обращаться снова Мягкая раунда кистью, более одной части картины следующий цвет - # 0F6FBC
clip_image009
Следующий проход по программе Adobe Illustrator и выбрать здесь Ellipse Tool (L) для разработки 2 эллипсы черного цвета.
clip_image010
Использование Direct Selection Tool (A), выбрать и эллипсов и здесь применить следующий вариант:Объект "> Blend> Blend Options
clip_image011
Мы получили следующий результат:
clip_image012
Выберите эллипсов и нажмите CTRL + C (Copy). Передайте программы Adobe Photoshop после этого и нажмите CTRL + V (Вставить как - пикселей).
clip_image013
Выберите для этого слоя CTRL + I (обратной)
clip_image014
Установите режим смешивания на Soft Light для этого слоя и нажмите кнопку Добавить иконой стиля слоя с нижней части панели "Слои", чтобы выбрать Drop Shadow:
clip_image015
Мы получили следующий результат:
clip_image016
Щелкните на одном слое на нижней части панели слоев на иконку Добавить слой маски и выбрать Round кисть Soft (Непрозрачность 20%) черного цвета
clip_image005[1]
Использование мягкой раунда кистью на маску, чтобы скрыть эллипсов края.
clip_image017
Создайте новый слой и выберите Аэрограф кисть белого цвета(Кисть)
clip_image018
Используем аэрограф следующим методом, как видно на нижнем рисунке, при этом каждый раз следим на наложением, твердостью кисти.. Чтобы не было повторений. Где то ставим заливку 50% где-то 10, где-то 20.. В общем - пробуйте
clip_image019
Нажмите кнопку Добавить иконой стиля слоя от нижней части панели "Слои", чтобы выбрать Outer Glow
clip_image020
Добавить Inner Glow
clip_image021
Мы получили следующий результат:
clip_image022
Создайте следующий новый слой и выберите Круглая кисть Мягкая
clip_image005[2]
Нарисуйте пятна цветом # FF00FF (установить прозрачность до 10% в панели параметров)
Используйте те же мягкие Круглая кисти для нового слоя краски показано ниже, часть цветом # 4AC1E4
clip_image023
Создайте новый слой и выберите Аэрограф Мягкая Круглая кисть и белого цвета (Непрозрачность 30%)
clip_image024
С помощью аэрографа Мягкая Круглая кисть для представления на месте в центральной части холста.
clip_image025
Затем выберите Pen Tool (P), установить режим рисования на Shape Layers на панели параметров и использовать различные формы, как показано на рисунке.
clip_image026
Установить Заполните до 0% для этого слоя и нажмите кнопку Добавить иконой стиля слоя с нижней части панели "Слои", чтобы выбрать Gradient Overlay:
clip_image027
Нажмите кнопку в цвет. панели, чтобы открыть редактор градиентов и установить цвета останавливается, как показано на рисунке. Нажмите кнопку OK, чтобы закрыть редактор градиентов диалогового окна.
clip_image028
Мы получили следующий градиент по форме:
clip_image029
Нарисуйте еще одну фигуру
clip_image030
Установить Заполните до 0% и перейти к Стиль слоя> Gradient Overlay
clip_image031
Откройте редактор градиентов и установить цвета останавливается, как показано на рисунке. Нажмите кнопку OK, чтобы закрыть редактор градиентов диалогового окна.
clip_image032
Мы получили следующий эффект:
clip_image033
Нарисуйте еще одну фигуру:
clip_image034
Установить Заполните 0% и нажмите кнопку Добавить эталон стиля слоя с нижней части панели "Слои", чтобы выбрать Gradient Overlay:
clip_image035
Откройте редактор градиентов и установить цвета останавливается, как показано на рисунке. Нажмите кнопку OK, чтобы закрыть редактор градиентов диалогового окна.
clip_image036
Мы получили следующий результат:
clip_image037
Представляют собой еще одну фигуру с помощью Pen Tool (P)
Установить Заполните до 0% и перейти к Стиль слоя> Gradient Overlay
Откройте редактор градиентов и установить цвета останавливается, как показано на рисунке.
clip_image038
Мы получили следующий градиент по форме:
clip_image039
Представляем еще одну форму:
clip_image040 
Стави непрозрачность  до 0% в панели слоев, добавить слой Style> Gradient Overlay
clip_image041
Откройте редактор градиентов и установите цвета , как показано на рисунке. Нажмите кнопку OK, чтобы закрыть редактор градиентов диалогового окна.
clip_image042
Мы получили следующий результат:
clip_image043 
Рисуем еще одну форму в правой части
Установить Заполните до 0% для этого слоя и нажмите кнопку Добавить иконой стиля слоя с нижней части панели "Слои", чтобы выбрать Gradient Overlay:
clip_image044
Нажмите кнопку в цветовой панели, чтобы открыть редактор градиентов и установить цвета, как показано на рисунке. Нажмите кнопку OK.

clip_image045
Мы получили следующий эффект:
clip_image046

Далее повторений с такими градиентами будет много, я покажу только картинки. Все эти эффекты будут делаться по аналогии, ну а вы можете поэкспериментировать!

clip_image047clip_image048clip_image049clip_image050clip_image051clip_image052clip_image053clip_image054

Конечный результат:


Скачать PSD файл и все необходимые штуки с этим изображением можно здесь

Добавлю еще от себя, как вы заметили в уроке присутствует много операций, которые нужно повторять, потому дабы не делать пост еще больше, там где мы рисовали с помощью кривый и градиентов, я урезал. Оставил только картинки.
Так вы можете поэкспериментировать сами  и нарисовать свою абстракцию подключив ваше представление, и вообще можете делать это все в других цветах, например зеленых..
для гугла: абстрация фотошоп, эффекты фотошоп, уроки фотошоп, статьи
А если вам нужно продвинуть сайт в поиковой системе гугл, но у вас мало при этом свои знаний, советую вам обратится к профессионалам, раскрутка сайта в google