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


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


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


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


Шаг 4
Перейдите в меню Стилей копии, отключите все имеющиеся стили и примените стиль Обводка:
Положение – Внутри, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный.


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


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

Шаг 7
Выберите инструмент Многоугольник (Polygon Tool) и настройте, как показано ниже. Создайте фигуру. Сделайте её копию и измените размер, как в шаге 3. Вместо того, чтобы применять заново все стили, их можно просто скопировать. Кликните правой кнопкой мыши на слое с предыдущей иконкой и выберите Скопировать стиль слоя (Copy Layer Styles), потом кликните правой кнопкой на новом слое и выберите Вклеить стиль слоя (Paste Layer Styles).
Нужно изменить только настройки стиля Наложение градиента:
 
 
   
Сообщение оставлено 26.01.2012 в 23:47:20 | Сообщение #2
Проще будет найти псд, чем самому делать)
 
 
   
Сообщение оставлено 27.01.2012 в 00:46:25 | Сообщение #3
Wonkz, делаешь сам. повышаешь уровень + знания
 
 
   
Сообщение оставлено 27.01.2012 в 16:00:20 | Сообщение #4
Quote (Wonkz)
Проще будет найти псд, чем самому делать)

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