more

Инструмент для оформления фотоотчетов

Сегодня я вам расскажу о мегаудобном способе, который сделает оформление объемных фотоотчетов очень простым!

До этого времени я просто вставлял в посты код из яндекс.фоток. Делал это так:

1. после редактирования фотографии загружаю в отдельный альбом на яндекс.фотках (это важно)
2. перехожу в альбом и нажимаю кнопку "Получить код" (вот почему нужно было заливать фотографии в один пост в отдельный альбом)
3. отмечаю все или только нужные мне фотографии
4. внизу копирую в буфер "Код для вставки на сайт или в блог"
5. вставляю этот набор кода в Semagic в режиме WYSIWYG (в режиме HTML код вставляется некрасиво, с нелогичными переносами)



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

Но сегодня Миша mboyarskov кинул мне ссылку на интересную тулзу, сделанную блогером же, а именно Сергеем dert Нечаевым. Тулза называется "Обрамлятор" фотографий. Главная ее функция - это сгенерировать html-код вставки изображений из ссылок на эти изображения. А кроме этого она автоматически может:

1. добавлять рамку любого цвета и толщины вокруг фото
2. вставлять ЖЖ-шный код ката, репоста и лайков
3. пронумеровать фотографии (урра!)
4. добавлять текст до или после фотографий
5. менять порядок следования фотографий без редактирования кода
6. изменять масштаб фотографий.



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

Кстати, тем, кто хотел уйти с бесплатных фотохостингов на свой собственный, это скрипт тоже будет полезен. Теперь можно брать прямые ссылки на картинки, загруженные через Wordpress и оформлять их html-кодом в "Обрамляторе".

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

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

<img src="{#prevurl#}" width="{#prevwidth#}" height="{#prevheight#}" alt="{#title#}"  title="{#title#}" style="border:solid 1px #000000">

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

Подписаться на Telegram канал unis
promo unis january 14, 2014 02:08
Buy for 100 tokens
Мой блог входит в ТОП блогов на платформе Livejournal.com. Посетители - люди в возрасте 25-45 лет, продвинутые пользователи компьютерной техники и интернет, со средним уровнем дохода, интересы - автомобили, путешествия, гаджеты, фототехника. Мои публикации часто оказываются в ТОП10 выдачи поисковых…
Любые. Софтинка питается только ссылками на фотографии.
Яндекс Фото,на данный момент лучшее из бесплатного. Хотя этот хостинг превосходит другие платные.

Здесь анлим места,нет ограничения по размеру фотографии, можно выбирать размер фотографии ( Загрузил оригинал и можно создать ссылку на различные размеры поменьше)

В Семаджике уже который год есть такая фича. Я гружу через него фотки сразу на яндекс заодно получая в буфер обмена коды на них в нужном мне размере.
Не, ты не понял. Коды яндекс вставляет, это понятно. Но не в том виде, в котором я хочу. Плюс надо вставлять вручную номера фоток. И рамки вокруг фоток смотрятся хорошо, особенно когда это скриншоты на белом фоне. Это вспомогательный инструмент, а не замена Семаджику.
Дык а с Яндекс-фотками же все, вроде, вообще просто. Правая почка мыши, копировать адрес картинки, вставить УРЛ в пост. На конце УРЛ индекс размера: XS, S, M, L, XL, XXL, XXXL. То есть, размер элементарно правится руками прямо в УРЛе (остальной УРЛ осатется таким же). Для того, чтобы сделать маленькую превьюшку, достаточно вставить скопированный УРЛ два раза: один раз в тег (или [img] в BBCode), другой - в обрамляющий его тег ([а]). В img индекс размера делаем S (или XS, или M - по вкусу и обстоятельствам), а в <а> - XXL. И все. По ссылке открывается не страничка альбома, а сама фотография, не светя альбом-источник.

Пример:
<a href="http://img-fotki.yandex.ru/get/4913/6598615.2/0_5e597_3d240c8_XXL.jpg" target="_blank"><img alt="Картинки не грузяццо..." title="ТЫНЦ!" src="http://img-fotki.yandex.ru/get/4913/6598615.2/0_5e597_3d240c8_XS.jpg" /></a>

Дает:

Картинки не грузяццо...

Тулзой, конечно, пачку картинок удобнее вставлять с превью. Но для отдельных - вполне себе удобно и так.
Есть и другой вариант - сделать себе нужный шаблон, используя этот инструмент http://www.m-sokolov.ru/services/yandexfotki/ (http://www.m-sokolov.ru/services/yandexfotki/)
Возможно не настолько функционален как обрамлятор, но более интуитивен при вставке альбомов, и даёт больше свободы в обрамлении картинки произвольным кодом.

Edited at 2013-04-07 06:08 (UTC)
Если используйте Lightroom для обработки и ведения каталога фотографий, то можно рассмотреть еще один способ - плагин, который позволяет выгружать фотографии на ЯФ, а потом сразу генерировать по шаблону разметку http://serhit.livejournal.com/27654.html.
Думаю, это будет еще удобнее...
Лайтрум просто сливает в Яндекс и выдает ссылки.

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

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

Сортировки нет,номера не проставляет,подписывать не удобно (не видны фотографии).
Для этого надо будет грузить их в симэджик и там уже сортировать и подписывать.

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