lorem

"Помощь в развитии Сайта "


"Торрент- трекер от Наших сайтов"


"Архив сайта"


"Народная Солянка за 17 декабря 2010 - утечка билда!!!!!"


Выбрать дизайн:
Страница 1 из 11
Форум » Для вебмастеров » Мастерская Photoshop » Стильный баннер для сайта
Стильный баннер для сайта
Фреон Дата: Пн, 01.07.2013, 20:05:11 | Сообщение # 1

Призраки Зоны
Страна: Украина
Твой город: Полтава
Сталкер
В Зоне Реактора с 25.08.2011
Заслуги в Зоне Реактора


Прежде всего нам необходимо создать новый документ с размерами холста 500 × 300 пикселов и залить его цветом # 2d164d.



Затем, используя Rounded Rectangle Tool и нарисуйте форму с любым цветом


Затем для нового слоя мы используем следующие стили слоя: Gradient Overlay и Stroke:


И мы получаем следующее:



Затем создайте новый слой и объедините его с предыдущим (для этого отключите видимость самого нижнего "синего" слоя и затем нажмите Shift+Ctrl+E и снова включите видимость нижнего слоя (примечание переводчика)) , чтобы получить все эффекты в один слой.
Теперь мы применим на получившийся слой стиль слоя - Drop Shadow


Получили эффект, который вы можете видеть на рисунке ниже:

Давайте добавим объема нашему баннеру. Для этого мы используем Dodge Tool (130 px, Range: Midtones, Exposure: 25%.) и сделайте затемнение слева и справа. (удерживая Alt, Dodge Tool превращается в Burn Tool



После этого мы загрузим выделение: идемSelect > Load Selection
Затем создадим новый слой и, используемGradient Tool , чтобы заполнить выделенную часть градиентом от белого к прозрачному в верхней и в нижней части слоя.




Затем снимите выделение Ctrl + D , и измените режим наложения слоя на Overlay



И последний шаг в проектировании вашего баннера. Нам нужно добавить несколько бликов.
Для этого сделаем выделение по форме баннера (Ctrl + клик на иконке слоя с баннером в палитре слоев)
Берем Elliptical Marque Tool и удерживая клавишуAlt сделаем эллипс, тем самым сократим часть выделенной области. Вы должны получить тот же результат, как на картинке ниже.

После этого мы снова создадим новый слой и используем Gradient Tool , чтобы заполнить выделенную область градиентом от белого к прозрачному.

Снимите выделение (Ctrl + D) и измените режим наложения слоя на Overlay.
Затем примените для текущего слоя стиль Drop Shadow


Получили следующий эффект:


Теперь мы можем добавить немного информации на наш баннер. В начале мы добавим узор на баннер. Для этих целей мы можем использовать кисти.

Загрузите выделение баннера еще раз (Ctrl + клик на иконке слоя с баннером в палитре слоев) и, создав новый слой, сделайте узор кистью в выбранной области.


Снимите выделение Ctrl + D и измените режим наложения слоя на Overlay и понизьте прозрачность слоя до 30%.


Теперь настроим резкость, используяSharpen Too (Brush: 200px, Mode: Normal, Strength:50%).



Теперь я хотел бы добавить изображение. Давайте использовать Google Картинки или стоковые клипарты. К примеру это картинка ЖМИ
Откройте изoбражение, отделите его от фона, используя Polygonal Lasso Toolи скопируйте его в наш основной холст (Ctrl+C > Ctrl+V), сделаqnt его немного меньше и поверните с помощью Ctrl + T.


После этого мы собираемся выделить цветок. Для этого эффекта применим стиль слоя Outer Glow


Получили:



Давайте создадим новый слой и объединить его с предыдущим, чтобы получить все эффекты в один слой.
Теперь сделайте выделение баннера (Ctrl + клик на иконке слоя с баннером в палитре слоев) После этого инвертируем выделение с помощью клавиш Ctrl + Shift + I и нажмите Delete, чтобы удалить все что за рубежом баннера.


Теперь, удалите выделение Ctrl + D .
Пора добавить текстовую информацию. С помощью Horizontal Type Toolи введите строку "New Spa Saloon"белым цветом.


Шрифт который мы использовали, Avant Garde Gothic - коммерческий шрифт. Таким образом Вы можете использовать любой другой шрифт, если у Вас нет этого.
Теперь примените к этому слою с текстом стиль слояDrop Shadow



После этого, добавьте еще одну строку "Сlick here to enter" снизу цветом # 80bb00 и используйте тот же стиль слоя.

И последнее, что нам нужно сделать, это добавить имя. Введите слово "AQUA", используя белый цвет.


Примените следующие Blending Optionsэтого текста: Drop Shadow и Outer Glow:



У нас должен получится следующий результат:

Урок закончен, Желаем удачи!
 
Форум » Для вебмастеров » Мастерская Photoshop » Стильный баннер для сайта
Страница 1 из 11
Поиск:

Сегодня в Баре - Реактор

Кто был:
Легенда условных обозначений : Призрак, Администратор, Модератор, Проводник, Сталкеры, Чистое небо, Тёмные, Свобода, Наёмники, Нейтралы, Военные, Долг, Монолит, Заблокированные .

Последние сообщения:

Чат

Активисты Форума:

Нужные темы:


Radio Унесённых Сталкером
Конечно, мутантов и уродов всяких полным-полно, но иногда кажется, что в Зоне их все-таки меньше, чем снаружи, а главное, здесь мутанта можно отличить от нормального человека, а там — далеко не всегда.
LENA_D               (09.10.2010)
CMIT               (03.04.2016)
kapa               (09.01.2014)
Dimon02022               (08.11.2011)
Strelok               (01.11.2014)
ULTRA               (04.09.2015)
tyman21               (09.11.2013)
Этот               (01.08.2015)
vitto               (31.03.2011)

Пришедшие в Бар:


Superman               (04.12.2016)
ДедМороз               (04.12.2016)
Водвадка               (03.12.2016)
APER               (02.12.2016)
zig-zag               (02.12.2016)
MrKoT               (02.12.2016)
Push 2 Check Рейтинг@Mail.ru Этот сайт защищен «Site Guard» Яндекс.Метрика