Янв
29
2015

Фон для рабочего стола в стиле Nexus 7

В этом уроке вы узнаете как применять Ellipse Tool, Brush Tool, и Gradients, чтобы создать абстрактный фон в стиле Nexus 7. Вы можете использовать эти техники и элементы чтобы создавать собственные абстрактные фоны для планшетов или смартфонов! Итак начнем!
Конечный результат
Фон для рабочего стола в стиле Nexus 7 *Создайте новый документ (Ctrl+N) в Adobe Photoshop CS6 задайте его размер 1920px на 1200px(RGB) разрешение 72 pixels/inch. Используйте инструмент Paint Bucket Tool (G) чтобы залить документ цветом #242678 на новом слое с названием new background layer.

Фон для рабочего стола в стиле Nexus 7 *

Создайте новый слой и выберите инструмент кисть Soft Round brush.

Фон для рабочего стола в стиле Nexus 7 *

Используйте кисть чтобы нарисовать круги вверху справа и внизу слева. Цвет возьмите черный(непрозрачность Opacity установите 15% на панели опций Options bar).

Фон для рабочего стола в стиле Nexus 7 *

Дальше попробуем нарисовать несколько небольших кругов, используя инструмент Ellipse Tool (U) и выбрав цвет #FF6C00 чтобы нарисовать примерно так:

Фон для рабочего стола в стиле Nexus 7 *

Установите Fill равным 13% для этого слоя и добавьте стили слоя щелкнув на соответствующую иконку в нижней части панели слоев и в окошке стилей выберите Drop Shadow.

Фон для рабочего стола в стиле Nexus 7 *

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

Фон для рабочего стола в стиле Nexus 7 *

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

Фон для рабочего стола в стиле Nexus 7 *

Создайте новый слой и выберите кисть Soft Round brush инструмента Brush Tool (cool.gif.

Фон для рабочего стола в стиле Nexus 7 *

Используйте эту кисть чтобы нарисовать круги слева, в верхней и нижней части холста. Цвет кисти возьмите #FEAC00 и непрозрачность Opacity – 40%.

Фон для рабочего стола в стиле Nexus 7 *

Установите режим наложения слоя Blending mode на Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Снова используем инструмент Ellipse Tool (U), создадим еще несколько кругов на разных слоях. Выберем для них цвет#FFCDCD. Установите Fill равным 10% для этих слоев.

Фон для рабочего стола в стиле Nexus 7 *

Объедините все слои с розовыми кругами в группу (нажмите CTRL чтобы выбрать нужные слои и держите левую кнопку мыши перетаскивая их на иконку Create a new group в нижней части панели слоев). Установите Fill равным 0% для созданной группы и вызовите окно стилей слоя чтобы применить Gradient Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на цветной полоске чтобы вызвать окно редактора градиента и настройте цветовые маркеры как показано на рисунке. Нажмите OK чтобы закрыть редактор градиента.

Фон для рабочего стола в стиле Nexus 7 *

У нас получится следующая картинка:

Фон для рабочего стола в стиле Nexus 7 *

Добавьте маску к группе, щелкнув по иконке Add layer mask на нижней части панели слоев, затем выберите кисть Soft Round brush черного цвета.

Фон для рабочего стола в стиле Nexus 7 *

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

Фон для рабочего стола в стиле Nexus 7 *

Используя инструмент Ellipse Tool (U), продолжим создавать круги также как раньше. Цвет каждого круга #FFCDCD. Установите Fill равным 0% для этих слоев. Каждый круг на отдельном слое.

Фон для рабочего стола в стиле Nexus 7 *

Сгруппируем созданные слои. Установите Fill на 0% для этой группы и вызовите окно стилей слоя чтобы применить Gradient Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на цветной полоске чтобы открыть редактор градиента и установите цветовые маркеры как показано на картинке. Нажмите OK чтобы закрыть редактор.

Фон для рабочего стола в стиле Nexus 7 *

Должно получится следующее:

Фон для рабочего стола в стиле Nexus 7 *

Создайте копию группы и выберите режим свободной трансформации Free Transform (Ctrl+T) чтобы сделать кадую копию меньше предыдущей. Установите Fill равным 0% для этой группы. Также на копии группы мы должны изменить настройки градиента в стиле Gradient Overlay:

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на цветной полоске чтобы открыть редактор градиента и установите цветовые маркеры как показано на картинке. Нажмите OK чтобы закрыть редактор.

Фон для рабочего стола в стиле Nexus 7 *

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

Фон для рабочего стола в стиле Nexus 7 *

Нарисуем еще несколько кругов также как мы уже это делали в данном уроке, оставим тот же цвет что использовали в предыдущий раз. Используем все тот же инструмент Ellipse Tool (U).

Фон для рабочего стола в стиле Nexus 7 *

Установите Fill равным 0% для этой группы и откройте окно стилей чтобы применить Gradient Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на цветной полоске чтобы открыть редактор градиента и установите цветовые маркеры как показано на картинке. Нажмите OK чтобы закрыть редактор.

Фон для рабочего стола в стиле Nexus 7 *

Вот что у нас получилось:

Фон для рабочего стола в стиле Nexus 7 *

Теперь еще одна последняя группа кругов. Каждый круг на отдельном слое. Используем тот же Ellipse Tool (U). Выберем цвет #FFCDCD для этих кругов. Установите Fill равным 10% для этой группы.

Фон для рабочего стола в стиле Nexus 7 *

Все созданные сейчас круги поместите в одну группу и установите Fill равным 0%, затем откройте окно стилей и примените Gradient Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на цветной полоске чтобы открыть редактор градиента и установите цветовые маркеры как показано на картинке. Нажмите OK чтобы закрыть редактор.

Фон для рабочего стола в стиле Nexus 7 *

Такой должен получится результат:

Фон для рабочего стола в стиле Nexus 7 *

Создайте новый слой и выберите кисть Soft Round brush инструмента Brush Tool (cool.gif.

Фон для рабочего стола в стиле Nexus 7 *

Используйте эту кисть, чтобы рисовать на фоне в правом нижнем углу холста. Цвет кисти возьмите #99FF00, а непрозрачность Opacity – 15%.

Фон для рабочего стола в стиле Nexus 7 *

Установите режим наложения слоя Blending mode на Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Убедитесь, что слой с кистью активен и выберите Image > Apply Image:

Фон для рабочего стола в стиле Nexus 7 *

Команда Apply Image позволяет смешивать слои и дает нам возможность контролировать их смешение, она также предоставляет нам больше возможностей для креатива и лучший конечный результат:

Фон для рабочего стола в стиле Nexus 7 *

Создайте новый слой и выберите кисть Soft Round brush белого цвета (непрозрачность кисти: Opacity – 40%).

Фон для рабочего стола в стиле Nexus 7 *

Используйте выбранную кисть чтобы рисовать поверх кругов так как показано на картинке ниже:

Фон для рабочего стола в стиле Nexus 7 *

Установите параметр Fill равным 57% для этого слоя и измените его режим наложения Blending mode на Overlay.

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на Create new fill or adjustment layer внизу панели слоев и измените значения кривых Curves чтобы немного поправить цвета.

Фон для рабочего стола в стиле Nexus 7 *

Результат:

Фон для рабочего стола в стиле Nexus 7 *

Щелкните на пункт Create new fill or adjustment layer внизу панели слоев и измените настройки Vibrance чтобы повысить цветность изображения.

Фон для рабочего стола в стиле Nexus 7 *

Получится следующее:

Фон для рабочего стола в стиле Nexus 7 *

Поместим все слои в группу. Выберите эту группу на панели слоев и нажмите Ctrl+E чтобы слить в один слой Merge Down. На этом слое применим фильтр: Filter > Sharpen > Unsharp mask

Фон для рабочего стола в стиле Nexus 7 *

Наш результат:

Фон для рабочего стола в стиле Nexus 7 *

Абстрактный фон в стиле Nexus 7 готов!

Правила перепечатки материалов сайта

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

Перепечатка, распространение, в том числе в переводе, любых материалов сайта возможны с соблюдением правил цитирования, а при размещении их в сети Интернет необходима ссылка на www.photoshop-training.ru.

Надеемся, вас не затруднит соблюдение этих условий.

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