1. Создаём изображение 300×300рх. Заливаем серым цветом. Создаём новый слой, называем 1. Для удобства, применяем «Изображение — Направляющие.» Ставим 1 горизонтальную и 1 вертикальную по центру.

2. Инструментом «Прямоугольное выделение» делаем выделение 256×256рх, с закруглёнными краями с параметром 46. Заливаем выделение понравившимся вам цветом, я выбрал ad3ec9. Снимаем выделение.

3. Создаём новый слой называем его 2. На нём делаем вот такое «Эллиптическое выделение», и заливаем белым цветом. Снимаем выделение.

4. Далее кликаем на слое 1, выбираем «Альфа-канал в выделение», переходим к слою 2, и на нём сверху закрашиваем углы кистью белого цвета, после чего выбираем «Выделение — Инвертировать», и «Правка — Очистить»:

5. Выделение активно, применяем «Выделение — Инвертировать». В диалоге слоёв ставим слою 2 -«Непрозрачность 35». Создаём новый слой называем его 3. Выбираем белый цвет переднего плана, и градиент «Основной в прозрачный», применяем градиент вот так, и понижаем прозрачность слоя до 70–80.

6. Выделение активно. Создаём новый слой называем его 4. В настройках градиента ставим «Форма — Радиальная», и применяем наш градиент «Основной в прозрачный» вот так, после чего ставим непрозрачность слою 50%:

7. Снимаем выделение. К слою 1 применяем «Фильтры — Свет и тень — Отбрасываемая тень…» с такими параметрами:

8. Получается как-то так:

9. В принципе готово. Но если вы не хотите одноцветную иконку, можете вставить любое изображение. Просто переместите ваше изображение в главное окно, оно откроется как новый слой, если нужно передвигайте этот слой чтобы выбрать нужный «квадратик» , после того как выбрали, примените «Слой — Создать из видимого», и удалите оригинал. Далее на слое 1 выберите «Альфа-канал в выделение», после выберите «Выделение — Инвертировать», перейдите к вашему слою с изображением и примените «Правка — Очистить», «Выделение — Снять». Не забудьте после переместить ваш слой с изображением над «фиолетовым» слоем, который потом можно удалить.

Я вот например являясь фаном Mortal Kombat сделал такие иконки:

Важно: если вы захотите использовать иконку для оформления вашего рабочего стола или ещё где то, удалите фоновый слой, и экспортируйте картинку в формате PNG.

Метки: выделение, градиент, направляющие, фильтры, иконка, слои.

Уроки: ← предыдущий следующий →