Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

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



Создание фона в стиле Nexus 7


Шаг 1


Создайте новый документ в Фотошопе (Ctrl + N) размером 1920х1200 пикселей с разрешением 72 пиксель/дюйм. Создайте новый слой (Create New Layer) и залейте его цветом #242678 при помощи инструмента Заливка (Paint Bucket Tool).

Создание фона в стиле Nexus 7


Создайте новый слой (Create New Layer) и выберите инструмент Кисть (Brush Tool).

Создание фона в стиле Nexus 7


На верхней панели настроек инструмента установите Непрозрачность (Opacity) на 15%. Обрисуйте холст, как показано ниже.

Создание фона в стиле Nexus 7


Шаг 2


Выберите инструмент Эллипс (Ellipse Tool) и создайте большой круг цветом #FF6C00.

Создание фона в стиле Nexus 7


Понизьте Заливку (Fill) слоя круга до 13% и примените стиль Отбрасывание тени (Drop Shadow):

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


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

Создание фона в стиле Nexus 7


Создайте новый слой и выберите мягкую кисть с 40% непрозрачностью.

Создание фона в стиле Nexus 7


Обрисуйте круг цветом #FEAC00, как показано ниже.

Создание фона в стиле Nexus 7


Установите Режим наложения на Перекрытие (Blending Mode – Overlay).

Создание фона в стиле Nexus 7


Шаг 3


Создайте ещё один большой круг цветом #FFCDCD. Понизьте его Заливку (Fill) до 10%. Затем создайте уменьшенные копии.

Создание фона в стиле Nexus 7


Объедините все слои с розовыми кругами в группу (Ctrl + G). Понизьте Заливку (Fill) группы до 0% и примените стиль Наложение градиента (Layer Style – Gradient Overlay): Режим – Нормальный, Стиль – Радиальный.
Применение стилей к группе доступно только в версии CS6. Если у Вас более ранняя версия, то нужно будет просто скопировать стили с одного слоя на другие, или работать не с группой, а с одним слоем.

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


К группе с кругами добавьте маску (Layer Mask) и выберите мягкую кисть.

Создание фона в стиле Nexus 7


Скройте левый край, как показано ниже.

Создание фона в стиле Nexus 7


Шаг 4


Создайте ещё круги цветом #FFCDCD.

Создание фона в стиле Nexus 7


Объедините круги в группу (Ctrl + G), понизьте заливку до 0% и примените стиль Наложение градиента (Layer Style – Gradient Overlay).

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Шаг 5


Создайте копию последней группы и измените настройки градиентного стиля: Режим – Линейный осветлитель, Стиль – Радиальный.

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Шаг 6


Создайте ещё одну группу кругов:

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Шаг 7


Последняя группа кругов цветом #FFCDCD с 10% заливкой.

Создание фона в стиле Nexus 7


Объедините круги в группу и понизьте заливку до 0%. Примените стиль Наложение градиента.

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Шаг 8


Создайте новый слой и выберите мягкую кисть с 15% непрозрачностью.

Создание фона в стиле Nexus 7


Обрисуйте левый нижний угол цветом #99FF00.

Создание фона в стиле Nexus 7


Установите Режим наложения на Перекрытие (Blending Mode – Overlay).

Создание фона в стиле Nexus 7


Перейдите в меню Изображение > Внешний канал (Image > Apply Image):

Слой: Объединено
Канал: RGB
Режим: Умножение

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Создайте новый слой и выберите белую мягкую кисть с 40% непрозрачностью.

Создание фона в стиле Nexus 7


Обрисуйте холст, как показано ниже.

Создание фона в стиле Nexus 7


Понизьте Заливку (Fill) слоя до 57% и установите Режим наложения на Перекрытие (Blending Mode – Overlay).

Создание фона в стиле Nexus 7


Шаг 9


Создайте корректирующий слой Кривые (Layer – Curves):

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Создайте корректирующий слой Вибрация (Layer – Vibrance):

Создание фона в стиле Nexus 7

Создание фона в стиле Nexus 7


Шаг 10


Объедините все слои в группу (Ctrl + G), а затем объедините группу в один слой (Ctrl + E). К полученному слою примените фильтр Контурная резкость (Unsharp Mask Filter).

Создание фона в стиле Nexus 7


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



Создание фона в стиле Nexus 7


Изображение в большом размере можете посмотреть здесь.


PSD файл

Ссылка на источник урока

Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: