Элитный эскорт в агентстве Queens Palace

Главная Уроки Photoshop

Уроки Photoshop

Иконка

Печать

Результат урока: такую иконку, можно поставить на сайте. Например с надписью "скачать архив" или "музыка онлайн".

allmp3.md - музыкальный архив онлайн

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

menu 

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

menu1

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

image

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

menu2

5. Налаживаем градиент (цвет вы можете выбирать сами - поэкспереминтируйте).  

menu4

6. Можно также наложить любую текстуру.

menu3 

Прозрачность наложения текстуры надо выбирать в зависимости от вида текстуры и вашего видения, так что пробуйте различные комбинации.
7.  Создаем еще один слой на котором мы размещаем текс или рисунок.
  Это может быть цветной рисунок/текст или одноцветный рисунок/текст. Я использовал простой текст и добавил ему тень.
Далее в свойствах слоя выставляем параметры тени:

menu5

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

image1

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

 
Страница 1 из 13