Главная » Статьи » Уроки Фотошоп » Дизайн/Рисование |
Доска объявлений
Конечный результат:![]() Шаг 1 – Текстура пробкового дерева Создайте новый документ размером 600х400 пикселей и назовите первый слой"corkboard". В этом уроке мы будем пользоваться инструментами фигур в режиме контуров. ![]() Инструментом Прямоугольник (Rectangle Tool) создайте фигуру размером 480х280 пикселей. ![]() Кликните правой кнопкой на контуре и выберите Образовать выделенную область (Make Selection) (или просто нажмите Ctrl+Enter). Установите цвет заливки - #a37d54, цвет фона - #4e2f0d. Это два оттенка коричневого, но вы можете выбрать и другие. Чтобы создать текстуру пробкового дерева, примените фильтр Облака (Clouds Filter) и снимите выделение (Ctrl+D). Потом примените фильтр Почтовая бумага (Note Paper Filter): Тоновый баланс (Image Balance): 32 Зернистость (Graininess): 11 Рельеф (Relief): 12 Затем примените фильтр Разбрызгивание (Spatter Filter): Радиус разбрызгивания (Spray Radius): 15 Смягчение (Smoothness): 10 Немного затемним цвет текстуры. Перейдите в меню Света/Тени (Shadows/Highlights): Тени (Shadows): Количество (Amount): 50% Ширина тонового диапазона (Tonal Width): 83% Радиус (Radius): 208 пикселей Света (Highlights): Количество (Amount): 0% Ширина тонового диапазона (Tonal Width): 50% Радиус (Radius): 30 пикселей Коррекция (Adjustments): Цветокоррекция (Color Correction): +20 Контрастность средних тонов (Midtone Contrast): -17 ![]() Шаг 2 – Деревянные края текстуры Создайте новый слой (Create New Layer) под слоем "corkboard” и назовите его "borders”. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте фигуру размером 502х302 пикселя с радиусом 10 пикселей. Преобразуйте контур в выделение (Ctrl+Enter). Залейте его цветом фона (#4e2f0d). Чтобы выполнить заливку цветом фона, нажмите Ctrl+Backspace, чтобы выполнить заливку цветом заливки – Alt+Backspace. Выберите оба слоя, выберите инструмент Перемещение (Move Tool) и выровняйте их по вертикали и горизонтали, используя кнопки в настройках инструмента сверху. ![]() ![]() Шаг 2 – Деревянные края текстуры – Щели на углах Нужно создать щели, проходящие по диагонали, чтобы создать иллюзию того, что рамка была сложена из четырёх прямых деревянных полосок. Но мы воспользуемся этими линиями (щелями), как направляющими, которые помогут нам разделить рамку на 4 части. Читайте дальше и вы поймёте, что я имею в виду. Создайте новый слой (Create New Layer) над слоем "borders”, но под слоем "corkboard” и назовите его "diagonal border lines”. Приблизьте изображение и инструментом Перо (Pen Tool), удерживая Shift, нарисуйте линию под углом 45 градусов, как показано ниже. ![]() Выберите инструмент Карандаш (Pencil Tool) и настройте так: ![]() Инструментом Перо (Pen Tool) кликните правой кнопкой на контуре и выберите Выполнить обводку контура (Stroke Path), в появившемся окне выберите Карандаш (Pencil). Нажмите ОК. Кликните правой кнопкой на контуре ещё раз и выберите Удалить контура (Delete Path). Повторите этот процесс для каждого угла. ![]() Шаг 3 – Деревянные края текстуры – Разделение рамки Используя линии, созданные в прошлом шаге как направляющие, очертите правую границу инструментом Перо (Pen Tool) и преобразуйте её в выделение (Ctrl+Enter). ![]() Нужно, чтобы каждая сторона рамки находилась в отдельном слое. Чтобы это сделать, выберите слой "borders” и с активным выделением, нажмите Ctrl+J (вы скопируете его на отдельный слой). Назовите новый слой "border right". Повторите это для 3 оставшихся сторон. В конце у вас получится 4 слоя с каждой стороной рамки, и вы можете удалить слой "diagonal border lines" and "borders". ![]() Шаг 4 – Деревянные края текстуры – Применение градиентов Сейчас зальём рамку градиентом. Начнём с правой стороны. Для этого мы воспользуемся стилем слоя Наложение градиента (Layer Style - Gradient Overlay). Чтобы изменить цвета, кликните на иконке градиента в окне стилей. ![]() К слою "border right" примените стиль Наложение градиента (Layer Style - Gradient Overlay): Угол (Angle): 0 Градиент: #e77d15- #f69834 - #804504 Слой "border top": #e77d15 - #f4942d - #d16f04 Слой "border left": #0d550e - #f4942d - #d16f04 Слой "border bottom": #6e3c0b - #f4942d - #d16f04 ![]() Шаг 5 – Деревянные края текстуры – Добавление текстуры Этот шаг нужно повторить для каждой стороны рамки. Сделайте копию слоя "border right”, кликните правой кнопкой на копии "border right copy" и выберите Очистить стиль слоя (Clear Layer Style). Сделайте выделение копии (Ctrl+Click) и залейте его цветом #d48631. Примените фильтр Добавить шум (Add Noise Filter): Количество (Amount): 33,03% Распределение (Distribution): По гауссу (Gaussian) Монохромный (Monochromatic): да Потом примените фильтр Размытие в движении (Motion Blur Filter): Угол (Angle): 90 Смещение (Distance): 24 Перейдите в меню Пластика (Liquify). Настройте Параметры инструмента так: Размет кисти (Brush Size): 8 Плотность кисти (Brush Density): 50 Нажим кисти (Brush Pressure): 100 Используя несколько инструментов растяните и закрутите текстуру слоя "border right copy", чтобы сделать дерево более реалистичным. Можете понизить Непрозрачность слоя: ![]() Переименуйте копию на "border right wooden texture". Объедините этот слой со слоем "border right" в группу (Ctrl+G). Группу назовите "border right”. ![]() Шаг 6 – Внутренняя тень доски Создадим тень под верхней частью рамки. К слою "corkboard” примените стиль Внутренняя тень (Layer Style - Inner Shadow): Режим (Blend Mode): Нормальный Цвет: #000000 Непрозрачность (Opacity): 100% Угол (Angle): 90 градусов Смещение (Distance): 1 пиксель Стянуть (Choke): 0% Размер (Size): 3 пикселя ![]() Шаг 7 – Бумага Создайте новый слой и назовите его "paper”. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте выделение, показанное ниже: ![]() Залейте выделение белым цветом. Примените к этому слою стиль Наложение градиента: #d1d1d1 - #ededed. Потом примените стиль Отбрасывание тени: Непрозрачность (Opacity) – 100%, Смещение (Distance) – 1 пиксель, Размах (Spread) – 0%, Размер (Size) – 5 пикселей. Кликните правой кнопкой на слое "paper” и выберите Создать слои (Create Layers). Если появится окно уведомления, нажмите ОК. ![]() Шаг 8 – Бумага – Делаем её реалистичнее Выберите слой "paper” и перейдите в режим Деформации (Transform – Warp). Нижний правый угол потяните немного к центру, чтобы создать иллюзию того, что бумагу сдувает ветром. ![]() ![]() Шаг 9 – Бумага – Свечение Создайте новый слой над слоем "paper”, кликните на нём правой кнопкой и выберите Создать обтравовчную маску (Create Clipping Mask). ![]() Назовите созданный слой "highlight bottom right" и установите Режим наложения – Осветление (Blending Mode – Screen): ![]() Выберите инструмент Градиент (Gradient Tool) и настройте так: #000000 - #ffffff - #000000 ![]() Сделайте заливку в правом нижнем углу: ![]() Инструментом Свободное трансформирование (Free Transform) вы можете повернуть и изменить размер и форму заливки. Вам нужно создать реалистичный свет в углу бумаги. Если нужно, понизьте Непрозрачность слоя. Таким образом создайте ещё несколько свечений в углах бумаги. ![]() Шаг 10 – Бумага – Тени Чтобы сделать тени от бумаги реалистичнее, выберите слой со стилем Отбрасывание тени "paper’s Drop Shadow", опустите на несколько пикселей и понизьте Непрозрачность до 60%. Как и с бумагой, тень придётся немного подправить инструментом Деформация (Transform – Warp). ![]() ![]() Шаг 11 – Бумага – Рукописный текст Создайте новый слой (Create New Layer), выберите инструмент Горизонтальный текст (Horizontal Type Tool) и рукописным шрифтом (я использовал "Journal” размером 26 пикселей) напишите что-нибудь на бумажке. Цвет текста - #414040. ![]() Шаг 12 – Кнопка и свечения Создайте новый слой и инструментом Овальная область (Elliptical Marquee Tool) создайте круглое выделение, залейте его любым цветом. ![]() К этому слою примените стиль Наложение градиента: #9a9600 - e2dc00. ![]() Потом примените стиль Внутреннее свечение: Режим (Blend Mode) – Осветление (Screen) Непрозрачность (Opacity) – 40% Цвет - #ffffc8 Размер (Size) – 7 пикселей Сделайте выделение слоя с кнопкой (Ctrl+Click), создайте новый слой и инструментом Кисть (Brush Tool) размером 20 пикселей с мягкими краями нарисуйте белое пятно в верхней части кнопки, чтобы создать свечение. Шаг 13 – Кнопка – Тени Теперь создадим тень от кнопки. К слою с кнопкой примените стиль Отбрасывание тени: Непрозрачность (Opacity): 14% Угол (Angle): 90 Смещение (Distance): 1 пиксель Размах (Spread): 0% Размер (Size): 2 пикселя. Эффекта от стиля не достаточно, поэтому создадим ещё тень. Создайте новый слой под слоем с кнопкой "pin” и назовите его "pin shadow". Инструментом Овальная область (Elliptical Marquee Tool) создайте выделение и залейте его чёрным цветом. Примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 5,1 пикселя. Сделайте копию слоя "pin shadow” и инструментом Свободное трансформирование (Free Transform) сделайте её узкой и длинной. Понизьте Непрозрачность копии для реалистичности. Продолжайте дублировать слои с тенью, изменять их и понижать непрозрачность, пока не получите результат, показанный ниже. ![]() Шаг14 – Фотография Возьмите какую-нибудь фотографию, добавьте на доску объявлений и деформируйте как бумагу. Создайте для неё тени и отражения. Шаг 15 – Деревянные палочки Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) с радиусом 10 пикселей нарисуйте контур деревянной палочки от мороженного. Преобразуйте его в выделение (Ctrl+Enter) и залейте цветом #b9752a в новом слое. К этому слою примените фильтр Добавить шум (Add Noise Filter): Количество (Amount) – 28,33%. Сделайте выделение слоя с палочкой (Ctrl+Click) и примените фильтр Размытие в движении (Motion Blur Filter): Угол (Angle) – 90, Смещение (Distance) – 21. Далее примените фильтр Зернистость фотоплёнки (Film Grain Filter): Зерно (Grain) – 3, Область светов (Highlight Area), Интенсивность (Intensity) – 2. Потом к этому слою примените стиль Отбрасывание тени: Непрозрачность (Opacity): 32% Угол (Angle): 90 Смещение (Distance): 2 пикселя Размах (Spread): 0% Размер (Size): 1 пиксель. Сделайте копию слоя с палочкой, понизьте её Непрозрачность до 10% и объедините эти два слоя в группу (Ctrl+G). Сделайте копию группы и инструментом Свободное трансформирование наклоните её, как показано ниже. В итоге у нас будет буква "A”. ![]() Шаг 16 – Деревянные палочки – Клей Выберите инструмент Кисть (Brush Tool) размером 9 пикселей с жёсткими краями. Белым цветом нарисуйте клей на палочках в новом слое. Затем примените стиль Наложение градиента: #b9b9b9 - #ffffff; Отбрасывание тени: Непрозрачность (Opacity): 48% Угол (Angle): 90 Смещение (Distance): 1 пиксель Размах (Spread): 0% Размер (Size): 1 пиксель. Понизьте Непрозрачность этого слоя с клеем до 40%. ![]() Шаг 17 – Деревянные палочки Сделайте копию слоя с палочкой, поверните её и расположите, как показано ниже, чтобы получилась буква "A”. Выберите все слои с палочкам и объедините их (Ctrl+E). Инструментом Перо (Pen Tool) нарисуйте зигзагообразную линию на конце палочки, будто её сломали. Образуйте выделение из контура (Ctrl+Enter) и нажмите Delete. ![]() Шаг 18 – Деревянные палочки – Надпись Создайте новый слой и выберите инструмент Кисть (Brush Tool) размером 2 пикселя с жёсткими краями. На палочке напишите "I love Mom” (или что-то другое). Примените к тексту стиль Внутреннее свечение (Layer Style - Inner Glow): Режим (Blend): Нормальный (Normal) Непрозрачность (Opacity): 44% Шум (Noise): 100% Цвет: #ed57ff Размер (Size): 5 пикселей ![]() Шаг 19 Создайте новый слой (Create New Layer) и инструментом Перо (Pen Tool) нарисуйте верёвку над палочками. Образуйте выделение из контура (Ctrl+Enter), выберите любой инструмент выделения, кликните правой кнопкой и выберите Выполнить обводку (Stroke): Ширина (Width): 2 пикселя, Цвет: чёрный, Позиция: Внутри (Inside). Потом уберите выделение (Ctrl+D). Инструментом Свободное трансформирование (Free Transform) поверните верёвочку и расположите её по центру верхней палочки. Инструментом Ластик (Eraser Tool) размером 20 пикселей с жёсткими краями сотрите часть верёвочки, которая залезает на палочку. ![]() К слою с верёвочкой примените стиль Наложение градиента: цвет - #b5b4b4, #ededed; Отбрасывание тени: Непрозрачность (Opacity) – 70%, Угол (Angle) – 90, Смещение (Distance) – 1 пиксель, Размах (Spread) – 0%, Размер (Size) – 1 пиксель. Сделайте копию этого слоя и удалите с неё стили. Примените к ней фильтр Добавить шум (Add Noise Filter): Количество (Amount) – 37,74%, По гауссу (Gaussian), Монохромный (Monochromatic). Понизьте Непрозрачность этого слоя с шумом до 10%. Как и в шаге 16 можете добавить клей на верёвочку. ![]() Сделайте копию слоя с кнопкой, измените её цвет и расположите на верёвочке: ![]() Шаг 20 – Фон Создайте новый слой под всеми слоями и назовите его "background”, залейте цветом #8e4917. Можете наложить какую-нибудь текстуру. Создайте ещё один слой над слоем "background”, выберите инструмент Кисть (Brush Tool) размером 600 пикселей с мягкими краями и в верхней части холста нарисуйте свечение цветом #ffc000. Сгруппируйте оба слоя с фоном (Ctrl+G). ![]() Шаг 21 – Тень доски Создайте новый слой над фоновой группой. Создайте прямоугольное выделение, которое на 20 пикселей меньше самой доски и залейте её чёрным цветом. Потом примените фильтр Размытие по гауссу (Gaussian Blur Filter) со значением 8,8 пикселей. ![]() Финальный результат: ![]() Источник: http://www.egraphic.ru/photoshop-tutorials/drawing/13215-doska-objavlenijj.html | |
Просмотров: 3719 | Комментарии: 21 | Рейтинг: 0.0/0 |