Здравствуйте, гость ( Вход | Регистрация )

Свернуть

Новости

Форум Лучшее из галереи Уроки и статьи
07.12.2015 Выставочный зал: кошарик - персональная выставка
31.08.2015 Интересные ссылки для рисовальщиков
21.01.2015 Выставочный зал 2: Игрушки Олеси Гавриленко

27.12.2014 Выставочный зал: кошарик - персональная выставка
17.11.2014 Дуэль "Рыбки" - победитель Лисичка
05.11.2014 Конкурс иллюстраций "Снежная королева", до 31 января
30.10.2014 Дуэль "Рыбки" до 16 ноября
14.07.2014 Мастер-класс Мини-мишка в технике фелтинга
26.05.2013 Ау! Мы ищем таланты! – приглашаем модераторов!
Ночная
tn_gallery_11448_713_166235.jpg

06.01.2016 Виртуальный Музей: Русский живописец Василий Дмитриевич Поленов
28.12.2015 Виртуальный Музей: Нидерландский живописец Квентин Массейс
16.12.2015 Виртуальный Музей: Итальянский живописец Франче́ско Айец
17.11.2015 Виртуальный Музей: Луи Анкетен (Louis Anquetin)
11.11.2015 Виртуальный Музей: Русский живописец Алексей Иванович Корзухин
Файловый архив
06.09.2013 Прочее: Файлы к уроку "Чайная церемония"
05.09.2013 Журнал Art Tower: ArtTower Magazine #8
16.05.2013 Adobe Photoshop: Кисти: Reid Southen brush
16.05.2013 Adobe Photoshop: Кисти: Goro Fujita brush
16.05.2013 Adobe Photoshop: Кисти: Кисти для рисования в Photoshop
Блоги Новости в цифровом мире и мире дизайна
02.12.2014 Дама с каменьями: Вести с крыши 2
08.11.2014 Timenews: Вассерман: прежняя модель мировой экономики исчерпала себя
06.11.2014 Дама с каменьями: Приятные вести с крыши))) от Гаргула)
02.11.2014 Spell: Книги Дж. Кэмерон
22.10.2014 Vjaz: от ФУ до МА
25.11.2015 Комментарий от Foxx в Costa Rica Adventure Divers, Логотип для компании и рисунок на майку (maria_mer)
18.11.2015 Комментарий от maria_mer в Spellforce - майка, для фанов игры (maria_mer)
18.11.2015 Комментарий от maria_mer в Белая книга. Целитель - любительский прект (maria_mer)
09.04.2015 Комментарий от Romana в Книги Дж. Кэмерон (Spell)
08.04.2015 Комментарий от Romana в Я решил вернуться... (Элбирет)
16.03.2015 ФОТОФОРУМ-2015
01.01.2015 ARQUTE.com и ArtTalk.ru закрываются
19.01.2017 Конкурс дизайна логотипов
26.12.2016 ру/Ководство: О творческом развитии
14.10.2016 ру/Ководство: Разнообразие

 
Добавить ответ в эту темуОткрыть тему
> «Стильный баннер для вашего сайта.»
V
Эnigma
сообщение 22.05.2010 - 22:20
Сообщение #1


Постоялец
**

Звезда писателя III степени
Группа: Жители
Сообщений: 94
Регистрация: 4.01.2010
Пользователь №: 15081
Блог


Симпатии:  21  


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




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

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



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



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





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


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



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



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



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





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



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



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



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



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



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

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



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



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



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



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



Получили:


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



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



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





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



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



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





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


На данный момент наш урок закончен. Я надеюсь, что он был полезным и интересным для вас, не стесняйтесь экспериментировать и вы получите отличные результаты. Желаем удачи!





i


Урок размещен с разрешения его автора www.photoshopstar.com и переведен Эnigma с оригинала , доступного здесь.
Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок.


The original tutorial is written by www.photoshopstar.com and translated by Эnigma.
No part of this tutorial can be copied/pasted on any other website without the author's express written permission.

 


Сообщение отредактировал Morrigan - 25.05.2010 - 18:08


--------------------
Только шепотом, я из пугливых!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Pantik
сообщение 6.06.2010 - 19:30
Сообщение #2


Проезжий
*


Группа: Жители
Сообщений: 10
Регистрация: 6.06.2010
Из: Уфа
Пользователь №: 16243



Симпатии:  1  


красивый, стильный баннер! спасибо! smile.gif
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
элен
сообщение 7.06.2010 - 09:51
Сообщение #3






Группа: Туристы
Сообщений: 2
Регистрация: 10.04.2010
Пользователь №: 15825



Симпатии:  0  


Расстреливайте-это первая работа
Прикрепленное изображение
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Адель
сообщение 7.06.2010 - 09:55
Сообщение #4


Постоялец
**


Группа: Жители
Сообщений: 144
Регистрация: 23.11.2007
Из: Свердловская область
Пользователь №: 6287
Оптимистка
Галерея


Симпатии:  11  


элен, не плохо для первого раза. Только цветку сочности не хватает, немного сливается с фоном. ИМХО
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
элен
сообщение 7.06.2010 - 10:02
Сообщение #5






Группа: Туристы
Сообщений: 2
Регистрация: 10.04.2010
Пользователь №: 15825



Симпатии:  0  


Цитата(Адель @ 7.06.2010 - 08:36) *
элен, не плохо для первого раза. Только цветку сочности не хватает, немного сливается с фоном. ИМХО



Спасибо,учту.В слоях запуталась
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Эnigma
сообщение 7.06.2010 - 23:26
Сообщение #6


Постоялец
**

Звезда писателя III степени
Группа: Жители
Сообщений: 94
Регистрация: 4.01.2010
Пользователь №: 15081
Блог


Симпатии:  21  


Цитата
Только цветку сочности не хватает

а мне так даже нравится! только теперь смотрится не объемно, а глубинно smile.gif

Сообщение отредактировал Эnigma - 7.06.2010 - 23:26


--------------------
Только шепотом, я из пугливых!
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
hardsman
сообщение 1.07.2010 - 22:16
Сообщение #7


Постоялец
**


Группа: Жители
Сообщений: 195
Регистрация: 14.01.2010
Из: г. Киев
Пользователь №: 15173



Симпатии:  7  


Спасибо за урок. Правда шрифт, не выбирала.
Прикрепленные изображения
Прикрепленное изображение
 
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
Lughnara
сообщение 2.07.2010 - 16:46
Сообщение #8


Art Tower Press
*****

3 место3 местоМеткий стрелокМеткий стрелокМеткий стрелок2 местоМеткий стрелокМеткий стрелокЗа вклад в развитие ArtTower.ruМеткий стрелок
Каляки-Маляки, 2 местоКаляки-Маляки, 3 место2 место3 место2 место2 местоЗвезда писателя I степениЗа вклад в развитие ArtTower.ru2 место
3 местоМеткий стрелокЗа вклад в развитие ArtTower.ru3 место2 место1 местоМеткий стрелок2 место
Группа: Почетные граждане
Сообщений: 2442
Регистрация: 31.08.2007
Из: УФО
Пользователь №: 5053
Soldier of Fortune
Галерея Блог


Симпатии:  222  


hardsman, да и так неплохо смотрится.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения
hardsman
сообщение 2.07.2010 - 20:52
Сообщение #9


Постоялец
**


Группа: Жители
Сообщений: 195
Регистрация: 14.01.2010
Из: г. Киев
Пользователь №: 15173



Симпатии:  7  


Morrigan! Спасибо.Ваше внимание к выполенным урокам меня подстегивают. Удачи С уважением к Вам.
Вернуться в начало страницы
 
+Ответить с цитированием данного сообщения

Быстрый ответДобавить ответ в эту темуОткрыть тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



- Текстовая версия форума Сейчас: 17.10.2017 - 20:00