Воскресенье, 12.05.2024, 10:54
Приветствую Вас Гость | RSS

Сайт посвящен анимации

Каталог статей

Главная » Статьи » Photoshop [ Добавить статью ]

Стеклянные иконки
как сделать вот такую иконку:
Стеклянные иконки

Шаг 1. Для начала создаем изображение 128*128.
Заливаем его нужный фоном или оставляем прозрачный фон.
Создаем новый слой (ctrl+shift+N).
Далее выбираем инструмент "скругленный прямоугольник" (shift+U несколько раз пока не попадем на то что нам нужно).
Стеклянные иконки

Задаем скругление 10 пикселей.
Выставляем его в режим Path как показано на рисунке.
Стеклянные иконки

При зажатой клавиже shift рисуем скругленный прямоугольник на слое что мы создали.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем любым цветом (на данный момент цвет не важен).
Должно получится что-такое:
Стеклянные иконки

Шаг 2. Создаем тень для полученного скругленного прямоугольника.
В свойствах слоя задаем следующие параметры тени:
Стеклянные иконки

Налаживаем градиент (цвет вы можете выбирать сами - поэкспереминтируйте).
Я, например, использовал следующий градиент:
Стеклянные иконки

Можно также наложить любую текстуру (я использовал текстуру 4*2 пикселя, где половину высоты занимает черный цвет, а другую половину прозрачные пиксели, таким образом я получил линии):
Стеклянные иконки

Прозрачность наложения текстуры надо выбирать в зависимости от вида текстуры и вашего видения так что пробуйте различные комбинации.

Шаг 3. Создаем еще один слой на котором мы размещаем текс или рисунок.
Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой одноцветный рисунок и добавил ему тень.
Стеклянные иконки

Далее в свойствах слоя выставляем параметры тени:
Стеклянные иконки

Цвет тени выбирайте исходя из цвета фона.

Шаг 4. Создание блика.
Создаем еще один слой где изпользуя инструмент "скругленный прямоугольник" (уже просто U) рисуем контур с скруглением 9 пикселей и отступами по боках от "основного тела" иконки порядка 1-2 пикселя.
Нажимаем ctrl+enter для преобразования контура в выделение и заливаем его полупрозрачным градиентом (от белого до прозрачного).
Должно получится как на рисунке:
Стеклянные иконки

Далее используя инструмент "pen" (нажимаем "P"), отрисовуем дугу среза по середине иконки. Должно получится что похожее как на рисунке.
Нажимаем ctrl+enter для преобразования контура в выделение и удаляем лишний градиент (del).
Стеклянные иконки

В резельтате должно получится что-то похожее на это:
Стеклянные иконки

Такой метод дает довольно неплохие результаты:
Стеклянные иконки
Так что пробуйте... rolleyes.gif

1. Я не автор дизайна этих иконок.
2. Это не перевод.
3. Я просто скачал пакет готовых иконок и попытался нарисовать свои в этом стиле и показать вам как их рисовать.
4. А зовут меня Галицкий Сергей или просто Serjart.
Спасиб за внимание! biggrin.gif 


Источник: http://demiart.ru/forum/index.php?showtopic=19821&st=0
Категория: Photoshop | Добавил: mikel (16.01.2011)
Просмотров: 914 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Меню сайта
Форма входа
Категории раздела
anime studio ( MOHO) [2]
статьи про anime studio ( MOHO)
Poser [1]
все статьи про Poser
flash [5]
статьи для flash
3d max [11]
все о 3d max
TVPaint Animation (Mirage) [1]
Все о TVPaint Animation (Mirage)
Toon Boom [1]
статьи Toon Boom
Paint [4]
статьи о Paint
Photoshop [14]
статьи для Photoshop
Maya [2]
Другое [1]
Все другое об анимации и рисование!
Поиск
Мини-чат
200
Статистика

В сети всего: 1
Гостей: 1
Пользователей: 0
Друзья
JimBot and Counter Strike (www.apokalipses2012.ucoz.ru) SuPeR_NiK
Счетчика
Яндекс.Метрика