Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.144.106.207
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Простые иконки Web 2.0
Сообщение оставлено 22.08.2011 в 19:27:31 | Сообщение #1
Конечный результат:


Шаг 1
Создайте новый документ, выберите инструмент Эллипс (Ellipse Tool) и создайте небольшой круг любого цвета. Цвет фигуры не важен, так как позднее мы применим стили слоя и заменим цвет. Чтобы у Вас получился круг, а не овал, нужно удерживать Shift при создании.


Шаг 2
Перейдите в меню Стилей слоя (Layer Style - Blending Options) и примените следующие стили:

Наложение градиента: Режим – Нормальный, Стиль – Радиальный. Расположите градиент в верхней части круга при помощи мыши (не закрывая окно стилей).
Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Нормальный, Режим тени – Умножение.


Шаг 3
Сделайте копию слоя с кругом и инструментом Свободное трансформирование (Free Transform) уменьшите его размер:


Шаг 4
Перейдите в меню Стилей копии, отключите все имеющиеся стили и примените стиль Обводка:

Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.


Шаг 5
Выберите инструмент Горизонтальный текст (Horizontal Type Tool) и напишите что-нибудь на иконке. Этот слой должен быть поверх остальных. Примените следующие стили к тексту:

Наложение цвета: Режим - Нормальный
Внутренняя тень: Режим - Умножение


[b]Шаг 6[/b]
Объедините все три слоя в группу (Ctrl+G) и назовите её “Blue Circle”.

Шаг 7
Выберите инструмент Многоугольник (Polygon Tool) и настройте, как показано ниже. Создайте фигуру. Сделайте её копию и измените размер, как в шаге 3. Вместо того, чтобы применять заново все стили, их можно просто скопировать. Кликните правой кнопкой мыши на слое с предыдущей иконкой и выберите Скопировать стиль слоя (Copy Layer Styles), потом кликните правой кнопкой на новом слое и выберите Вклеить стиль слоя (Paste Layer Styles).
Нужно изменить только настройки стиля Наложение градиента:

и так делаем скока вам надо и сколько вам надо меняйте цвета и т.д.
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика