В этом уроке мы создадим шаблон сайта природной тематики. Очень простой урок Фотошопа.
Шаг 1. Прежде чем приступить к созданию сайта, скачаем два свободнораспространяемых комплекта кистей.
Watercolor Brushes с сайта Bittbox и Complete Tree Brush Pack с сайта Brusheezy
Cоздадим новый документ (Ctrl+N) шириной 1100 и высотой 900 пикселей. Теперь, надо подобрать цвета для будущего сайта. Исходя из предполагаемого дизайна сайта, разделим все цвета на три группы: небо, дальние горы и близлежащие холмы с деревьями
Шаг 2. Начнем рисовать. Рисуем небо, слой с ним будет находиться под остальными. Выбираем Инструмент Кисть (Brush Tool (B)) и загружаем набор акварельных кистей BB_Watercolor_II. Выставляем диаметр около 300-400 пикселей.
Шаг 1. Начинаем с открытия (Ctrl+O) фотографии в Фотошоп. Данный эффект будет лучше смотреться, если использовать фотографию изолированныйх объектов на черном фоне.
Шаг 2. Для начала, обесцветим фотографию. Этот шаг не является обязательным, но упростит работу в дальнейшем. Для обесцвечивания кликаем на кнопку на Панели Слоев и выбираем пункт Hue/Saturation (Цветовой тон/Насыщеность).
Шаг 1. Открываем новый документ (Ctrl+N) в Фотошопе. Размер документа можнт быть произвольным, у нас он 400*400 пикселей. Заливку для нового документа пусть будет черной. Далее выбираем Инструмент Elliptical Marque Tool (Овальная область (M)) и рисуем им круг в центре документа.
Шаг 2. Кликаем правой кнопкой мыши по документу и выбираем пункт Fill (Выполнить заливку). Задаем параметры, как на картинке внизу (набор узоров — Rock Patterns (Скалы), узор — Stone Marble (черный мрамор)).
Шаг 3. Не снимая выделения, идем Filter>Sharpen>Sharpen (Фильтр>резкость>Резкость).
Шаг 4. Снимаем выделение (Ctrl+D). Далее идем Filter>Distort>Polar Coordinates (Фильтр>Искажение>Полярные координаты) и там выбираем Polar to Rectangular (Полярные в прямоугольные).
Шаг 5. Идем Image>Rotate Canvas>90°CW (Изображение>Повернуть холст>90 градсов по часовой). Далее FIlter>Stylize>Wind (Фильтр>Стилизация>Ветер): Method (Метод) — Stagger (ураган), Direction (направление) — From the Righ (Справа). Нажимаем Ctrl+F, чтобы повторить ранее используемый фильтр (нажимаем Ctrl+F дважды). Поворачиваем изображение обратно Image>Rotate Canvas>90°CCW (повернуть против часов на 90 градусов).
Шаг 6. Преобразуем все опять в шарик, для этого идем Filter>Distort>Polar Coordinates и выбираем пункт Rectangular to Polar (Из Прямоугольных в Полярные).
Шаг 7. Раскрасим шар. Копируем слой с шаром (Ctrl+J). Выбираем нижний слой и идем Image>Adjustments>Hue/Saturations (Изображение>Коррекция>цветовой тон/Насыщенность (Ctrl+U)), ставим галку у пункта Colorize (Тонирование) и задаем следующие параметры: Hue (цветовой тон) — 0, Saturation (Насыщенность) — 100, Lightness (Яркость) — 0. Сразу же после этого нажимаем Shift+Ctrl+F и в появившемся окне для Opacity (Непрозрачность) задаем 50%. Для верхнего слоя тоже вызываем окно Hue/Saturations, только параметы задаем такие: Hue — 60, Saturation — 50, Lightness — 0, галка у Тонирования — стоит. Режим Смешивания (Blending Mode) для верхнего слоя меняем на Overlay (перекрытие).
Шаг 8. Нажимаем Shift+Ctrl+E, чтобы слить слои. У вас должно получиться что-то наподобии этого:
Шаг 9. Создаем три копии слоя с шаром. Ко всем трем копия применяем фильтр Filter>Distort>Wave (Фильтр>Искажение>Волна) с разными параметрами (для этого лучше всего понажимать кнопку Randomize (Другой вариант)). Для всех трех выставляем Режим Смешивания — Lighten (Замена светлым), Непрозрачность (Opacity) — 20%.
Шаг 10. Опять сливаем слои — Shift+Ctrl+E.
Шаг 11. Добавим реалистичности. Дял этого создаем две копии слоя. К среднему слою фильтр Filter>Sharpen>Sharpen (Фильтр>Резкость>Резкость). Режим Смешивания — Lighten. А для верхнего — Filter>Blur>Gaussian BLur (Фильтр>Размытие>Размытие по Гауссу) с радиусом размытия — 2,5 пикселя. Режим Смешивания тоже Lighten.
Шаг 12. Осталось только слить все слои — Shift+Ctrl+E и наш взрывающаяся планета готова!
Выбрав самый светлый оттенок из группы «небо», рисуем начиная с середины документа вверх, меняя постоянно вид кисти и её размер. Продолжаем рисовать пока не заполним по ширине весь документ, а по высоте не будет около 300 пикселей. |
Повторите это с дригими оттенками цвета неба.
Шаг 3. Пришло время нарисовать дальние горы. Задаем Основным (foreground) цветом — цвет горы и, выбрав Инструмент Перо (Pen Tool), рисуем заготовку под будущие раскрашенные кистями горы. |
Выбираем Инструмент Кисть (Brush Tool) и, используя тот же набор акварельных кистей, рисуем горы, не забывая менять диаматр кистей (начинаем c 300 пикселей), форму и цвет. Для того, чтобы горы не выглядели плоским добавим им немного теней.
Шаг 4. Используя ту же технику, добавим близлежащие холмы, раскрасив их более темными цветами (из нашей третьей цветовой группы). А чтобы добавить жизни нашим холмать нарисуем несколько деревьев, воспользовавшись вторым набором кистей (Complete Tree Brush Pack). Шаг 5. наш шаблон уже выглядит великолепно, но как-то скучновато и размыто. Добавить некой изюминки позволит следующий прием. Создаем новый слой (Ctrl+Shift+N), меняем Blend Mode (Режим Смешивания) на Multiply (Умножение) и, выбрав большую (большую чем раньше) акварельную кисть промежуточного цваета из группы «небо», рисуем текстуру. Если поэкспериментировать с различными видами кистей, можно добиться очень интересных эффектов. |
Шаг 6. Для того, чтобы убрать размытость доваим резкость. А для этого (находясь на слое с новой текстурой) идем Filter>Noise>Add Noise (Фильтр>Шум>Добавть шум) с параметром Amount (количество) — 3.
Шаг 7. Ну вот и всё, осталось только добавить логотипы и тескт. Поздравляю, наш самостоятельно нарисованый макет сайта готов! |
В появившемся окне Hue/Saturation, выставляем Saturation — -100.
Шаг 3. Создаем новый слой (Ctrl+Shift+N) на котором мы будем рисовать, для этого кликаем на кнопке на Панели Слоев. Режим Смешивания (Blending Mode) меняем у нового слоя на Color (Цветность).
Шаг 4. На Панели Swatches (Образцы), которую можно открыть Window>Swatches (Окно>Образцы), выбираем набор Шаг 5. Выбираем Инструмент Кисть (Brush Tool (B)) на Панели Инструментов, диаметр кисти — 300 пикселей, Жесткость (Hardness) — 0%.
Шаг 6. Выбрав соответствующий цвет на Панели Swatches, рисуем большой мягкой кистью в нужных местах. |
Теперь, просто удаляем слой с Hue/Saturation и наша радужная раскраска готова! |