Почему онлайн-редактор — хороший первый инструмент

Главный барьер на входе в цифровой рисунок — не талант, а установка софта. Браузерный редактор убирает этот шаг: открыли ссылку и уже ведёте линию по холсту.

Ничего не нужно устанавливать

Редактору не нужны права администратора и место на диске. Это выручает на школьном или рабочем компьютере, где ставить программы запрещено.

Работает на слабом ноутбуке и телефоне

Холсту 1500 × 2000 пикселей достаточно 2 ГБ оперативной памяти. Браузер ведёт линию без задержки, потому что не тянет за собой сотню функций для полиграфии.

Разбираем интерфейс

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

Холст и его размер

Размер задают один раз, до первого штриха. Увеличить готовый рисунок без потери резкости не выйдет, поэтому берите с запасом:

Разбор этих цифр есть в материале про разрешение и DPI.

Панель инструментов

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

Палитра и слои

Палитру удобнее держать в режиме ползунков HSB: там вы меняете яркость, не сбивая оттенок. Панель слоёв показывает список «плёнок», и порядок в нём решает, что окажется сверху.

Пять инструментов, которых хватит на всё

Сто кнопок новичку не нужны. Пяти инструментов достаточно, чтобы довести работу от скетча до финала.

Кисть и карандаш

Карандаш даёт жёсткий край без сглаживания, кисть сглаживает границу и реагирует на нажим. Для скетча поставьте прозрачность около 40%, чтобы линии наслаивались мягко.

Ластик и заливка

Ластик — та же кисть наоборот, и у него тоже есть жёсткость. Заливка закрашивает замкнутую область одним кликом, но оставляет белую кромку у мягкого контура.

Пипетка

Пипетка берёт цвет прямо с холста и вызывается удержанием Alt. Остальные сочетания собраны в статье про горячие клавиши для художника.

Первый рисунок за 15 минут

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

  1. Создайте холст 1500 × 1500 пикселей.
  2. Набросайте форму тонкой линией.
  3. Добавьте слой ниже скетча и залейте локальный цвет.
  4. Сверху положите слой с тенью и бликом.
  5. Уменьшите прозрачность скетча до 20%.
  6. Экспортируйте результат в PNG.

Слой скетча

Рисуйте свободно: скетч всё равно уйдёт под цвет. Держите кисть 6–10 пикселей, а если линия дрожит, включите стабилизацию на средних значениях.

Слой заливки

Закрасьте объект одним средним по яркости цветом: от середины проще уйти и в тень, и в свет. Края подчистите жёстким ластиком при увеличении 100%.

Слой света и тени

Определите, откуда падает свет, и держите это направление до конца. Тень кладите с противоположной стороны, блик — на самой выпуклой точке; логика тут та же, что в светотени.

Экспорт и хранение работ

Работа существует, только пока она сохранена. Экспортируйте файл сразу после финального штриха.

PNG, JPG или SVG

PNG подходит для чистых линий и прозрачного фона. JPG весит меньше, но сжимает с потерями. SVG нужен только для векторных логотипов.

Как не потерять файл

Частая ошибка

Закрыть вкладку, надеясь на автосохранение браузера. Жмите экспорт каждые 10–15 минут и складывайте версии в одну папку с датой в названии.

Держите две копии: рабочий файл со слоями и готовый PNG для показа. Вторую сразу отправляйте в облако.

Частые проблемы новичков

Почти все сложности первого дня сводятся к двум ситуациям, и обе решаются за минуту.

Рисую, а ничего не видно

Проверьте по порядку: выбран нужный слой, включена его видимость, прозрачность кисти не стоит на нуле. Ещё частая причина — белая кисть по белому фону.

Кисть мажет и лагает

Задержка означает, что холст велик для вашего устройства: уменьшите его до 1500 пикселей по длинной стороне. Если линия «догоняет» курсор, снизьте стабилизацию линии.

Пора рисовать, а не читать

Теория без практики выветривается за пару дней. Откройте редактор и потратьте 15 минут на то, о чём только что прочитали, — этого достаточно, чтобы навык закрепился.

Попробуйте прямо сейчас

Бесплатный онлайн-редактор: кисти, слои, палитра и совместный холст. Без установки и регистрации.

Начать рисовать

Ключевые темы статьи

Растровая и векторная графика: чем отличаются и что выбрать →