Создаем красивое лого в стиле Веб 2.0
Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!
Приблизительное время выполнения: 7 минут
Создайте новый документ размерами 1000 на 1000 пикселей с белым фоном.
Напечатайте свой текст логотипа. Шрифт выберите по вкусу (я использовал Trebuchet MS). После этого задайте цвет Вашего текста (я выбрал #0042ff). Размер шрифта установите в 160pt. Расположите текст в центре холста.
Сейчас нам нужен значок логотипа. Выберите инструмент Custom Shape и найдите там фигуру «flower 5«.
Выберите в панели опций инструмента значок Paths
Зажав клавишу SHIFT, чтобы сохранить пропорции, растяните фигуру до таких размеров, как на рисунке ниже. Выберите инструмент Path Selection и кликните внутри фигуры правой кнопкой мыши и выберите пункт Make Selection. Отправляйтесь в Select > Modify > Expand и вводите там 8 пикселей. Создайте новый слой и залейте выделение цветом #ff00ae. Назовите этот слой Logo Mark.
Совместите два объекта так, чтобы они выглядели как на рисунке:
Выберите текстовый слой и отправляйтесь в Select > Load Selection, где сразу нажимайте ОК. Создайте новый слой и назовите его «Bottom text gradient«. Выберите инструмент Gradient (G) и заливку от белого к прозрачному:
Создайте маску текстового слоя и проведите полоску градиента по выделенному тексту, чтобы добиться примерно такого результата:
Создайте новый слой, выберите инструмент Elliptical Marquee и выделите область, как показано на рисунке:
Залейте ее белым цветом. Понизьте прозрачность слоя до 20% (или около того). Зажмите клавишу CTRL и кликните по иконке текстового слоя в палитре слоев, чтобы выделить текст. Нажмите CTRL+SHIFT+I, чтобы инвертировать выделение (можно также Select > Inverse), а затем клавишу DELETE (перед этим убедитесь, что выделен слой с белым эллипсом).
Теперь повторите то же самое и с фигурой слева от текста. Но здесь нарисуйте немного другой эллипс
Теперь примените к текстовому слою следующие стили:
Кликните правой кнопкой по текстовому слою в палитре слоев и выберите пункт Copy Layer Style. Выберите слой с фигурой (Logo Mark), щелкните по нему правой кнопкой мыши и выберите пункт Paste Layer Style.
Вот, что у Вас доолжно было получиться на этом этапе:
Разместите объекты на своих окончательных местах, т.к. сейчас мы займемся слиянием слоев. Выберите все слои, кроме слоя Background и нажмите CTRL+E. Создайте копию получившегося слоя. Зажмите клавишу CTRL и щелкните по иконке оригинального слоя, чтобы выделить его содержимое. Создайте новый слой и назовите его «Shadow«. Залейте выделение (на новом слое Shadow) черным цветом. Нажмите CTRL+T, чтобы вызвать инструмент Free Transform. Зажмите клавишу SHIFT и двигайте рамку вокруг объектов так, чтобы в итоге получилось нечто подобное изображенному на рисунке ниже. Понизьте непрозрачность слоя «Shadow» до 15%
Выберите скопированный ранее слой, подвиньте его немного вниз и отправляйтесь в Edit > Transform > Flip Vertical. Переместите слой Shadow в палитре слоев так, чтобы он располагался сразу над слоем Background. Измените непрозрачность слоя с получившимся отражением до 40%
Создайте маску слоя с отражением. Затем выберите инструмент Gradient и проведите полоску заливки так, чтобы получить нечто подобное:
Добавьте текст:
Готово! 
Источник: Learn to create your own Web2.0 Logo
Смотрите также:
Неплохой — простенький тутор.
А я помню, в свое время долго искал, как сделать отражение текста)..
Август 31st, 2007
Спасибо за комментарий! Рад, что Вы нашли то, что искали! Посмотрите по архивам, наверняка, еще что-нибудь найдете!
Август 31st, 2007
[...] Создаем красивое лого в стиле Веб 2.0 » Уроки Photoshop CS2 :: УϮ.. Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта! (tags: photoshop logo web2 howto design tutorial по-русски) [...]
Сентябрь 4th, 2007
Респект! Очь красочно и ярко
Октябрь 2nd, 2007
нелюблю розовый
вот у себя цвет надписи сменил на черный и градиент чуть подточил а звезду сделал металового цвета…одним словом ШеЛеЗяКа 
Октябрь 8th, 2007
Я по нему ничего непонял!!!!
И ничего несмог сделать.. нада более подробно написать… а этот.. вобщем нехочу матерится… просто профи и так все поймут а новички нет!!!
Октябрь 18th, 2007
Кпримеру я инструмент Elliptical Marquee доусрачки искал… около 2 часов, так и ненашел!!!
Октябрь 18th, 2007
Ищи на панельке слева, там прямоугольник пунктиром нарисован (фторой сверху, первая- чорная стрелка), нажимаешь на него держишь и появляется дополнительный выбор кнопок, выбираешь — элипс
Ноябрь 12th, 2007
Даздравствует Фотошоп))
Ноябрь 29th, 2007
Отличный урок. Я уже давно думаю о сайте веб 2.0 Проштудирую все 2.0 уроки
Декабрь 30th, 2007
Эх, люди — на вою больную голову скачала русификатор, теперь мучаюсь.. подскажите, где на русском искать Select > Load Selection,
Май 22nd, 2008
Май 31st, 2008
Респект, сайт супер, спасибо за урок, занёс сайт в фавориты!
Июль 18th, 2008
Во избежание проблем с русифитцированными версиями используйте он-лайн переводчик (если уж с английским плохо)
http://translate.ru
А, вообщем, рекомендую установить англязычную версию, так как правило все уроки идут либо на языке оригинала, либо русификаторы не всегда идентичны (что тоже вызовет проблемы)
Август 19th, 2008
У меня не так идеально получилось как должно выглядеть на этом уроке, но стоит потренироваться с цветом.
Ноябрь 28th, 2008
как интересно можно создать маску слоя если текст выделенный, после создания выделение убирается
у каждой версии PS свои изюминки и горячие клавиши, методы
Июль 31st, 2009
спасибо за урок, нашел для себя пару полезных фишек
Ноябрь 20th, 2010
не очень детально урок описан. И вообще это древняя копипаста
Май 24th, 2011