С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Стильный баннер для вашего сайта

Стильный баннер для вашего сайта

В этом уроке мы покажем вам, как создать стильный и эффективный баннер, который вы можете использовать на своем сайте.

 

Предварительный просмотр

 

 

Создайте новый документ размером в 500 на 300 пикселей и залейте его цветом # 2d164d.

 

 

Затем используйте инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) и нарисуйте форму, как показано на изображении ниже с любым цветом.

 

 

Добавьте следующие стили слоя: Наложение градиента (Gradient Overlay) и Обводка (Stroke).


 

 

 

Вот что у вас должно получиться на данный момент.

 

 

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

 

 

У вас должен получиться эффект, который вы можете увидеть на картинке ниже.

 

 

Теперь нужно добавить некоторый объем. Для этого используйте инструмент Затемнитель (Dodge Tool) и сделайте затемнение на левой и правой стороне.

 


 

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

 

 

 

Затем снимите выделение с помощью комбинации клавишь Ctrl + D и измените Режим наложения (Blend Mode) на Перекрытие (Overlay).

 

 

Теперь нужно добавить несколько бликов. Cоздайте выделение, для этого удерживая клавишу Ctrl кликните на миниатюру слоя в панели слоев. Далее используя инструмент Овальная область (Elliptical Marque) и удерживая клавишу Alt отрежьте кусок выделенной области. У Вас должен получиться тот же результат, как и на картинке ниже.

 

 

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

 

 

Снимите выделение с помощью комбинации клавиш Ctrl + D и измените Режим наложения (Blend Mode) на Перекрытие (Overlay). Затем примените стиль слоя Тень (Drop Shadow).

 

 

Получите такой эффект.

 

 

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

 

 

Снимите выделение с помощью комбинации клавиш Ctrl + D и измените Режим наложения (Blend Mode) на Перекрытие (Overlay), снизьте Непрозрачность (Opacity) на 30%.

 

 

Теперь нужно отрегулировать резкость, используя инструмент Резкость (Sharpen Tool) (Кисть: 200 пикселей, Режим: Нормальный, Нажим: 50%).

 

 

Теперь нужно добавить изображение. Изображение можно найти в Google или на сайтах с клип-артами. Мы нашли это изображение. Откройте изображение и отделите его от фона с помощью инструмент Полигональное лассо (Polygonal Lasso Tool) и скопируйте его в основной документ, сделайте его немного меньше и поверните с помощью Ctrl + T.

 

 

Примените стиль слоя Внешнее свечение (Outer Glow).

 

 

 Вот, что должно у вас получиться на данный момент.

 

 

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

 

 

Теперь снимите выделение с помощью комбинации клавиш Ctrl + D. Далее нужно добавить текстовую информацию. Используйте инструмент Горизонтальный текст (Horizontal Type Tool) и введите ваш текст белым цветом.

 

 

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

 

 

Вот, что должно у вас получиться на данный момент.

 

 

Напишите еще ​​одну строку с текстом, используйте цвет # 80bb00 и тот же стиль слоя.

 

 

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

 

 

Примените следующие стили слоя для этого текстового слоя: Тень (Drop Shadow) и Внешнее свечение (Outer Glow).

 

 

 

Вот, что должно у вас получиться на данный момент.

 

 

Вот и всё, наш урок закончен. 

 

 

Урок по теме - Дизайн визитной мини-карточки в Фотошопе.

 


Автор урока: photoshopstar.com

 

Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 17.04.2013
  •   Просмотров: 6823
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
lyudmila (24.04.2013 | 22:32)

Не нахожу слов! Сегодня я получила превосходную подборку уроков
"Переводные уроки по фотошопу западных фотошоп мастеров"! Поздравляю! Радость для нас - Ваших подписчиков! Б Л А Г О Д А Р Ю !!!

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки