Авторизация
×

Логин (e-mail)

Пароль

Интерактивные истории, текстовые игры, квесты и визуальные новеллы
Гиперкнига

Библиотека    Блог

Пишем интерактивную историю вместе. Часть 11-я

Борис Семёнов (Morych), 09.04.13 | Практика ASM

Иллюстрации

Безусловно, самое важное в любом литературном произведении — это текст и его увлекательность. Однако возможность добавлять в интерактивную историю изображения присутствует в ASM совсем не случайно. С иллюстрациями история становится более привлекательной для читателя. И речь не только о детских сказках, в которых без картинок вообще не обойтись. Но не будем вдаваться в рассуждения о необходимости иллюстраций, это тема отдельной статьи. Сейчас просто предположим, что мы хотим разнообразить нашу историю несколькими изображениями.

Первый вопрос: какие изображения нам нужны? Помнится, в главе «Инвентарь» я обещал показать, как добавить к описанию предмета соответствующее изображение. Следовательно, нам будут нужны иллюстрации для всех возможных предметов. Пока их у нас 4 (нож, клубок, гриб и ягоды). И ещё одной картинкой нужно обязательно украсить обложку истории (параграф «Start»). Сейчас у нас имеется единственная концовка (плохая, но не важно). Можно поместить одну и ту же иллюстрацию как в параграфе «Плохая концовка 1», так и в параграфе «Start». Эта иллюстрация может изображать, например, паука в паутине.

Теперь вопрос следующий: где взять изображения? Кто-то, конечно, сразу пойдёт за нужной картинкой в Интернет. Только я не советую вам этого делать. Во-первых, у каждого изображения есть правообладатель, и в каждом случае придётся разбираться, не нарушаем ли мы закон, используя чужую работу в своём произведении. Во-вторых, если вы смогли найти какое-то изображение в Интернете, будьте уверены, до вас его уже нашли тысячи других пользователей всемирной сети. Скорее всего, приглянувшаяся картинка уже украшает чью-то статью. Мой совет — используйте уникальные изображения. Можно, к примеру, попросить знакомого художника нарисовать несколько иллюстраций специально для вашего произведения. А взамен где-либо в истории будет указано его имя и адрес сайта. Но лучше всего рисовать иллюстрации самостоятельно.

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

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

Кадрирование. Открываем фотографию в редакторе и используем инструмент «Рамка» или в английском варианте «Crop Tool» (клавиша «C»). Нам нужно выделить только сам рисунок, отрезав ненужные края изображения. Нажимаем клавишу «Enter», чтобы применить изменения.

Рисунок 7 — Кадрирование.

Продолжение следует...

Комментарии: 2.

Профиль


Закрыть
КотЪ
21.01.14 22:19

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

Опишу простой процесс получения нескольких картинок одинакового разрешения на примере IrfanView. Например нам нужно получить 400х250.

1) Берем картинку неважно какого масштаба и разрешения.

2) Если нам нужна вся картинка целиком, переходим к пункту 3, если же нужен лишь фрагмент этой картинки, выделяем мышкой нужную область. Жмём Ctrl+С, чтобы сохранить нужную нам область в буфер обмена, а потом Ctrl+A (отметить всю область) и Ctrl+V (заменить отмеченную область фрагментом из буфера обмена).

3) Жмём Ctrl+R (обратим внимание, чтобы стояла галочка "Сохранять пропорции") — меняем ширину или высоту на нужное нам значение (400 или 250), другое значение поменяется автоматически, важно чтобы оно было или равно или больше необходимого нам. Например 400х261 или 511х250. Жмём ОК.

4) Выделяем полученную картинку Ctrl+A, и тянем за рамочку с наиболее ненужной стороны, наблюдая за уменьшением или увеличением выделенной области. Как только получаем нужный результат 400х250, жмем и снова жмем Ctrl+C, Ctrl+A, Ctrl+V.

Всё, картинка 400х250 готова. Сохраняем.

Здесь "многа букаф", на деле же подобный процесс делается секунд за 10. Таким образом вы можете получить картинки одна другой ровнее ;-)
Morych
28.01.14 23:29

Котъ, большое спасибо за ценное дополнение! Сам часто пользуюсь IfranView. Кстати в версии 4.33 (а может и в более ранних) для кадрирования (вырезания части картинки) есть специальное сочетание клавиш Ctrl+Y (Правка/Обрезать выделение).

Для того, чтобы оставлять комментарии, необходимо зарегистрироваться и подтвердить в профиле указанный e-mail адрес.

При использовании любых материалов блога обязательно указание ссылки на источник