Skip to content

Готовим копирайтеров и веб-райтеров с 2009 года

sergey@web-copywriting.ru узнать больше
  •  Главная
  •  Обучение
  • Бесплатный курс
  •  Статьи и новости
  • Партнерка
  •  Контакты
  • Еще
    •  О тренере
    •  Партнерка
    •  Контакты
Главная / Статьи и Новости / Копирайтеру / Как оригинально проиллюстрировать статью, если ты не дизайнер: простая инструкция

Как оригинально проиллюстрировать статью, если ты не дизайнер: простая инструкция

Копирайтеру 29/06/2021
как проиллюстрировать статью

Представьте ситуацию: вы написали роскошный текст и подобрали отличные иллюстрации. Но гуляя по просторам сети, обнаруживайте, что такие же картинки встречаются на каждом шагу. Неприятная ситуация, правда? Как избежать подобных случаев и превратить заезженную картинку в уникальную с помощью онлайн-фоторедакторов узнайте из нашей инструкции.

 

Содержание статьи

  • Этап 1.Ищем подходящий исходник
    • Шаг 1. Исследование и поиск вдохновения
    • Шаг 2. Определяемся со стилем иллюстрации 
    • Шаг 3. Отправляемся на поиски подходящего изображения
    • Шаг 4. Ищем дубли и принимаем решение о дополнительной обработке
  • Этап 2. Преображение с помощью сервисов: Canva, Avatan, Editor Photo. 
    • Креативим в сервисе Canva 
    • Обработка картинки с фотостоков в сервисе Аватан
    • Обработка иллюстраций в сервисе Editor Photo
  • Этап 3. Добавляем картинку в текст

Этап 1.Ищем подходящий исходник


Возьмем для примера статью с просторов Интернета на тему «Как воспитать и вырастить ребёнка оптимиста? Советы для родителей» и оформим для нее заглавную картинку.

Шаг 1. Исследование и поиск вдохновения

Заходим в любой поисковик и смотрим как оформлены статьи по такой же проблеме в топ выдачи. 

Это мини-исследование поможет почерпнуть вдохновение для оформления своей статьи и избежать повторяющихся иллюстраций.

примеры заглавных картинок

Шаг 2. Определяемся со стилем иллюстрации 

Можно выбрать фото, картинку, рисунок, схему. 

Главное, чтобы изображение привлекало внимание читателя, соответствовало и дополняло текст. 

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

Я для статьи хочу подобрать нарисованные иллюстрации.

Ищите  иллюстрации которые вы не встретили в оформлении других статей по похожей тематике. Не останавливайтесь на банальных фото и картинках, от которых уже все устали.

Например, иллюстрируя статью о возможностях заработка на фрилансе не стоит выбирать картинку фрилансера, который сидит с ноутбуком  на пляже. Думаю, ее видел каждый не менее 100 раз. А вот фотография девушки в домашней обстановке, точнее отражает суть профессии и не так приелась читателям.

иллюстрация к статье

стиль иллюстрации Для достоверности можно проверить насколько часто выбранная картинка встречается на других ресурсах. 

 проверка картинки

проверка картинки в поиске

Как показали результаты,картинка с пляжем использована уже 230 раз, а фотография девушки встречается в сети намного реже. Поэтому вероятность встретить в Интернете статью с подобным оформлением ниже, а шанс привлечь внимание читателя выше.

Шаг 3. Отправляемся на поиски подходящего изображения

Для этого можно воспользоваться поиском картинок на Яндекс или Гугл.

Так выглядит страница поиска изображений на Яндексе.

поиск картинок на Яндекс

А вот вариант от Гугл.

поиск картинок Гугл

Выбор поисковика — личные предпочтения каждого. 

Важно выбирать только качественные изображения. Расплывчатые, смазанные фотографии,  оттолкнут читателя и он не обратит внимание на статью. 

Чтобы ускорить поиск, можно воспользоваться фильтрами. 

как работать с фильтрами

фильтры картинок яндекс

Как работать с фильтрами

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

 размер картинки для статьи

Определитесь с ориентацией изображения. Горизонтальные картинки хороши для заглавной иллюстрации или крупных, центральных изображений, а вертикальные, когда нужна небольшая боковая картинка 

ориентация картинки для статьи

Фильтры «Тип» и «Цвет»  помогут отобрать картинки в едином стилевом решении. 

тип картинки для статьи

Если что-то привлекло внимание и понравилось, то проверяем сохраняем. 

Если в голове уже четко сложилось представление какой должна быть заглавная картинка и вы нашли что-то, подходящее под запрос — достаточно сохранить 1-2 варианта. Если пока только примерные ощущения, что это может быть. Можно отложить 4-5 разных вариантов, которые привлекли внимание и уже потом определиться какое изображение лучше отражает суть статьи и радует глаз.

сохранить картинку с яндекса

Нажимаем «Открыть», кликаем правой кнопкой мыши по картинке и выбираем «Сохранить как». Откроется окно, где можно изменить название и выбрать место для хранения. 

Если поиски на Яндекс и Гугл закончились безрезультатно, переходим на другие фотостоки:

  • https://www.pinterest.ru/
  • https://unsplash.com/
  • https://pixabay.com/
  • https://www.freepik.com/
  • https://www.stockio.com/
  • https://stocksnap.io/
  • https://www.canva.com/
  • https://visualhunt.com/
  • https://www.pexels.com/

Шаг 4. Ищем дубли и принимаем решение о дополнительной обработке

Чтобы проверить уникальность, выбранной иллюстрации, можно снова воспользоваться поиском картинок на Яндекс. Только сейчас мы будем искать как часто наша картинка встречается в сети. Для этого перетащите нужное изображение с компьютера в строку поиска или введите URL-адрес.

поиск иллюстраций в яндекс

Откроется окно

проверка уникальности картинки

Когда картинка загрузится, система выдаст результаты поиска по картинке.

уникальность картинок яндекс

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

Также для проверки уникальности можно воспользоваться сервисом TinEye. Он показывает сколько раз картинка встречается в других источниках. 

Так выглядит его главная страница.

проверка уникальности сервисом TinEye

Чтобы проанализировать изображение можно вставить URL ссылку или просто перетащить его.

проанализировать изображение сервисом TinEye

Идеальный вариант уникальности — 0 совпадений по сервису TinEye, если такую картинку найти не удалось подбирайте изображение с наименьшим количеством совпадений. 

По моему рисунку система нашла 90 совпадений. Поэтому перед добавлением в текст ее необходимо обработать.

результаты анализа TinEye

Если в результате поиска удалось найти изображение, которое нигде и никем ранее не использовалось, и оно вам нравится, то смело вставляете его в текст и радуйтесь прекрасно оформленной статье. 

Если картинка уже неоднократно встречается на других ресурсах или вас просто что-то в ней не устраивает, переходим к этапу обработки с помощью онлайн-сервисов.

 

Этап 2. Преображение с помощью сервисов: Canva, Avatan, Editor Photo. 

Креативим в сервисе Canva 

Онлайн фоторедактор Canva позволяет создавать как собственные изображения из готовых шаблонов, так и обрабатывать уже скачанные картинки или фото. 

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

Шаг 1. Для начала работы необходимо пройти простую регистрацию.

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

онлайн фоторедактор Canva

Откроется такая форма.

регистрация Канва

Войдите любым удобным для вас способом. После регистрации сервис попросит выбрать для чего вы им будете пользоваться и предложит посмотреть обучающий урок. После этого снова попадаем на главную страницу и можно приступать к работе.

дизайн иллюстрации для статьи

Шаг 2. Для начала выберем готовый дизайн или настроим размеры самостоятельно.

канва выбор дизайна

 

Нажимаем на кнопку «Создать дизайн» и выбираем подходящую форму из списка. Если заранее знаем нужные параметры, то нажимаем на кнопку «Настраиваемые размеры» и задаем их самостоятельно.

Я выберу дизайн прямоугольник.

редактировать фото онлайн

Шаг 3. Далее открывается окно с рабочим полем, где можно выбрать готовые шаблоны для работы или загрузить свою картинку. 

редактировать иллюстрацию

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

загрузить изображение в редактор

Картинка загрузилась, перетаскиваем ее на рабочую область. 

фоторедактор эффекты

Шаг 4. Кликаем по левой кнопкой мыши в центр картинки. Появится рамка, потянув ее за уголки можно изменить размер изображения. А наверху всплывет панель, с помощью которой будем трансформировать наши иллюстрации.

панель управления фоторедактора

Чтобы повысить уникальность, можно отразить изображение по горизонтали или вертикали. Я выполню отражение по горизонтали. Для этого нажимаем на кнопку отразить и выбираем нужную функцию. 

повысить уникальность изображения

Шаг 5. Можно поколдовать над цветовой гаммой. Нажимаем на кнопку «Настроить» и в открывшемся окне, подбираем подходящий вариант передвигая ползунок.

настроить яркость изображения

При желании можно также поиграть с фильтрами.

работа с фильтрами изображения

Шаг 6. Подберем дополнительные элементы . 

элементы иллюстрации

Можно выбрать рамку, стикер, сделать картинку круглой или треугольной. Возможности ограничиваются только фантазией и чувством меры.

Чтобы добавить элемент, выбираем его и перетаскиваем на рабочее поле.

эффекты картинок в канва

Далее его можно повернуть, изменить размер и переместить в подходящее место.

изменить размер изображения в редакторе

Если вам не понравился результат, выполненное действие можно отменить. нажав на стрелочку.

 как работать в фоторедакторе

Шаг 7.  Остается последний взмах волшебной палочки до окончательного преображения — добавляем надпись. 

Для начала выберите подходящий стиль или их сочетание.

 надписи на иллюстрации

В открывшемся поле впишите нужный текст.

как сделать надпись на иллюстрации

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

шрифт надписи на иллюстрации

Располагаем надпись в подходящем месте. Для этого наводим курсор на любую из рамок и перетаскиваем.

выбрать надпись для иллюстрации

Шаг 8. Сохраняем свой шедевр.

Для этого нажимаем на кнопку «Скачать» в правом верхнем углу экрана и в выпавшем окне снова выбираем «скачать». 

В открывшемся поле выбираем тип файла и нажимаем «скачать».

формат изображения иллюстрации

Ждем пару секунд. Обновленное изображение сохранилось на вашем компьютере. теперь его можно перенести в текст.

Обработка картинки с фотостоков в сервисе Аватан

Программу можно скачать на компьютер или воспользоваться онлайн редактором. 

Шаг 1. Чтобы начать работу, достаточно просто зайти на сайт, даже регистрация не понадобится. 

Так выглядит главная страница сервиса.

регистрация в аватан

Шаг 2. Нажимаем на вкладку «редактировать» и выбираем источник, откуда нужно загрузить изображение.

фоторедактор аватан

В открывшемся окне, выбираем нужную картинку и нажимаем «открыть».

загрузить изображение в аватан

После загрузки изображения откроется рабочее окно.

сделать иллюстрацию в аватан

Шаг 3.  Переходим к преображению. Если есть необходимость можно вырезать нужный фрагмент картинки. Для этого нажимаем на вкладку «открыть»,  тянем за уголки, выделяем нужную область и кликаем «применить».

обрезка фото в аватан

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

инструменты аватан

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

работа с картинкой аватан

Шаг 4. Переходим к изменению цветового решения. Открываем вкладку цвет и меняем параметры, передвигая ползунок. В конце не забываем «применить» настройки.

цвета картинки в аватан

Также можно настроить экспозицию, резкость

экспозиция иллюстрации

При желании настраиваем фильтры и нажимаем «применить».

 фильтры avatan

Также можно подобрать эффекты и действия. Я не буду их использовать.

работа с картинками аватан

Шаг 5. Когда эксперименты с цветом закончены можно поиграть с дополнительными элементами. Для этого переходим во вкладку «наклейки» и выбираем подходящую категорию. Я добавлю цветы: 

наклейка в аватан

Кликаем по нужной категории и подбираем подходящий элемент. Наклейка появится на нашей картине и откроется окно, где можно настроить ее свойства.

украсить картинку для статьи

Размер наклейки можно отрегулировать, потянув за уголки. Также ее можно переместить в нужное место, для этого кликаем в центр наклейки и перетаскиваем. 

При необходимости добавляем к изображению рамку.

рамки в иллюстрациях

Шаг 6. Переходим к надписи для нашей преображенной картинки. Для этого нажимаем на вкладку «текст» и в специальном окне вводим  надпись и кликаем кнопку «добавить».

текст на иллюстрации

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

шрифты для надписей в иллюстрации

И во вкладке «свойства текста» настраиваем начертание, цвет, ориентацию и сохраняем.

начертание текста на картинке

Вот и все процесс преображения завершен.

Шаг 7. Сохраняем обновленную иллюстрацию.

Нажимаем вкладку «сохранить». Выбираем место для хранения, настраиваем нужные параметры и снова жмем «сохранить».

результат работы в аватан

В открывшемся окне выбираем место сохранения, задаем имя файлу и жмем «сохранить».

сохранить картинку в аватан

Обработка иллюстраций в сервисе Editor Photo

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

Шаг 1. Для начала работы просто открываем главную страницу программы, выбираем функцию «фоторедактор» и нажимаем кнопку «начать редактирование».

фоторедактор для иллюстраций

Шаг 2. В открывшемся окне, выбираем откуда хотим загрузить изображение.

загрузить фото в Editor Photo

Находим на компьютере нужную картинку и нажимаем «открыть».

картинка в Editor Photo

После загрузки картинки, открывается рабочее поле.

рабочее поле Editor Photo

Шаг 3. Начинаем превращение. Если необходимо обрезаем картинку до нужного размера. кликаем на верхнюю кнопку панели управления, тянем за уголки, чтобы выделить нужную область и нажимаем «применить».

обрезка фото в Editor Photo

Чтобы повернуть картинку, кликаем на соответствующую кнопку, выбираем как отразить изображение и направление поворота. Также  передвигая круглый ползунок, можно задать угол наклона. Когда все настроено, кликаем «применить».

поворот картинки Editor Photo

Шаг 4. Изменение цветовой гаммы.

Экспериментируем с вкладками «экспозиция», «цвета», «резкость». Передвигаем ползунок по дорожке и подбираем цветовое решение. В конце не забываем кликнуть «применить».

настройка яркости Editor Photo

резкость картинки Editor Photo

Шаг 5. После экспериментирования с цветом, можно дополнить картинку стикерами. Нажимаем на вкладку, выбираем нужную категорию. Я выбрала «животные».

стикер в Editor Photo

В открывшейся вкладке, выбираем подходящий элемент и кликаем на него. Я возьму бабочку. Стикер появляется на нашей картинке. На специальной панели можно изменить размер, выпрямить, повернуть, отразить стикер. Чтобы переместить элемент, кликните в центр и перетащите на нужное место.

 создать иллюстрацию в Editor Photo

При желании можно дополнить изображение рамкой, нажимаем нужную вкладку, подбираем рамку и кликаем «применить».

 размер картинки Editor Photo

Также можно украсить изображение дополнительными текстурами или эффектами.

Я применю текстуру. Кликаем на вкладку текстуры, выбираем, подходящую для нашего изображения, регулируем настройки и применяем.

текстуры Editor Photo

Шаг 6. Дополним изображение надписью. Нажимаем вкладку текст и в специальном поле вводим нужную надпись.

создать надпись в Editor Photo

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

шрифт иллюстрации в фоторедакторе

Преображение завершилось.

Шаг 7. Сохраняем обновленную иллюстрацию. Нажимаем на кнопку «сохранить и поделиться».

сохранить иллюстрацию в Editor Photo

Чтобы сохранить на компьютер нажимаем кнопку скачать.

скачать иллюстрацию Editor Photo

 

Этап 3. Добавляем картинку в текст

Шаг 1. Проверим как изменились показатели уникальности после преображения.

показатели уникальности иллюстрации

Отлично! Теперь картинка уникальна и не встречается в других источниках. 

Шаг 2. Открываем статью в Google docs и ставим курсор в то место, где должно появится изображение. Поскольку я оформляла заглавную картинку она  располагается сразу после заголовка.

иллюстрирование статьи в гугл док

Шаг 3. Вставляем изображение через меню «вставка» —> «изображение» —> «загрузить с компьютера». 

вставка изображений в гугл док

Выбираем в папке нужную картинку и нажимаем «открыть».

работа с иллюстрированием статьи

Все иллюстрация добавлена в текст.

оформление статьи

Кликаем на картинку, растягиваем до нужного размера и выравниваем по центру. 

настройка картинки в статье

Вот, что получилось в итоге.

редактировать иллюстрацию без регистрации

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

Ну а наши обучающие программы помогут вам получить специальность копирайтера и веб-райтера:

  • выбирайте «Кузницу бизнес-авторов», если хотите писать статьи на заказ
  • или «Цех копимаркетологов», если хотите работать с продающими текстами, прототипами лендингов и целыми автоворонками.

Ну а полные новички могут начать с бесплатного «Свободного курса». 

The following two tabs change content below.
  • Об авторе статьи
  • Последние материалы
Евгения Говорухина

Евгения Говорухина

В прошлом педагог. С рождением ребенка решила резко изменить свою жизнь. Сейчас погружаюсь в искусство текстописания.
Евгения Говорухина

Последние материалы автора Евгения Говорухина (смотреть все)

  • Как оригинально проиллюстрировать статью, если ты не дизайнер: простая инструкция - 29/06/2021
  • Словарный запас копирайтера: простые способы разнообразить лексикон - 03/03/2020

Почитайте похожие статьи

  • как написать статью для википедии
    Как написать статью для Википедии: пошаговая инструкция для начинающих

    Все мы пользуемся информацией из Википедии. И даже не задумываемся, кто и как ее туда…

  • дайджест как написать
    Создание дайджеста «для чайников»: подробная инструкция

    Если вы хотите попробовать написать дайджест, давайте сделаем это вместе. Пройдем все шаги от подготовки…

  • Творческий кризис web-автора: пошаговая инструкция по выходу

    «Кризис — это то, что обязательно произойдет» — любит повторять мой «гуру» по финансовой грамотности.…

Навигация по записям

Сторителлинг бренда: как использовать истории в создании и продвижении компании
Настраиваем и применяем стили в Google docs (Гугл докс): подробная инструкция
Надоели копейки
на биржах?

Надоели копейки на биржах?

есть такое...

Поиск

Рубрики

  • Копирайтеру
  • Веб-райтинг (заработок на статьях)
  • SEO-райтинг
  • Копирайтинг в общем
  • Заработок копирайтера
  • Виды заработка
  • Заказчики для копирайтера
  • Биржи «копирайтинга»
  • Копиментор: исправляем ошибки
  • Копихак
  • Обучение копирайтеров
  • Полезности для копирайтера
  • Фриланс
  • Развернуть
    • Видеоуроки по копирайтингу
    • Лендинги
    • Веб-аналитика и тестирование
    • Мнение копирайтера
    • Эффективность работы
    • Рецензии
    • Новости и анонсы
    • Email-копирайтинг

Мы Вконтакте

Пройдите бесплатный курс,
чтобы избежать типичных ошибок новичков!

Школа продающих текстов Сергея Трубадура

© 2018 Школа продающих текстовСергея Трубадура

Отзывы о Школе






  • Страницы
    • О тренере
    • Обучение
    • Ученики и отзывы
    • Статьи и новости
    • Гид по сайту
    • Партнерка
  • Популярные рубрики
    • Копирайтинг в общем
    • Копихак
    • Эффективность работы
    • Обучение копирайтеров
    • Мнение копирайтера
    • Заказчики для копирайтера
    • Копирайтеру

Свежие записи

  • Как писать статьи БЫСТРО
  • Какую цену за 1000 знаков поставить копирайтеру
  • Хорошая работа для копирайтера: где ее найти
  • Как стать копирайтером без опыта
  • Копирайтинг или рерайтинг: что я написал