Загрузка...

How to Draw Pixelated Mini Icons in Photoshop

Thread in Animation tutorials created by lunaticc Jun 7, 2018. 1276 views

  1. lunaticc
    lunaticc Topic starter Jun 7, 2018 Banned 60 Apr 30, 2018
    1. Создание нового документа
    В Photoshop создайте новый документ размером 14 x 14 пикселей с прозрачным фоном.

    [IMG]

    2. Прорисовка формы
    Выберите инструмент Pencil Tool (Инструмент «Карандаш» / Клавиша «B») , размер — 1 пиксель, цвет — серый, и начните рисовать края иконки страницы. Чтобы нарисовать прямую линию, сперва кликните в начальной точке, а затем, удерживая кнопку Shift, — в конечной точке.

    [IMG]

    Подсказка: вы сможете в любое время стереть нарисованное, выбрав инструмент Eraser Tool(Инструмент «Ластик» / Клавиша «E») , режим «карандаш» и размер 1 пиксель.

    3. Базовый градиент
    Выберите выделение пустого пространства внутри странички с помощью инструмент Magic Wand Tool(Инструмент «Волшебная палочка» / Клавиша «W») . Затем создайте новый слой. Главный цвет — светло-серый, фон — белый. Используя Gradient Tool (Инструмент «Градиент» / Клавиша «G») , проведите прямую от верхнего правого угла к нижнему левому по диагонали.

    [IMG]

    4. Подсветка и тень
    Создайте новый слой (Ctrl+Shift+Alt+N). Нарисуйте верхнюю внутреннюю границу белого цвета и размером 1 пиксель для создания эффекта подсветки. Затем нарисуйте внутреннюю нижнюю границу серого цвета — это будет тень.

    [IMG]

    5. Группировка слоёв
    В окне слоёв выберите все слои и нажмите Ctrl+G для их группировки.

    [IMG]

    6. Рисование карандаша
    Опять же, начните рисование карандаша с контура, затем залейте внутреннее пространство цветом или градиентом. Когда закончите, сгруппируйте все слои в отдельную папку.

    [IMG]

    Подсказка: если вы хотите, чтобы все значки были в одной цветовой гамме, сохраняйте используемые цвета в образчиках.

    7. Повторное использование
    Здесь показывается, как я изменял старые группы слоев для создания всей коллекции.

    [IMG]

    8. Экспорт для сети
    После того, как вы сделали весь набор, переключайте (видимые/невидимые) группы слоёв и сохраняйте их для сети (Ctrl+Alt+Shift+S).

    [IMG]

    Вот и все.

    Источник:https://photoshoplessons.ru/design/pikselnye-mini-ikonki (НЕ РЕКЛАМА).
     
  2. lunaticc
    lunaticc Topic starter Jun 7, 2018 Banned 60 Apr 30, 2018
    Полезная хуйня
     
Loading...
Top