Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Урок по созданию стильного рекламного банера с помошью Photoshop.

Tags: Дизайн/Рисование | Уроки Photoshop

В этом уроке мы рассмотрим алгоритм создания приятного дизайна рекламного банера. Урок этот очень простой, для этого вам понадобятся Photoshop и предыдущие знания о программе.

Шаг 1.Создайте новый документ размером 468*60 пикселей.
Далее заполните фон красивым оранжевым градиентом, для этого я использую цвета #e14d0f  и # 4d1805.

Шаг 2. Теперь создаем новый слой, и используя инструмент Многоугольное Лассо создайте выделение как показано на рисунке ниже:

Убедитесь что вы стоите на новом слое, затем залейте его другим ярким градиентом цветов #0084e6  и # 003967.

 Вызовите меню функций для слоя и примените к нему следующие стили:

 После того , как вы применили эти два стиля ваш баннер должен выглядеть вот так:

Далее вам надо добавить приятный глянец слою с голубым градиентом, сделать можно это используя следующие действия:
1. Создав новый слой, выберите слой и синим градиентом и удерживая клавишу Ctr нажмите на экскизе слоя, этим вы добьетесь выделения слоя.
2. Не снимая выделения перейдите на новый слой и залейте область инструментом Градиент, используя переход от белого к прозрачному.
3.Далее после использования градиента не снимая выделение, сместите его на 30 пикселей вниз, (для этого удерживайте клавишу Shift и стрелка вниз и нажмите 3 раза), затем нажмите кнопку Удалить.

4.Измените режим наложения слоя на Мягкий свет и уменьшите непрозрачность слоя до 30-55%

 Шаг 3.Как насчет того, чтобы добавить некоторые интересные подробности?
Начнем с помощью инструмента Перо создадим гладкий путь в фоновом режиме по правой стороне . После того как вы создали плавный контур, Пройдитесь мягкой кистью внутри, затем измените режим наложения на Мягкий свет и уменьшите непрозрачность если это необходимо.

 Шаг 4.Создайте свою надпись текста в левой части с помощью инструмента Горизонтальный текст, белым цветом.

 После ввода для текста применяются следующие стили:

 Эти стили придадут нашему тексту приятное выделение.

 Шаг 5. Следующим шагом надо добавить картинки или что либо другое в правую часть, я добавила три картинки, затем применила к ним следующие стили:


И вот что у меня получилось:

Шаг 6. Чтобы наш баннер был замечен я добавляю к нему маленькую звезду с текстом "Go"

 Звезду я сделала использовав инструмент Полигональное Лассо, и применила следующие стили:

 Вот что вы должны иметь на данном этапе:

 И в заключении я добавила текст на звезду и придала ему стиль:

 Теперь все это выглядит вот так:

 Шаг 7. И наконец, что еще хотелось бы сделать, так это добавить границы, цвет границы зависит от того в какой цветовой гамме у вас выполнен сайт, если у вас сайт черного цвета, то для обводки лучше использовать белый, соответственно для белого - черный.

 Думаю этот урок вам как и все остальные пригодится для дальнейшей работы.

Источник

 

 

 

 

 

AddThis Social Bookmark Button
 

Добавить комментарий


Защитный код
Обновить

поиск
RSS
ТЗ к сайту

Сейчас я хочу представить вашему вниманию типовое Техническое задание на разработку сайта. Многие охотно пользуются таким заданием, исправив под себя...

кол-во просмотров7476
Подробнее...

Уникальные образцы навигации на сайте.

        Если вы разрабатываете макет и не знаете как оформить навигацию, здесь вы сможете найти несколько яркий, креативных и интересных...

кол-во просмотров9709
Подробнее...

В чем сила блогов? Или для чего нужны онлайн-дневники.

    Блоги , или как раньше назывались они онлайн-дневники были изначально местом, где большое количество людей могло выразить свое мнение или...

кол-во просмотров8760
Подробнее...

Структура сайта. Как создать прочный каркас для сайта.

Структура сайта - то его внутренний каркас, который далеко не всегда видно, но который помогает пользователю найти необходимую информацию.Когда создается...

кол-во просмотров7705
Подробнее...

10 вдохновляющих ресурсов для создания логотипа.

Быть дизайнером по созданию логотипов довольно увлекательная и в то же время ответственная  специализация. Создать красивый, яркий и запоминающийся логотип,...

кол-во просмотров21170
Подробнее...