Зарабатываю на smmka.ru
Главная » Статьи » Уроки Фотошоп » Дизайн/Рисование

Доска объявлений
Конечный результат:

Доска объявлений



Шаг 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
Категория: Дизайн/Рисование | Добавил: dEnny (04.12.2010)
Просмотров: 3719 | Комментарии: 21 | Рейтинг: 0.0/0
Всего комментариев: 211 2 3 »



31.03.2012 в 09:43 Профиль пользователя





04.04.2012 в 07:56 Профиль пользователя





04.04.2012 в 20:26 Профиль пользователя





05.04.2012 в 00:54 Профиль пользователя





27.06.2012 в 21:06 Профиль пользователя





02.07.2012 в 20:26 Профиль пользователя





11.07.2012 в 21:15 Профиль пользователя





12.07.2012 в 17:39 Профиль пользователя





12.07.2012 в 19:19 Профиль пользователя





12.07.2012 в 20:17 Профиль пользователя


1-10 11-20 21-21
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Дизайн сайтов и шаблоны для Ucoz