Создаем модное и красивое Веб 2.0 лого для вашего проекта - Школа Photoshop
Красивое лого для сайта фотошоп Красивое лого для сайта фотошоп

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

21.03.2008Категория урока: Веб-графика

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

Красивое лого для сайта фотошоп

Приблизительное время выполнения: 5 минут

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

Красивое лого для сайта фотошоп

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

Красивое лого для сайта фотошоп

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

Красивое лого для сайта фотошоп

Красивое лого для сайта фотошоп

Красивое лого для сайта фотошоп

Красивое лого для сайта фотошоп

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

Красивое лого для сайта фотошоп

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

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

Красивое лого для сайта фотошоп

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

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

Красивое лого для сайта фотошоп

Готово! Красивое лого для сайта фотошоп

Источник: http://www.fxdesigning.com/web2txt.php




Смотрите также:

Понравился урок? Поделитесь им в социальных сетях:



4 комментария(-ев) к уроку “Создаем модное и красивое Веб 2.0 лого для вашего проекта”

  1. А что в нем вебдванолного? Обычное лого :roll:

    Толяныч

  2. Я думаю стоит усложнить следущий урок по созданию лога :) конечно етот тоже пригодился !

    Виктор

  3. Можно попробовать

    Poligraf

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

    нда… ппц…

    Er

Прокомментировать урок

 


Rambler's Top100