Как добавить подпись под фотографией


Содержание

Подпись картинки (теги figure и figcaption) | HTML

Внимание! Статья на переработке. Прежний вариант был перенесён сюда в связи с более подходящим заголовком.

Как сделать надпись под картинкой

Кроме содержания атрибутов alt и title при поиске по картинкам используются тексты, находящиеся в непосредственной близости от изображения. Часто это выглядит как: Когда-нибудь котёнок выберется из лужи

Автоматическая нумерация картинок

Изображение с подписью в рамке

Общий CSS стиль:

Текст длиннее изображения. Если картинка располагается по центру, то хочется использовать всё пространство родительского блока. Когда-нибудь котёнок выберется из лужи

Когда нужно чтобы ширина контейнера была не больше ширины картинки (для Google Chrome см. код ниже, для него нужно обязательно указывать w > Когда-нибудь котёнок выберется из лужи

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

HTML подпись под картинкой, появляющаяся после наведения курсора мышки

К CSS выше добавить: Когда-нибудь котёнок выберется из лужи

Несколько фотографий и одно описание

Про тег figure и figcaption хорошо написано у html5doctor.com: статья 1 (в комментариях тоже можно найти интересные моменты), статья 2, а также следует прочитать первоисточник w3.org. Словом, так тоже будет верно: Когда-нибудь котёнок выберется из лужи. По крайне мере одному уже удалось из гадкого утёнка превратиться в величавую птицу

Появление подписи картинки при наведении на неё курсора мышки

14 комментариев:

Анонимный есть ли возможность автоматом проставлять теги alt и title для изображений в блоггере ? NMitra Я такого способа не знаю и поскольку всё равно пишу всё на вкладке «Изменить HTML», то добавление alt не вызывает у меня неудобства. Любопытно то, что в нескольких местах шаблона, например, в заголовке при использовании изображения, всё же данный атрибут применяется. Анонимный Хм, а если изображений 10-к или более на статью? Жуть. Раньше мне было все равно, но недавно стал юзать фоторекламу на блоге.
Жаль что этого не хотят решить разработчики Блоггера. NMitra Вот у меня тоже такое впечатление, что именно не хотят, а не не могут. Поскольку некоторые другие функции, которые добавленные в блог, удивляют. Анонимный 1 Olga Я сделала шапку блога в xHeader,картинку (часть картинки)я взяла на бесплатных изображениях,т.е.мне ее прописывать не надо. Как правильно записать HTML код, как будут просаны теги alt и title NMitra Если вы про http://3.bp.blogspot.com/-pI5NALFNY14/T0jg92DlVrI/AAAAAAAAAGg/QgQrIsLaKns/s1600/suberb%2B2%2B%25D1%2588%25D0%25B0%25D0%25BF%25D0%25BA%25D0%25B0%2B%25D0%25B1%25D0%25BB%25D0%25BE%25D0%25B3%25D0%25B0%2B2.jpg , то она является фоновым изображением, прописана через стили, alt и title не требуются. Svetlana Kuzmina Добрый день! Я только начинающий блоггер, подскажите, пожалуйста, КАК сместить картинку в заголовке блога, чтобы она была СПРАВА? Заранее спасибо за помощь!
http://stylistjournal.blogspot.ru/ NMitra Добрый день. Справа от чего? Картинку нужно ужать?
Svetlana Kuzmina Наталья, спасибо, разобралась. Irina Sanirio Хочу, чтобы все изображения в блоге имели простую рамку с тенью и подпись находилась в рамке. Скопировала первый код из «Изображение с подписью в рамке», вставила в шаблон (в CSS). Не работает. NMitra То что в style — эту часть нужно вставить туда где CSS.
А ниже, после

,включительно, это нужно добавлять в тело сообщения на вкладке HTML.

Сначала потренируйтесь, весь код целиком добавьте в сообщение на вкладке HTML.

Я пишу всю статью с включенным режимом HTML, мне не составит труда пару строк. А вам не думаю, что будет сподручно каждый раз переключаться. BUTAMUHbI4 «Когда-нибудь котёнок выберется из лужи». Тут смысл более широкий, чем кажется на самом деле. Образы слов следующие:

«котёнок» — это ребёнок, а в некоторых случаях и более объемлющее значение: человек.
«лужа» — это психологические (и только, т.к. всё остальное пляшет от психики человека) рамки, в которые загоняют котёнка с момента его появления на свет (и хуже всего то, что в большей степени это делают его родители на подсознательном уровне, т.к. сами росли в таких же рамках).

Отсюда рождается следующее:
Зачем загонять котёнка в лужу самОй постановкой изначального предложения? Ведь даже неоднозначное наречие «когда-нибудь» уже внедряет в подсознание котёнка возможность «вечного» пребывания в луже, т.к. есть вариант, что «когда-нибудь» никогда не случится (котёнок может просто умереть несколько раньше)..

Подпись под картинкой

27.06.2015, 12:36

Вставка картинки и подпись под картинкой
помоги пожалуйста с элементарщиной вот задание 3 поместите в тело документа image изображение 4.

Текст под картинкой
Всем привет!! Ходил по поиску но к сожалению не нашел решения. Мне нужно чтоб под картинкой по.


Текст под картинкой
Возникла такая проблема. Мне дали набор html страничек (вообщем сайт). И сказали чтобы я выложил.

Добавление названия к изображению

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

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

Щелкните нужное изображение.

Нажмите Ссылки > Вставить название.

Чтобы использовать подпись по умолчанию («Рисунок»), введите текст в поле Название.

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

Другие приложения Office

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

Возможно, потребуется переместить поле в нужное положение.

Щелкните текстовое поле и введите текст названия.

Выделите изображение и текстовое поле, а затем на вкладке Формат | Работа с рисунками нажмите кнопку Группировать.

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

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

Добавление подписей к изображениям в WordPress

Для начала необходимо загрузить изображение. Затем в редакторе записи кликаем по иконке «Добавить блок» и выбираем блок «Изображение».

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

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

После добавления изображения, оно появится в редакторе вместе с текстовым блоком «Добавить подпись…», расположенным прямо под ним. Именно тут можно добавить подпись к изображению.

Илон Маск рекомендует:  Онлайн-интенсив «Базовый HTML и CSS» с личным наставником

После внесения изменений сохраните пост, кликнув по кнопке «Опубликовать» или «Обновить».

Добавление подписи к изображениям в «Галерее»

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

Давайте посмотрим, как добавить подпись к изображениям в блоке «Галерея».

Для создания галереи переходим в редактор записи. Далее кликаем по иконке «Добавить блок» и выбираем «Галерея».


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

Если изображения загружаются последовательно, подписи к ним можно будет добавить после загрузки. После загрузки кликаем по нужному изображению и видим, что появляется поле «Добавить подпись».

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

Добавление подписей в библиотеке медиафайлов WordPress

В панели администрирования WordPress кликаем по вкладке « Медиафайлы» — «Добавить новый».

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

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

Здесь можно редактировать название изображения и добавлять метаданные.

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

Можно разместить изображение сразу в нескольких постах без необходимости повторно добавлять метаданные. Всякий раз при добавлении к записи изображения из медиа-библиотеки оно уже будет содержать сохраненные метаданные.

Добавление подписей в WordPress с помощью классического редактора записей

В старом версии редактора кликаем по кнопке «Добавить медиафайл», чтобы загрузить изображение или выбрать его из медиа-библиотеки.

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

Затем нажимаем кнопку «Вставить в запись», чтобы добавить изображение. Теперь в режиме предварительного просмотра в редакторе записей можно увидеть изображение с подписью. Сохраняем внесенные изменения.

Добавление подписей к изображениям в галерее WordPress с помощью классического редактора

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

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

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

Чтобы добавить галерею в запись или на страницу WordPress, надо кликнуть по кнопке «Вставить галерею».

Надеемся, что данная статья помогла вам понять, как добавлять подписи к изображениям в WordPress.

Данная публикация представляет собой перевод статьи « How to Add Caption to Images in WordPress » , подготовленной дружной командой проекта Интернет-технологии.ру

Как сделать подпись под снимком

А стоит и вообще делать подпись под снимком? Безусловно, да, если вы хотите как-то обозначить то, что происходит на фото. Фото без подписи – это просто картинка, с подписью – документ, история.

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


Фотографии как никто другой расскажут о жизни интересующего вас человека, о его увлечениях, круге общения, уровне жизни. «Листая» фотографии, мы волей неволей ищем под ними подпись – хоть какой-то намек на то, кто изображен на фото, почему он в такой позе, где это он и т.д.

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

Не хотите, чтобы такое случилось и с вашими подборками фотографий? Тогда делайте к ним оригинальные познавательные подписи!

  • Не пишите обезличенно. Если на фото изображены люди, называйте их по именам.
  • Не пишите то, что и так очевидно («Машенька ест котлету»).
  • Пишите, раскрывая суть происходящего. Можно добавить юмор. От этого фотография, даже самая неудачная, может выиграть. («Машенька ест котлету, но пока ее родители не знают об этом. Они пребывают в полной уверенности, что каша, приготовленная на завтрак, будет очень полезна их маленькой дочке»).
  • Не бойтесь длинных подписей. Текст под фото может быть и в 5-6 предложений. Поверьте, он будет прочитан!
  • Используйте настоящее время глаголов. Ведь фотограф запечатлевает момент, происходящий сейчас, в настоящем. От этого фото будет передавать ощущение непосредственности происходящего.
  • В подписи под фото не используйте длинных вычурных фраз. Пишите простым, понятным языком, используя несложные конструкции.
  • Если вы добавите в текст под снимком живую речь человека (цитату), фотография «заговорит» («Машенька ест котлету, но пока ее родители не знают об этом. Они пребывают в полной уверенности, что каша, приготовленная на завтрак, будет очень полезна их маленькой дочке. «Мам, посмотри туда» — показывает пальцем на кухню старший сын Федор»).

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

Dobrovoi Master

Фиксированные подписи к изображениям

Вывод подписей к изображениям организовать можно по-разному, например используя различные hover-эффекты (всплывающие подписи, подсказки, плавные переходы, трансформация, ротация, увеличение, смещение и т.д и т.п.), или же просто, сделать их фиксированными, расположенными вне тела картинки, или непосредственно на изображении, в той или иной его части.

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

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

Подпись к изображению.

Подпись к изображению.

Внешний вид и расположение подписей будем формировать непосредственно в таблице стилей CSS, предварительно связав все элементы со стилями через определённые классы. Например, я сделал изображения в блоке «резиновыми», используя процентные значения ширины картинки width: 100%; . Как сделать картинки адаптивными, рассказывал подробно в статье Адаптивные изображения с помощью CSS, кому интересно, можете освежить память.
Во всех случаях базовому контейнеру определяем относительное позиционирование position: relative; , а подписям (элемент ), в вариантах с наложением, определяем абсолютное позиционирование position: absolute; .

1. Подпись размещается вверху, перед изображением

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

Подпись размещается вверху перед изображением.

/* группируем картинки */ figure < margin: 0px; >/* position: relative; обязательно, остальное по вкусу */ figure.ink-image < position: relative; border: 1px solid #555; >/* изображения резиновые */ figure.ink-image > img < border: 0px none; width: 100%; vertical-align: top; >/* формируем подписи к картинкам */ figure.ink-image > figcaption

2. Подпись размещается внизу под изображением

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

Подпись размещается внизу после изображения.

/* группируем картинки */ figure < margin: 0px; >/* position: relative; обязательно, остальное по вкусу */ figure.ink-image < position: relative; border: 1px solid #555; >/* изображения резиновые */ figure.ink-image > img < border: 0px none; width: 100%; vertical-align: top; >/* формируем подписи к картинкам */ figure.ink-image > figcaption

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

В последнее время, очень часто используется вывод подписей непосредственно на теле изображения, визуальный эффект наложения, с полупрозрачным фоном, или же совсем без фона. В данном примере демонстрируется подпись расположенная поверх картинки, прижатая к верхнему краю на слегка прозрачном фоне. Стили для этого вида подписей выделены в отдельный класс , цвет фона определяется в свойстве background в формате rgba , изменяя значения альфа-канала от до 1, вы легко можете задать степень прозрачности, по умолчанию выставил промежуточное значение 0.5 — полупрозрачность элемента.

Илон Маск рекомендует:  Что такое код imap_get_quota

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


/* группируем картинки */ figure < margin: 0px; >/* position: relative; обязательно, остальное по вкусу */ figure.ink-image < position: relative; border: 1px solid #555; >/* изображения резиновые */ figure.ink-image > img < border: 0px none; width: 100%; vertical-align: top; >/* формируем подписи к картинкам */ figure.ink-image > figcaption < padding: 1em; background: none repeat scroll 0% 0% #FFF; line-height: 1.3; font-family: 'Roboto', sans-serif; font-weight: 400; >/* подпись поверх картинки сверху */ figcaption.over-top

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

Всё тоже самое что и в предыдущем примере, разница только в расположении подписи. В этом варианте подпись прижата к нижнему краю изображения, работает свойство bottom: 0px; при абсолютном позиционировании position: absolute; .

МК Как я ставлю подпись/ логотип/ автограф на свои фото.

Можно чуть «зайти» на изделие, тогда вашу подпись уже точно не обрежут. Вот так:

Есть разные программы для создания логотипов, у меня их нет. Можно в простом фоторедакторе делать подписи, но мне хотелось, чтоб подпись была на прозрачной подложке. Для этого подпись должна быть в формате PNG (формат хранения графической информации).
Пошагово:
1) На сайте https://www.logaster.ru/gallery/photography-logos/ (я регистрировалась там, это быстро, бесплатно). Выбираете Создать – Логотип. В окошко вводите свои данные (фамилию, имя, можно электр. адрес своего магазинчика или сайта или просто «Связано с любовью» и прочее).

  • Поделиться

Открывается огромное количество вариантов, выбираете понравившийся шрифт, можно выбрать картинку, цвет, размер (советую сделать черную и белую, размер – растянуть логотип по-максимуму, тк сохранится он маленьким). Все созданные логотипы хранятся в вашей учетной записи. Скачать и сохранить на свой компьютер бесплатно можно самый маленький формат (но нам достаточно). Скачивается ZIP файлом, там будет несколько вариантов вашего логотипа в разных цветовых решениях. НО извлекаете и сохраняете только первый, только он будет с прозрачной подложкой. Я его обрезала. Далее вернулась на сайт, изменила цвет логотипа (их можно просто редактировать) и скачала еще один (чтобы были черный и белый). Всё! Пользуйтесь ими сколько угодно.
2) Как вставить на фото. Открываете нужное фото в Paint (это прога всегда есть на компах). Кто не знает, как открыть—наводите курсор на нужное фото и правой кнопкой мыши нажимаете, находите вкладку Открыть с помощью., наводите на нее, открыть в Paint.

  • Поделиться

Там всегда открывается увеличенное фото, уменьшите бегунком внизу его. Открываете вкладку Главное (чаще всего она уже открыта). Далее Вставить—Вставить из…, выбираете ваш файл с лого.

  • Поделиться

Оно появится в виде прямоугольника в левом верхнем углу, растяните его до нужного размера(за угол прямоугольника тянуть—тогда растягивается пропорционально, если за одну из сторон—то логотип растянется в эту сторону).

  • Поделиться

Теперь сделаем прозрачную подложку. Главная—Выделить—Прозрачное выделение (нажать).
Найдите место, где логотип будет располагаться на фото.

  • Поделиться

Девочки, надеюсь помогла кому-нибудь. Я близко не знакома с компьютерами, все это научилась делать с помощью тыка. Если что—спрашивайте.

Как ставить копирайт на фотографии. Подробная инструкция

Здравствуйте, Друзья! Меня зовут Эдуард gavailer , в ЖЖ я веду блог «Познавательные путешествия», в котором публикую яркие фоторепортажи из своих поездок по миру. Я много работаю с фотографиями и частенько получаю письма от читателей с просьбой, рассказать о том, как я ставлю на них авторскую подпись (имя, адрес сайта, знак охраны авторского парва). Очаровательный учитель школы ЖЖ lytdybr попросила меня поделиться своим опытом на этом поприще.

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

А ведь действительно, вопрос установки «копирайта» — один из первых вопросов, который возникает у фотоблогера в начале его деятельности. Правообладатель, чтобы оповестить о принадлежащем ему исключительном праве на произведение, на самом деле, не обязан указывать что-либо на своих фотографиях. Все эти знаки и подписи имеют только информативный характер.

Существует множество способов их установки:

1. Как правило, многие программы для работы с фотографиями имеют собственный инструмент для этих целей. Например, путешественник Сергей Доля sergeydolya использует стандартное добавление подписи в Лайтруме (Photoshop Lightroom). Есть и простые бесплатные программы, например, FastStone Image Viewer.

2. Некоторые фотохостинги (например, Picasa), предлагают свои варианты.

3. Лично мне варианты 1 и 2 по разным причинам не подходят и я ставлю свои «копирайты» в обычном фотошопе. Весь процесс можно автоматизировать и тратить на одну фотографию в итоге меньше секунды. Ниже я подробно рассказываю, как это делать. Сейчас я использую Photoshop CS6, однако, в других версиях алгоритм такой же, проблем возникнуть не должно.

Шаг 1: Открываем фотографию и уменьшаем её размер

Для горизонтальных фотографий я использую два основных формата: 1000px на 667px и 900px на 600px. Для вертикальных: 533×800.

После уменьшения отображем фотографию в 100% масштабе (шорткат: Ctrl+1)

Шаг 2: Создаем новый слой и черный прямоугольник

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

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

Выбираем Rectangle Tool и вытягиваем прямоугольник нужного размера.

Шаг 3: Выравниваем прямоугольник по одному из углов

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

затем необходимо выбрать оба слоя (прямоугольник и фотографию) справа, используя кнопку Shift или Ctrl на клавиатуре. Дальше нажать на соответствующие кнопки выравнивания. В моем случае это: align bottom edges и align left edges.

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

Шаг 4: Создаем текстовый элемент, форматируем и выравниваем его

Для этого используем инстремент Horizontal Type. Набираем текстовую часть. Чтобы вставить знак охраны авторского права, скопируйте его с любого места (например, отсюда ©).

Переходим к форматированию. Я использую: шрифт Calibri, обычный, размер 4pt, стиль Smooth, белый.

Переходим к выравниванию. Для этого необходимо справа в окошке «Слои» снова выделить два слоя (текст и прямоугольник), используя кнопку Shift или Ctrl на клавиатуре. Дальше нажать на соответствующие кнопки выравнивания. В моем случае это: align bottom edges и align left edges.


После этого я с помощью стрелочек на клавиатуре добиваюсь необходимого расположения элементов. Я поднимаю текст вверх на 3 пикселя (нажать стрелку ↑ три раза) и вправо на 4 пикселя (нажать стрелку → четыре раза).

Шаг 5: Добавляем элементам прозрачность

Чтобы авторская подпись не была слишком контрастной, я устанавливаю у обоих элементов прозрачность. Для этого необходимо правой кнопкой мыши щелкнуть на соответствующем элементе и выбрать пункт Blending Options.

Для текстовой части я ставлю Opacity 70%, для прямоугольника 60%. Вот и всё!

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

Для этого в Фотошопе есть экшены. Открываем панель Actions (шорткат: Alt+F9):

Открываем фотографию, уменьшаем её до нужных размеров, создаем новый экшен, даем ему название.

Нажимаем на «Запись» и проделываем шаги со второго по пятый. Нажимаем на «Стоп» и останавливаем запись экшена. Всё, процесс автоматизирован. Теперь, чтобы добавить копирайт, достаточно просто кликнуть на необходимый пункт в окне Actions.

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

Для примера выкладываю набор из трех простых экшенов (изменение размера, добавление подписи, размер+подпись). Для Photoshop CS6. Надеюсь, будет работать и на других версиях.

Вот и всё. Успехов! С удовольствием отвечу на все возникшие вопросы.

Мастер-класс: как создать красивую подпись и сохранить ее как кисть

А точнее вопрос должен звучать так: как сделать из подписи свою кисть в Photoshop? Очень просто. Для этого нам понадобится интересный узор (кисть) и красивый шрифт.

Где взять оригинальные красивые кисти для фотошопа? Варианты следующие:

1. Поисковый запрос «кисти для фотошопа».

2. Создать кисть самим, нарисовав ее в редакторе.

Если кисть выбрана (не нарисована), то ее нужно скачать и установить. Если нас не устраивает стандартный набор шрифтов, то выбираем то, что нам нравится в разделе Шрифты.

Кисти установлены, шрифты тоже, теперь нужно создать собственную красивую подпись и сделать из нее свою личную кисть. Создаем новый документ: Файл->Создать (или Ctrl+N). Содержимое фона выбираем «Прозрачный«, так нам не придется потом отделять от фона созданную кисть.

Выбираем из установленных кистей желаемую:

Используем выбранную кисть на нашем прозрачном фоне:

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

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

Сохраняем нашу кисть: Редактирование -> Определить кисть. (Edit -> Define Brush Preset. ) и даем ей имя.

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


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

Буду рада в комментариях увидеть ссылки на вашу подпись и применение кистей в Photoshop:)

Подписи к фото в Instagram: подробное руководство по написанию

Instagram — это визуальная социальная сеть, но подписям к постам здесь уделяется все больше внимания. С ужесточением алгоритмов важным становится все: и общий вид аккаунта, и подписи к фотографиям.

Разбираемся, что писать в подписи к фото в Instagram, как правильно ее оформить и использовать подпись для вовлечения аудитории.

Подписи в Instagram

Подпись — это короткий текст под фотографией в аккаунте. Instagram позволяет писать тексты до 2200 знаков. Если этого объема не хватает, блогеры переносят часть записи в первый комментарий.

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

Что содержит подпись?

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

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

Порой поднимаются серьезные или противоречивые темы, в результате чего в комментариях начинаются долгие дискуссии. Недавно Instagram анонсировал древовидные комментарии — это обновление показывает, что платформа действительно развивается не только в направлении визуального контента.

Как отметить человека на подписи к фото в Instagram?

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

1. Чтобы отметить человека на фото, нажмите на три точки в правом углу над фото, затем «Изменить». Нажмите на «Метки людей» в левом нижнем углу, откроется окно, где можно отметить пользователя — в любом месте на фото начните вводить его ник.

При таком варианте отметки пользователь получит уведомление о ней, а фотография появится в его аккаунте, в разделе «Фото с вами».

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

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

Как использовать Emoji в подписи

Для добавления смайлика просто добавьте его в текст записи. Аудитория по-разному относится к emoji в текстах.

Оптимальное использование смайлов — для выделения важных моментов в посте. Например, с помощью цветных квадратов или точек сделать маркированный список.

Как использовать хештеги в подписи

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

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

В раздел «Лучшее» попадают 9 фотографий. Выход в этот топ зависит от нескольких параметров, про которые социальная сеть не рассказывает подробно. Известно, что на выход в топ влияет количество реакций под публикацией, скорость набора лайков. Поэтому от того как подписать фото в Instagram во многом будет зависить и количество вовлеченных пользователей.


В разделе «Новейшее» находятся фотографии с хештегом, сортированные по дате публикации. Однако техподдержка Instagram признает, что и сюда снимок может не попасть. Из-за этой особенности платформы появились мифы про теневой бан Instagram: в аккаунте перестают работать хештеги. Это не так, просто в любом аккаунте любой снимок может не попасть в выдачу по тегу.

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

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

Теги можно разместить как в подписи к фото, так и в комментарии к записи.

Красивая подпись к фото в Instagram

Как создавать интересные подписи к фотографиям в Instagram? Берите пример с аккаунтов, которые вам нравятся. Проследите, какие темы они поднимают в постах, какого размера подписи в их аккаунте.

В личном аккаунте расскажите историю появления фотографии, свои последние новости или обсудите волнующий вас вопрос. Расскажите про кафе, в которое вы ходите, недавно увиденный фильм, задайте аудитории интересный вопрос. Красивые подписи под фото, которые еще и вовлекают, вызовут интерес и принесут большую пользу. Цитаты — плохая идея, оставьте их пабликам из «ВКонтакте».

В аккаунте компании подписи — это часть контент-стратегии. Сформулируйте, на какие темы говорит ваш бренд, с какой интонацией. Каждый пост должен соответствовать контент-стратегии компании. Пожелания доброго утра остались в 2012. Красивые подписи в Instagram можно увидеть на примере аккаунтов panaceas_pantry (фото выше), outdoorvoices (фото ниже).

Как анализировать подписи в Instagram?

Статистика Instagram дает подробные данные по фотографиям и историям. Но эффективность подписей по ней посчитать невозможно.

Используйте Popsters.ru, чтобы анализировать темы, размер текстов и хештеги.

Инструмент «Реферирование текста»

Нажмите на кнопку с буквой «А» справа над лентой постов. В левом блоке появятся два графика: «Слова» и «Слова/ER».

Показывает, в скольких постах встречается какое-либо слово.

Показывает средний ER для постов, в которых употреблено какое-либо слово.

По этим данным можно анализировать разные темы постов.

Также проанализировать подпись можно по графикам:

  1. Количество по длине текста;

Отображает количество постов с разной длиной текста: короткой, средней, длинной.

Показывает средний ER у постов с различной длиной подписи в Instagram.

  1. Относительная активность по длине текста.

Показывает среднюю активность в постах с подписями разной длины относительно средней эффективности записей других форматов.

Анализ хештегов в Instagram

Продолжим разбирать новые возможности по аналитике на Instagram. Для оценки эффективности использования хештегов есть три показателя:

Показывает количество постов, содержащих определенные хештеги

Показывает средний ER постов с определенными хештегами.

  1. Относительная активность по хештегам

Показывает среднюю эффективность постов с определенными хештегами относительно средней эффективности постов в аккаунте.

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

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

3. Анализировать подписи и хештеги в Instagram удобно с помощью Popsters.

Полезные статьи на похожую тему:

Илон Маск рекомендует:  Borland delphi 4 0 для начинающих опции проекта
Понравилась статья? Поделиться с друзьями:
Кодинг, CSS и SQL