Risotto

Веб-значок (web icon) всегда украшает страницу, а сделать его довольно просто. Давайте сделаем значок в форме бумажного листа. Вот такой:


Итак, откройте Photoshop и создайте новый документ размером 40х40 пикселей. Для начала добавьте новый слой: Ctrl + Shift + N или Layer -> New -> Layer на панели управления. На этом слое мы и будем рисовать. Выберите инструмент Rectangular Marquee Tool и выделите прямоугольную область, как показано на примере:

Обведем наш будущий листочек по контуру. На панели управления Edit – > Stroke, устанавливаете цвет границы по вкусу (предпочительно, серый). Я, в данном случае, использую цвет #acacac.

Увеличьте масшатб изображения. Выделите уголок листочка с помощью Rectangular Marquee Tool, как показано на рисунке:

Щелчок правой кнопкой, найдите функцию Free transform (свободная трансформация).

Цепляйтесь мышкой за верхний правый уголок выделения и тяните его в противоположном направлении, зажав Shift. Тяните до тех пор, пока уголок не станет приемлимого размера. Он должен как бы отобразиться зеркально.

Перетащите уголок на предназначенное для него место — в угол. :)

Далее выбираем инструмент «Линия» (Line Tool).

И рисуем прямую линию (зажмите Shift), как бы перечеркивая на уголок.

Ну вот, уже получается что-то отдаленно напоминающее лист бумаги. :) Осталось создать тени, чтобы наш листик выглядел более натурально. Для этого копируйте вашу косую линию, сделанную с помощью Line Tool (выделите слой с линией, затем на панели управления Layer -> Dublicate Layer…) и аккуратно перемещайте новый слой вниз и чуть влево.

Совместите края линий, как если бы вы накладывали друг на друга лесенку, и уменьшите прозрачность (Opacity) нижней линии до 60%.

Повторите операцию два раза, каждый раз уменьшая прозрачность на 20%. Вот что должно получиться (я увеличила изображение, чтобы вы видели, как тень постепенно сходит на нет). Похожего результата можно было бы добиться, используя градиенты, но вручную получается аккуратнее.

В принципе, значок уже выглядит неплохо. Скройте фоновый слой (Background Layer), нажав на изображение глазка. Объедините видимые слои: панель управления -> Layer -> Merge Visible. Вместо белого цвета должен остаться прозрачный фон.

Выделите внутреннюю поверхность листа любым удобным инструментом (например, «волшебной палочкой», Magic Wand)

Выбираете на панели управления Layer -> New Fill Layer -> Gradient…. Создаете градиент от серого к прозрачному со следующими настройками:

Вот и всё. Если градиент получился слишком темным, просто уменьшите его прозрачность (Opacity), как показано на рисунке:

Конечный результат:

Удалите белый фоновый слой и сохраните значок с прозрачным фоном: File -> Save for Web, выберите формат изображения GIF и поставьте галочку около значения Transparency («Прозрачность»).