Создаем красивый фон для сайта или открытки
Нравится(+) 0 Не нравится(-)

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



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

Навыки для «прокачки»:
- работа с векторными формами
- работа в маске слоев кистями
- режимы наложения слоев
- стили слоя
- работа с различными видами выделений


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

Начнем с создания нового документа (Ctrl + N) в Adobe Photoshop размером 1920px на 1200px (RGB цветовом режиме) с разрешением 72. Используйте инструмент Заливка (Paint Bucket Tool) (G), чтобы заполнить черным цветом новый слой фона.

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

Используя инструмент Прямоугольник (Rectangle Tool) (U), создадим прямоугольник цветом # 3C65FF, а затем применим команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы наклонить прямоугольник так же, как показано ниже.

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

Вставьте маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберете мягкую круглую Кисть (Brush) черного цвета.

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

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

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

Таким образом, мы можем создать следующий прямоугольник цветом # 5390FF.

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

Теперь скроем края точно также, как и в предыдущем прямоугольнике.

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

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

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

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

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

Затем мы должны вставить несколько прямоугольников цветом # 2572FF. Установите Заливка (Fill) до 50% для нескольких экземпляров.

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

Далее мы вставим прямоугольник цветом # 3C65FF. Добавим на том же слое с маской.

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

Скроем края прямоугольника тем же способом, описанным выше, используя мягкую круглую Кисть (Brush) черного цвета.

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

Используя тот же Прямоугольник (Rectangle Too)l (U), мы сделаем прямоугольник цветом # 2572FF, края должны быть спрятанные на маске черной Кистью (Brush).

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

Установите Заливка (Fill) до 72% для этого слоя.

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

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

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

Мы получили следующий результат:

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

Создайте Новый слой (new layer) и выберете мягкую круглую Кисть (Brush) черного цвета, установите Непрозрачность (Opacity) до 20% в панели параметров. Используйте эту кисть для рисования на краях, как показано на рисунке.

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

На следующем Новом слое (new layer) мы создадим выделение, используя инструмент Прямоугольное выделение (Rectangular Marquee Tool) (M), а затем, используя мягкую круглую Кисть (Brush) белого цвета, закрасим внутри выделения, чтобы добавить некоторые белые пятна, как показано на рисунке. Кисть (Brush) должна быть большего диаметра.

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

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

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

Установите Режим смешивания (Blend Mode ) этого слоя на Перекрытие (Overlay).

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

Теперь создайте Новый слой (new layer) и выберете мягкую круглую Кисть (Brush) белого цвета.

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

Используйте эту кисть, чтобы добавить несколько белых пятен на холсте.

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

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберете Внешнее свечение (Outer Glow):

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

Мы получили следующий результат:

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

Создайте Новый слой (new layer) и используйте мягкую круглую Кисть (Brush) белого цвета, установите Непрозрачность (Opacity) до 15% в панели параметров.

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

Используйте эту кисть для рисования на линиях как показано ниже.

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

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберете Внешнее свечение (Outer Glow):

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

Мы получили следующий результат:

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

Выберете инструмент Перо (Pen Tool) (P), установите режим рисования Слой-Фигура (Shape Layers) в панели настроек и сделайте небольшую звезду белого цвета.

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

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберете Внешнее свечение (Outer Glow):

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

Добавим Внутренняя тень (Inner Shadow):

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

Мы получили следующий результат:

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

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

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

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

Объедините в группу все слои, содержащие звезды (нажмите CTRL, чтобы выбрать необходимые слои и удерживайте левую кнопку мыши при перетаскивании выбранных слоев на значок Создать новую группу (Create a new group) в нижней части панели слоев. Установите Режим смешивания (Blend Mode ) для группы на Мягкий свет (Soft Light).

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

Сделайте копию новой группы и установите Режим смешивания (Blend Mode ) для группы на Нормальный (Normal). Используйте команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы изменить размещение копий на холсте.

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

Установите Непрозрачность (Opacity) до 70% для группы.

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

Создайте Новый слой (new layer) и используйте мягкую круглую Кисть (Brush) белого цвета.

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

Используйте эту кисть, чтобы создать много мелких точек.

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

Вставьте маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберете мягкую круглую Кисть (Brush) черного цвета.

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

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

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

Создайте Новый слой (new layer) и используйте мягкую круглую Кисть (Brush) белого цвета. Используйте эту кисть, чтобы создать много мелких точек меньшего диаметра.

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

Установите Заливка (Fill) до 70% для этого слоя и измените Режим смешивания (Blend Mode ) на Жесткое смещение (Hard Mix).

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

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберете, Кривые (Curves) для регулировки формы кривой, как показано, чтобы сделать маленькие корректировки цвета.

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

Выполнив этот урок веб дизайна, мы получили следующий результат:

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

Всего Вам доброго и творческих успехов!

Сайт: Stadion-Kuban.ru

Виджет на Яндексе: yandex.ru/?add=111794

Мы ВКонтакте:

И в Твиттере: twitter.com/Stadion-Kuban

Информация
Автор / Разработчик
Артеменко Любовь
Перевел
Автор перевода не указан
Сложность
Легкая
Источник
Добавил
Lubashka
Дата
24-11-2020, 21:00
Метки:  еще статьи

Поделиться ссылкой

Прямая ссылка:
BB-code ссылка:
HTML ссылка:

Комментарии (0)

Имя
Эл. почта
Комментарий
Вопрос: 9 * 9 =

Для активации данной функции необходимо зарегистрироваться и авторизоваться на сайте.

Ваш IP: 207.241.237.222
Последние уроки
Опубликовано 14-10-2020, 21:33
Опубликовано 13-10-2020, 20:50
Опубликовано 11-10-2020, 11:28
Опубликовано 7-10-2020, 20:00
Опубликовано 25-09-2020, 19:33
Опубликовано 24-09-2020, 18:42
Архив сайта
.