Фотошоп для чайников | Уроки фотошопа
Фотошоп для чайников - портал для любителей фотошопа!
Меню сайта
Категории раздела
Обработка фото [109]
Текстовые эффекты [87]
Анимация [32]
Спецэффекты [142]
Веб-дизайн [40]
Тюнинг [9]
Фотомонтаж [62]
Кнопки [39]
Рисование [55]
Наша группа
Опрос
Почему вы не регистрируетесь на сайте?
Всего ответов: 135
КтО ОнЛаЙн

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная - Уроки фотошопа CS5 на русском - Веб-дизайн - Рисуем классное вебдванольное лого для сайта за 5 минут!

Рисуем классное вебдванольное лого для сайта за 5 минут!

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

Создайте документ 505х165пкс с белым фоном. Напишите нужный Вам текст (желательно мягким, округлым шрифтом)

web20-logo_1.jpg

Закрасьте текст любым ярким цветом. Я использовал розовый #ff00d2

web20-logo_2.jpg

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

web20-logo_3.jpg

web20-logo_4.jpg

web20-logo_5.jpg

web20-logo_6.jpg

Давайте немного обыграем наши буквы. Я соединю две точки над буквами i. Для этого выберите Rectangular Shape и нарисуйте черный прямоугольник, как на рисунке:

web20-logo_7.jpg

Закрасьте его розовым #ff00d2 цветом. Теперь применим к нему тот же стиль, что и у текста. Для этого кликнем правой кнопкой мыши по текстовому слою и выберем пункт Copy Layer Style. Теперь правый клик по слою с прямоугольником и Paste Layer Style. Но надо еще подредактировать у этого слоя стиль Gradient Overlay, а именно уменьшить непрозрачность этого эффекта до 40% вместо 54%

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

web20-logo_8.jpg

Выбрав в панели слоев слой с прямоугольником щелкните по иконке Add Layer Mask на панели внизу палитры слоев. Наш прямоугольник исчезнет, но ничего страшного.

Выберите кисточку с жесткими краями, круглую, размером с точки над i. Выберите белый цвет. На том же слое зажмите SHIFT (чтобы кисть двигалась по прямой), нажмите клавишу мыши и тащите кисть от левой точки до правой, пока не проявится весь прямоугольник, но уже со скругленными краями.

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

Готово! ;)



Похожие материалы:


Просмотров: 1367 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск по сайту
Форма входа
Популярные уроки
 
 
 
 
 
 
 
 
 
 

Хостинг от uCoz