Как сделать картинку с цитатой для ВК

Данная статья содержит описание всех параметров для настройки Цитгена, а также примеры его работы.

Поддерживаемые команды настроек:

Таблица 1. Поддерживаемые названия цветов и их внешний вид

Фон(#000000) — задаёт цвет заливки картинки. «#» в начале не обязательна. Цвет задаётся в формате HEX (принимает цифры 0 — 9 и латинские буквы a — f) или буквенным названием текста из таблицы.

Рфон(0, 0, 0) — является альтернативной командой, ответственной за смену цвета заливки картинки. Запятые между числами необязательны. Цвет задаётся в формате RGB (числа должны быть от 0 до 255) или буквенным названием текста из таблицы.

Хфон(0, 0, 0) — ещё одна альтернатива предыдущим двум командам. Цвет задаётся в формате HSV (первое число от 0 до 360, второе и третье число от 0 до 100) или буквенным названием текста из таблицы.

Как создать картинку с текстом для поста в ВК, ОКИ, ИНСТАГРАМ В приложении ПОСТЕР

Цвет(#ffffff) | Текст(#ffffff) — отвечают за цвет текста. «#» в начале не обязательна. Цвет задаётся в формате HEX (принимает цифры 0 — 9 и латинские буквы a — f) или буквенным названием текста из таблицы.

Рцвет(255, 255, 255) | Ртекст(255, 255, 255) — альтернатива командам «Цвет» и «Текст». Запятые между числами необязательны. Цвет задаётся в формате RGB (числа должны быть от 0 до 255) или буквенным названием текста из таблицы.

Хцвет(360, 0, 100) | Хтекст(360, 0, 100) — еще одна альтернатива предыдущим командам. Цвет задаётся в формате HSV (первое число от 0 до 360, второе и третье число от 0 до 100) или буквенным названием текста из таблицы.

Прозрачность(255) — отвечает за прозрачность картинки у фона. Данная команда работает только при наличии прикреплённой картинки к сообщению и прикрепленного сообщения с заданной картинкой. Принимает значения от 0 (непрозрачная картинка на фоне) до 255 (прозрачная картинка на фоне).

Шрифт(0) — задаёт тип шрифта у текста в цитгене. 0 означает код шрифта. Список кодов ниже.

Коды шрифтов. Доп. символы:
i — курсивный. b — жирный. bd — полужирный. bi — полужирный курсив. l — light. li — light курсив. c — cond.

0 — Jikharev
1 — MarshrutC
2(b|bd|bi|i) — arial
3 — Copyright_House
4(b|bi|i) — ARIALN
5(b|bi|i|l|li) — calibri
6(b|bi|i) — cambria
7 — Staccato555 TL Regular
8 — pricedown_rus
9(b|bi|c|i|l|l2|li) — FRADM
10 — Helv Cond Bold
11(b|bi|i) — times
12 — Impact Regular
13 — Lobster Regular
14 — Product Sans
15 — Moscow_6TrollPark_Side_edited
16(c|l) — Moscow_7TrollPark_Front_edited
17 — Moscow_12AP_Front_edited
18 — Moscow_16ap_Front_edited
19 — Moscow_Cherkizovo_Depot_Light_edited
20 — Moscow_Planernoye_Depot_edited
21 — Moscow_Severnoe_Depot_edited
22 — Moscow_Varshavskoe_Depot_edited

Как сделать картинку с цитатой для паблика в ВК?

23 — Moscow_2TrollPark_Old_edited
24 — Moscow_4AP_edited
25 — Moscow_5ap_Side_edited
26 — Moscow_5TrollPark_Side_edited
27 — Moscow_10AP_edited
28(b|bc|c|m) — RussianRail-G-Pro
29 — PF Playskool Pro 3D Regular

Например чтобы задать жирный шрифт Times New Roman у цитаты, необходимо будет написать шрифт(11b).

Нет любимого вашего шрифта? Напиши его название создателю или в Студию. Актуальный список шрифтов перечислен у бота.

Прикреплённая картинка к команде, прикреплённое сообщение с картинкой — задаст картинку фона у генерируемой цитаты.

Прикреплённые сообщения или запись со стены — укажут текст для цитаты.

Текст (за исключением специальных слов, ответственных за настройки) — укажет текст для цитаты.

Ограничения Цитгена:

Суммарная длина всех цитируемых сообщений не должна превышать 2048 символов.

Количество цитируемых сообщений не должно превышать 10 .

Особенность цитирования пересланных сообщений:

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

Пример 1. Цитген без параметров настроек

Пример 2. Цитген со сменой шрифта

Пример 3. Цитген с измененным шрифтом, цветом фона и текста

Пример 4. Цитген с изменённым текстом в заголовке и автором

Пример 5. Цитген с прикреплённой записью со стены и измененным шрифтом

Пример 6. Цитген по пересланным сообщениям, с заданной картинкой для фона, её прозрачностью и изменённым шрифтом

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

Источник: studio-petukh.ru

Как называются картинки с надписями в контакте

Картинки в аккаунтах в соцсетях так же важны, как и контент. Иногда даже важнее, потому что красивая картинка — повод прочитать текст. Даже появилась новая вакансия «пикчера» — человека, который будет делать цепляющие картинки, поддерживающие текстовую часть.

Чтобы оформить страницу в соцсети без чужой помощи, выполняйте 5 правил:

Подбирайте под текст оригинальные картинки

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

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

Используйте легальные изображения

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

Подбирайте размер

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

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

ВКонтакте

• Аватар сообщества: от 200х200 px до 200×500 px.
• Размер миниатюры аватара: круг диаметром 200 px.
• Картинка в меню группы: ширина 510 px. Высота любая, но не слишком большая, чтобы изображение не было вытянутым. При размере 510 х 353 картинка в меню будет заканчиваться на одном уровне с аватаром, размером 200 х 500 px.
• Максимальная ширина картинки в ленте новостей: 510 px.

Фейсбук

• Фото профиля: 180х180 px.
• Обложка: 851 х 315 px.
• Картинка для поста: 1200 x 630 px.

Твиттер

• Фото профиля: 400 x 400 px.
• Обложка: 1500 х 500 px.
• Картинка для твита: 1024 x 512 px.

Инстаграм

• Фото профиля: 110 x 110 px.
• Картинка для поста: 1080 x 1080 px.

YouTube

• Фото профиля: 800 x 800 px.
• Обложка канала: 2560 x 1440 px.
• Картинка поверх видео: 1280 x 720 px.

Пинтерест

• Фото профиля: 165 x 165 px.
• Картинка для пина: 735 x 1102 px.

Хорошая новость — всю работу по подготовке фото к публикации вам помогут проделать сервисы:

• Pablo — обрежет фото для Pinterest, Facebook, Twitter. Даже регистрироваться не нужно, загружаете фото, обрезаете, скачиваете. Также можно добавить на фото надпись или умную цитату и наложить фильтр.
• Befunky — с ним удобно делать обложки для Facebook, Twitter, Youtube. А ещё можно добавить эффекты, многие из которых доступны бесплатно.
• Pixlr — полноценный фоторедактор.
• Picmonkey — куча эффектов и возможность собирать картинки в коллажи.
• Timelineslicer — редактор, заточенный под Facebook. В пару кликов можно нарезать картинки для этой соцсети.
• Image Size Info — расширение для Google Chrome, с помощью которого вы сможете моментально узнать размер любой картинки, стоит только кликнуть по ней правой клавишей мыши и выбрать соответствующий пункт в выпадающем меню.

Используйте эти сервисы или выбирайте один из фоторедакторов для начинающих.

Создайте собственный стиль

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

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

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

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

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

Цветовой контраст

Пользователь должен за секунду увидеть надпись и понять её. Капитан Очевидность подкидывает правило: хочешь, чтобы надпись была видна — сделай её чёрной на белом, то есть контрастной. На самом деле, вариантов контраста несколько больше. Вот два самых применимых:

• Тёмный и светлый
  Тёмный фон и светлый текст или светлый фон и тёмный текст. Только не лепите чёрный текст на любое фото, подберите цвет, соответствующий гамме изображения. В этом поможет сервис сolor.adobe.com. Проследите за тем, чтобы отдельные буквы надписи не попадали на участки фото с похожим цветов, иначе они не будут читаться.
  
• Контраст дополнительных цветов Дополнительные цвета — такие, при смешивании которых получается серый цвет. Обычно их сочетание кажется гармоничным.
  Чтобы найти дополнительные цвета, используйте цветовой круг Иттена, в котором они расположены друг напротив друга.
  

Размытость

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

Плашка

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

Текст, объединённый с картинкой

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

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

Где найти картинку?

Есть множество платных и бесплатных возможностей найти картинки для использования в соцмедиа – например, 7 платных и 7 бесплатных фотобанков.

18 самых популярных фотобиблиотек от Creative Blog включает как бесплатные ресурсы, так и с возможностью оплаты за картинку или подписку.

фотобанков от TopTenReviews сравнивает и ранжирует сервисы по качеству изображений, возможностям поиска и выбора.

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

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

• учитывайте – при определении зрительных центров, кадр, как правило, делится линиями, параллельными его сторонам, в пропорциях 3:5, 2:3 или 1:2. Правило утверждает, что изображение должно рассматриваться разделенным на девять равновеликих частей с помощью двух равноудаленных параллельных горизонтальных и двух параллельных вертикальных линий. Важные части композиции должны быть расположены вдоль этих линий, или на их пересечении – в так называемых точках силы.
• западные эксперты фотографировать объект снизу или сверху, чтобы получить более интересный угол отображения,
• настройки чувствительности – все просто, чем хуже освещенность, тем больший параметр ISO необходимо установить на камере, и наоборот,
• обращайте внимание на задний план – никаких лишних и нежелательных объектов,
• как можно реже используйте зум – качества картинке он уж точно не прибавит.

Как отредактировать картинку?

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

Редактирование фотографий

Инструмент позволяет создавать изображения для Pinterest, Facebook, Twitter, презентаций, инфографик и т.д. Достаточно выбрать фон, разместить на нем графические элементы (число которых тут более 1 млн.) и добавить текст. Большая часть инструментов сервиса бесплатны.

Создание картинок с цитатами

Бесплатный инструмент позволяет создавать картинки с текстом в стиле «Аткрыток».

Бесплатный инструмент позволяет быстро создать картинку с цитатой для обложки в Facebook, Twitter и Google+, и открыток.

1. Добрый день картинки красивые прикольные осенние
2. Замысловатые картинки
3. Надежда картинки со смыслом
4. Классные котики картинки

Источник: statuslife.name

Как быстро сделать постер или картинку с цитатой

В социальных сетях можно посмотреть и почитать очень много постеров. 90% стены ВКонтакте, Одноклассники усеяны именно ими, картинками с цитатами от имени тех знаменитостей, которые даже такого не говорили и не высказывались. Иногда даже самому хочется создать постер самостоятельно. Можно воспользоваться Adobe Photoshop, а можно проще, красиво и быстро.

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

Первым делом выбираем шаблон будущего постера. И в специальное поле пишем текст или умную цитату.

Нажимаем на кнопку Create.

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

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

Ссылка ReciteThis.

Интересное на сайте:

• Как найти похожую картинку, изображение или фотографию в интернете
• Сервис Turbologo – быстрое создание логотипа, фирменного бланка документа, обложки для соц.сетей
• Онлайн рисовалка для детей и не только
• Как сделать черно-белое фото цветным
• Как создать логотип онлайн-2: обзор англоязычных сервисов
• Брашечка — онлайн рисование для маленьких детей

Источник: lifevinet.ru