Создаём изображение 500×500. Заливаем СЕРЫМ цветом. Создаём новый прозрачный слой с именем «1». Выбираем: «Изображение — Направляющие — Направляющая в%». Для удобства можно поставить две направляющие: «Горизонталь 50%», «Вертикаль 50%" (если собираетесь сделать несколько иконок, советую поставить).

К слою 1 применяем: „Выделение — Всё“, и »Выделение — Закруглить прямоугольник (радиус 21)».

Заливаем выделение БЕЛЫМ цветом. В диалоге слоёв ставим слою 1 непрозрачность 50%.

Копируем слой 1,называем копию «2». К слою 2 применяем инструмент «Масштаб», ставим размер «430–430». Ставим слою 2 непрозрачность 25–35%.

Выбираем инструмент «Выравнивание», кликаем в главном окне по слою 2, и применяем:

К слою 2 применяем «Слой — Слой к размеру изображения». Обьединяем слои 1 и 2. Создаём новый прозрачный слой с именем «2». Выбираем инструмент «Контуры» и делаем линию на слое 2 как на рисунке ниже.

В настройках инструмента «Контуры» выбираем «Обвести по контуру», и обводим линией толщиной в 1 рх.

Создаём новый прозрачный слой с именем «3». Выбираем инструмент «Выделение смежных областей». На слое 2 выделяем верхнюю часть:

Выделение активно. Выбираем БЕЛЫЙ цвет переднего плана. Выбираем БЕЛЫЙ градиент «Основной в прозрачный». На слое 3 применяем градиент сверху вниз как на рисунке ниже:

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

На слое 4 применяем градиент как показано на рисунке:

Снимаем выделение «Выделение — Снять». Ставим слою 4 непрозрачность 70–80%. Удаляем слой 2, «Слой — Удалить слой». Обьединяем слои 1,3,4. Далее к слою 1 применяем:

• Выделение — Всё»,
• »Выделение — Закруглить прямоугольник»,
• »Выделение — Инвертировать»,
• »Правка — Очистить» = клавиша Delete.

Ставим слою 1 непрозрачность 80–90%, основа готова.

Копируем слой 1. Копию перемещаем под фоновый слой.(запаска). На слое 1 вы можете написать какой-либо текст, или вставить изображение.

Лично Я сделал следующее: взял из системной папки браузера Opera иконку буквы «О»(копировать). Перенёс в рабочую область. Применил инстр.»Масштаб»,и центрировал инстр.»Выравнивание». Далее «Слой — Слой к размеру изображения». Заморачиваться с тенью от буквы не охота, поэтому инстр. Прямоугольное выделение» выделил нижнюю часть буквы до середины, и стёр = клавиша Delete. Снял выделение.

Копировал половинку и копию отразил по вертикали (инстр.»Зеркало»).Обьединил половинки. Инстр. «Выделение — Смежных областей» выделил область ВНУТРИ буквы, зажал shift и выделил область ВНЕ буквы. Создал новый слой с именем 2. Залил выделение БЕЛЫМ цветом. Уменьшил выделение на 10, очистил выделение и снял его.

Затем: удалил вставленный слой с красной буквой, и на слое 2 выделил область внутри буквы. Перешёл к слою 1, очистил выделение, и поставил слою 2 непрозрачность 50%. Скрыл фоновый слой и копию слоя 1 (значок глаза), и сохранил изображение в формате PNG.

Грубо говоря, нужно чтобы в иконке была «дырка», внутри или снаружи значка.

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

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