Создаем красивое лого в стиле Веб 2.0 - Веб дизайн - Уроки фотошоп/ Photoshop lessons - ..:: Музыка Фильмы Игры Дизайн ::.. - ..::Скачать бесплатно фильмы, игры, софт, скрипты::..
Понедельник, 24.05.2010, 11:42
Приветствую Вас Блудный
Категории раздела
Смешно...))
Американские университеты - это место, где российские евреи преподают математику китайцам.
Реклама
FRIENDS
Мини-ЧАТ



Главная
» Файлы » Уроки фотошоп/ Photoshop lessons » Веб дизайн
[ Добавить материал ]

Создаем красивое лого в стиле Веб 2.0
[ ] 27.04.2009, 06:03

Всего за семь минут Вы сможете сделать первоклассное Web 2.0 лого для своего сайта!

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

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

Создайте новый документ размерами 1000 на 1000 пикселей с белым фоном.

Напечатайте свой текст логотипа. Шрифт выберите по вкусу (я использовал Trebuchet MS). После этого задайте цвет Вашего текста (я выбрал #0042ff). Размер шрифта установите в 160pt. Расположите текст в центре холста.

web2_logo_1.jpg

Сейчас нам нужен значок логотипа. Выберите инструмент Custom Shape и найдите там фигуру “flower 5“.

web2_logo_2.jpg

Выберите в панели опций инструмента значок Paths

web20_logo_16.gif

Зажав клавишу SHIFT, чтобы сохранить пропорции, растяните фигуру до таких размеров, как на рисунке ниже. Выберите инструмент Path Selection и кликните внутри фигуры правой кнопкой мыши и выберите пункт Make Selection. Отправляйтесь в Select > Modify > Expand и вводите там 8 пикселей. Создайте новый слой и залейте выделение цветом #ff00ae. Назовите этот слой Logo Mark.

web2_logo_3.jpg

Совместите два объекта так, чтобы они выглядели как на рисунке:

web2_logo_4.jpg

Выберите текстовый слой и отправляйтесь в Select > Load Selection, где сразу нажимайте ОК. Создайте новый слой и назовите его “Bottom text gradient“. Выберите инструмент Gradient (G) и заливку от белого к прозрачному:

web2_logo_5.jpg

Создайте маску текстового слоя и проведите полоску градиента по выделенному тексту, чтобы добиться примерно такого результата:

web2_logo_6.jpg

Создайте новый слой, выберите инструмент Elliptical Marquee и выделите область, как показано на рисунке:

web2_logo_7.jpg

Залейте ее белым цветом. Понизьте прозрачность слоя до 20% (или около того). Зажмите клавишу CTRL и кликните по иконке текстового слоя в палитре слоев, чтобы выделить текст. Нажмите CTRL+SHIFT+I, чтобы инвертировать выделение (можно также Select > Inverse), а затем клавишу DELETE (перед этим убедитесь, что выделен слой с белым эллипсом).

Теперь повторите то же самое и с фигурой слева от текста. Но здесь нарисуйте немного другой эллипс

web2_logo_8.jpg

Теперь примените к текстовому слою следующие стили:

web2_logo_9.jpg

web2_logo_10.jpg

Кликните правой кнопкой по текстовому слою в палитре слоев и выберите пункт Copy Layer Style. Выберите слой с фигурой (Logo Mark), щелкните по нему правой кнопкой мыши и выберите пункт Paste Layer Style.

Вот, что у Вас доолжно было получиться на этом этапе:

web2_logo_11.jpg

Разместите объекты на своих окончательных местах, т.к. сейчас мы займемся слиянием слоев. Выберите все слои, кроме слоя Background и нажмите CTRL+E. Создайте копию получившегося слоя. Зажмите клавишу CTRL и щелкните по иконке оригинального слоя, чтобы выделить его содержимое. Создайте новый слой и назовите его “Shadow“. Залейте выделение (на новом слое Shadow) черным цветом. Нажмите CTRL+T, чтобы вызвать инструмент Free Transform. Зажмите клавишу SHIFT и двигайте рамку вокруг объектов так, чтобы в итоге получилось нечто подобное изображенному на рисунке ниже. Понизьте непрозрачность слоя “Shadow” до 15%

web2_logo_12.jpg

Выберите скопированный ранее слой, подвиньте его немного вниз и отправляйтесь в Edit > Transform > Flip Vertical. Переместите слой Shadow в палитре слоев так, чтобы он располагался сразу над слоем Background. Измените непрозрачность слоя с получившимся отражением до 40%

web2_logo_13.jpg

Создайте маску слоя с отражением. Затем выберите инструмент Gradient и проведите полоску заливки так, чтобы получить нечто подобное:

web2_logo_14.jpg

Добавьте текст:

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

Категория: Веб дизайн | Добавил: dakota
Просмотров: 166 | Загрузок: 0 | Рейтинг: 1.0/1 |
Всего комментариев: 0
Имя *:
Email:
Код *:

Admin Меню
  • Нам нужны люди,присоеденяйтесь
    Подробности тут

  • Самому активному пользователю сайта в конце месяца будет выдаваться 7-ми значный ICQ номер
    Подробности тут

  • Наш тулбар

  • Обмен баннерами

  • Как качать с файлообменников?
  • Профиль
    Привет: Блудный

    Сообщения:

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Логин:
    Пароль:
    Поговорим?
    Опросник
    Вы в поисках...
    Всего ответов: 10
    Помощь сайту
    Кошельки:
    R 270966599442
    Z 416518274191

    Статистика


    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0


    Сегодня нас посетили:
    Наша кнопка
    Если вам понравился наш сайт, поставьте в благодарность себе нашу кнопку



    код кнопки:


    Для красивого отображения этого блока требуется Flash Player 9 или выше.