Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.141.47.163
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Создаем красивое лого в стиле Веб 2.0
Сообщение оставлено 28.12.2013 в 12:21:34 | Сообщение #1
Всего за семь минут Вы сможете сделать первоклассное 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%


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

Готово! ;)


 Сообщение отредактировал amannn - Суббота, 28.12.2013, 12:24:09
 
 
   
Сообщение оставлено 28.12.2013 в 13:43:16 | Сообщение #2
как раз на днях вспоминал, как делать зеркальный текст) спасибо! smile
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика