{"id":14291,"url":"\/distributions\/14291\/click?bit=1&hash=257d5375fbb462be671b713a7a4184bd5d4f9c6ce46e0d204104db0e88eadadd","hash":"257d5375fbb462be671b713a7a4184bd5d4f9c6ce46e0d204104db0e88eadadd","title":"\u0420\u0435\u043a\u043b\u0430\u043c\u0430 \u043d\u0430 Ozon \u0434\u043b\u044f \u0442\u0435\u0445, \u043a\u0442\u043e \u043d\u0438\u0447\u0435\u0433\u043e \u0442\u0430\u043c \u043d\u0435 \u043f\u0440\u043e\u0434\u0430\u0451\u0442","buttonText":"","imageUuid":""}

Как сделать иллюстрацию для статьи на vc.ru. Пошаговая инструкция

У публикаций на VC есть особенность — если картинка не подходит под размеры стандартной подложки, она растягивается. Это выглядит неаккуратно и может испортить впечатление от хорошей статьи.

Решить проблему можно с помощью графических редакторов. Мне нравится Figma — это бесплатный онлайн-сервис, который не нужно устанавливать на компьютер. Я написала инструкцию по работе в Figma для тех, кто ещё не имеет опыта работы с графическими редакторами.

Пошаговая инструкция

1. Проверить иллюстрацию на соответствие требованиям VC:

  • вес не должен превышать 15 Мб;
  • допустимые форматы: jpg, png.

Формат изображения можно изменить в графическом редакторе.

2. Зарегистрироваться в сервисе Figma.

3. Создать новый файл с помощью кнопки New design file.

4. Создать фрейм.

Фрейм — это рабочая область, которая будет имитировать стандартную подложку VC.

Чтобы создать фрейм:

4.1 Нажмите клавишу F или воспользуйтесь элементом Frame на панели инструментов.

4.2 Нажмите левой кнопкой мыши в области для рисования. Появится фрейм размером 100х100 пикселей.

5. Задать нужный размер фрейма.

Подходящий размер фрейма для подложки VC — 1920x1080 пикселей. Он задаётся в свойствах элемента справа.

W = 1920, H = 1080.

Укажите цвет фрейма в свойствах справа в блоке Fill. По умолчанию фрейм будет белого цвета.

Чтобы задать фирменный цвет VC, укажите FFF5F7.

6. Добавить изображение.

Чтобы добавить изображение, перетащите его из папки внутрь фрейма.

Чтобы изменить размер изображения, нажмите на него, зажмите клавишу Shift и потяните за любую сторону или угол.

Расположите изображение внутри фрейма так, как вам необходимо.

В один фрейм можно добавлять любое количество изображений и элементов Figma.

7. Экспортировать изображение.

7.1 Нажмите на Frame в меню слева.

7.2 Нажмите на блок Export в свойствах фрейма справа и нажмите кнопку Export Frame. Сохранять изображение нужно в формате PNG или JPG.

Экспортированное изображение сохранится в папку «Загрузки».

Стендап технического писателя в моём Telegram-канале.

0
4 комментария
Павел Иванов

7/10

Ответить
Развернуть ветку
Людмила Бежина
Автор

Павел, спасибо за оценку! Расскажите, пожалуйста, что мне стоит поправить в своей инструкции, чтобы вы поставили оценку выше? Мне, как начинающему техническому писателю, это очень важно)

Ответить
Развернуть ветку
Павел Иванов

Не знаю, не читал статью

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Вячеслав Зыкин
Ответить
Развернуть ветку
1 комментарий
Раскрывать всегда