?

Log in

No account? Create an account

Previous Entry | Next Entry

Я наконец-то сделала склейку своей "Бесконечной книги". Под картинкой ползунок (scroll bar). Тяните его вправо, чтобы посмотреть всю книгу. Формат 24х32см; техника - акварель, простой и цветные карандаши, белила; бумага - Canson Montval 300g/m2.




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

Прокрутку своей книги я сделала по рецепту Сергея Степненко (stepbystep_hdr), который вычитала у nuts. Здесь у Сергея ещё целый ряд подробных примеров для разных видов прокруток: "Как вставить в пост длинную картинку с прокруткой".

Чтобы картинка прокручивалась так, как у меня, нужно в свой постинг вставить следующий код (только не в режиме "Визуальный редактор", а в режиме HTML - переключается вверху справа в рамочке текста для постинга):

<div style="overflow-x: scroll;"><img src="{image_url}" style="min-width:{image_width}px;min-height:{image_height}px" /></div>
вместо надписей в фигурных скобочках подставьте следующее:
{image_url} - ссылка на вашу картинку
{image_width} - ширина картинки
{image_height} - высота картинки

Однако, как мне кажется, это метод не совсем идеален. У моей книги сейчас 13 страниц, а она уже шириной 10 634 pix и весом больше 3Mb. Нужно будет придумать что-то другое. Например, перейти на слайд-шоу, а может разбить книгу на несколько полосок-панорам и делать для каждой отдельное окно прокрутки.

Поэтому есть и другой выход - подгружать несколько картинок: (надписи вроде [ширина картинки] нужно заменить на числа, удалив и квадратные скобки и буквы). Главное, обратите внимание, чтобы обязательно стояло white-space: nowrap - чтобы код не сворачивал картинки во много рядов, а продолжал выкладывать одну за другой:

<div style="overflow-x: scroll; width:[ширина картинки]px; white-space: nowrap;"><img src="[адрес картинки]" style="min-height:[минимальная высота картинки]px; min-width:[минимальная ширина картинки]px;" /><img src="[адрес картинки]" style="min-height:[минимальная высота картинки]px; min-width:[минимальная ширина картинки]px;" /><img src="[адрес картинки]" style="min-height:[минимальная высота картинки]px; min-width:[минимальная ширина картинки]px;" /></div>


По-прежнему хочу вас попросить не забывать ссылаться на сайт проекта. Для этого скопируйте и поставьте в конце своего постинга, если пишете о "Бесконечной книге", вот этот код (делайте это тоже в режиме HTML!):
<a href="http://endless-book.floaty.de/" target="_blank">Сайт проекта &laquo;Бесконечная книга&raquo;</a><br>
<a href="http://conjure.livejournal.com/tag/endless_book" target="_blank">Новости и трансляция книг всех участников проекта</a>

.......................................
Общая информация о проекте
Сайт проекта: книжный проект «Бесконечная книга».
Ссылки на масстер-классы для книги-гармошки: здесь.
Сообщество на фликре: An endless book
.......................................

Comments

( 62 comments — Leave a comment )
Page 1 of 3
<<[1] [2] [3] >>
princess_dragon
Mar. 28th, 2014 12:38 pm (UTC)
Как же здорово!
И очень остроумно это у тебя выходит! ;-)
conjure
Mar. 28th, 2014 05:48 pm (UTC)
Re: Как же здорово!
Спасибо! Надо же, я даже не задумывалась :-)
surgiilurg
Mar. 28th, 2014 12:44 pm (UTC)
Здорово получилось - одно длинное полотно, стоило того чтобы со стыками возиться.
conjure
Mar. 28th, 2014 05:48 pm (UTC)
Да, зато теперь нужно будет каждую неделю не десятками обрабатывать и подклеивать, а только по одной :-)
arttechies
Mar. 28th, 2014 12:45 pm (UTC)
Очень, очень красиво и вдохновительно!
conjure
Mar. 28th, 2014 05:49 pm (UTC)
Спасибо! :-)
cat_arch_angel
Mar. 28th, 2014 12:47 pm (UTC)
как здорово, очень интересно рассматривать.. такие истории придумываются. Натали, а какая-то текстовая часть, сопровождающая книгу, у вас будет? или это слишком личное?
conjure
Mar. 28th, 2014 01:23 pm (UTC)
Текстовая часть есть, но она скорее для случая, если книга действительно будет издаваться. Пока секрет, о чём, да :-)
artfeltig
Mar. 28th, 2014 01:04 pm (UTC)
Ура, теперь вашу красивую книгу можно легко рассматривтаь!!
conjure
Mar. 28th, 2014 05:50 pm (UTC)
Да, а то я её одна всё время полотном рассматривала, а ведь и правда интересно посмотреть, какое там было начало.
ovaleeva
Mar. 28th, 2014 01:13 pm (UTC)
Какая роскошь получилась! Наконец-то во всей красе полюбоваться можно и целым, и деталями ))
Мне кажется, что пока можно делать несколько панорам таких - слайдшоу все-таки не дает такого представления. А там уж придумать что-то еще.
conjure
Mar. 28th, 2014 05:52 pm (UTC)
Да, я тоже думаю, что просто частями показывать, как раз каждый квартал 13 страниц. Только не понятно, копить ли сначала странички новой части и показывать весь квартал уже в конце, или же новую панораму просто начинать с картинкой из предыдущего квартала и постепенно продолжать.
(no subject) - ovaleeva - Mar. 28th, 2014 06:05 pm (UTC) - Expand
podebrad
Mar. 28th, 2014 01:55 pm (UTC)
офигеть
!!!!!!!!!!!
conjure
Mar. 28th, 2014 05:52 pm (UTC)
:-)
adannaya
Mar. 28th, 2014 01:55 pm (UTC)
класс! как же здорово смотрится
conjure
Mar. 28th, 2014 05:53 pm (UTC)
Спасибо! :-)
nick_ul_la_la
Mar. 28th, 2014 01:58 pm (UTC)
Как здорово, что теперь вашу книгу можно рассмотреть подробнее. Очень понравилась ваша идея с рыбками. А я все сижу и думаю, как решить задачу, не очень просто мне задания даются.
conjure
Mar. 28th, 2014 02:17 pm (UTC)
А что вы хотите проиллюсстрировать? Возьмите предметы или героев, которые символизируют ту ситуацию, которую вы хотите нарисовать. А теперь приделайте этим героям какие-то предметы, которые их характеризуют.
(no subject) - nick_ul_la_la - Mar. 28th, 2014 06:23 pm (UTC) - Expand
(no subject) - conjure - Mar. 28th, 2014 10:39 pm (UTC) - Expand
jeni_75
Mar. 28th, 2014 02:37 pm (UTC)
это что-то фантастическое !!!! очень интересно было бы подержать такое в руках
conjure
Mar. 28th, 2014 05:54 pm (UTC)
Пока страшно даже думать об этом. Потому что для книги нужна будет куча дополнительной работы по одной только подготовке для вёрстки. Да и такой формат не всякий издатель возьмётся печатать.
gadki_goosenok
Mar. 28th, 2014 02:58 pm (UTC)
А склеить все картинки можно только в фотошопе? А что-нибудь попроще для юзеров-лузеров есть?
conjure
Mar. 28th, 2014 05:45 pm (UTC)
Там у nuts по ссылке посмотрите, она какой-то сайт для создания панорамных снимков нашла (у неё там последеним пунктом), но я не пробовала - ничего не могу посоветовать.
by_tanchic
Mar. 28th, 2014 04:31 pm (UTC)
какой удивительный переход из суши в воду получился! красота)
conjure
Mar. 28th, 2014 05:54 pm (UTC)
Спасибо! :-)
nuts
Mar. 28th, 2014 04:51 pm (UTC)
Очень, очень, очень красиво и интересно!
Я еще вчера увидела ваших рыб-шариков и хотела написать, что мечтаю все целиком посмотреть =))
conjure
Mar. 28th, 2014 05:47 pm (UTC)
Спасибо Вам, что позаботились об информации, как такую панорамку сделать :-)
(no subject) - nuts - Mar. 28th, 2014 05:53 pm (UTC) - Expand
(no subject) - nuts - Mar. 28th, 2014 05:57 pm (UTC) - Expand
(no subject) - conjure - Mar. 28th, 2014 06:01 pm (UTC) - Expand
(no subject) - Наталья Козлова - Mar. 30th, 2014 05:11 pm (UTC) - Expand
lenna_lena
Mar. 28th, 2014 05:47 pm (UTC)
очень круто! А рыбки просто шикарные))) спасибо за ссылки, надо будет обязательно изучить))
conjure
Mar. 28th, 2014 05:55 pm (UTC)
Конечно почитайте, там всё очень понятно и толково описано. Сразу какой-то порядок в душе по поводу проекта наступает.
evlena
Mar. 28th, 2014 06:57 pm (UTC)
Как же все-таки интересно смотреть историю целиком (или хотя бы ее часть :).
Очень понравилось как домики в начале книги перекликаются с домиками под водой, и даже вывески — желтая и синяя. Велосипед — просто шедевр!
Page 1 of 3
<<[1] [2] [3] >>
( 62 comments — Leave a comment )

Profile

conjure
{ Natalie Ratkovski}
www.floaty.de

Latest Month

September 2019
S M T W T F S
1234567
891011121314
15161718192021
22232425262728
2930     

Tags

Powered by LiveJournal.com
Designed by yoksel