Стеклянные иконки

Шаг 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).

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

Такой метод дает довольно неплохие результаты:

Спасибо за внимание и до встречи на Photoshop-PHP.ru

Цитата: Кризис стал отцом стольких анекдотов, что страшно представить его конец.

Если хотите не упустить данный урок, добавьте его в закладки:  

Хотите освоить весь Фотошоп с нуля? Рекомендую Вам курс "Учитель Фотошопа в видеоформате", который состоит из 2-х частей: теоретической и практической. Все уроки даны в видеоформате с подробным озвучиванием всех выполняемых действий. Именно такой подход в изучении, позволит Вам в максимально короткие сроки овладеть всеми аспектами работы в Фотошоп. Узнать подробнее

Комментарии (0)

Оставить комментарий:

Ваше имя:

Комментарий:

Введите число показаное на картинке (проверка от автороботов):