 | |  |
|
| Обновленные темы |
Популярные темы |
Последние файлы |
Последние новости |
|
|
|
|
|
Стильный баннер для сайта
|
|
|
|
Дата: Пн, 01.07.2013, 20:05:11 | Сообщение # 1
|
|
Прежде всего нам необходимо создать новый документ с размерами холста 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:
У нас должен получится следующий результат:
Урок закончен, Желаем удачи!
|
|
| |  | |  |
|
