ХайТекСити
Категории каталога
Photoshop [37]
Форма входа
Поиск
Статистика
Rambler's Top100

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

Суббота, 2025-07-19, 08:15:14
Приветствую Гость Гость | RSS
Главная | Регистрация | Вход
ХайТекСити
Главная » ХайТекСити » 2D графика » Photoshop

Стеклянные иконки
Присоединённое изображение

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

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

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

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

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

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

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

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

Далее в свойствах слоя выставляем параметры тени:
Присоединённое изображение

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

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

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

В резельтате должно получится что-то похожее на это:
Присоединённое изображение

Такой метод дает довольно неплохие результаты:
Присоединённое изображение
Так что пробуйте...

Спасиб за внимание!

Источник: http://www.demiart.ru
Категория: Photoshop | Добавил: KroX (2007-03-07) | Автор: Галицкий Сергей
Просмотров: 412 | Рейтинг: 0.0/0 |

Всего комментариев: 0
Имя *:
Email *:
Код *:
Copyright OURWORLD © 2025
Сайт управляется системой uCoz