http://www.fictionbook.org/api.php?action=feedcontributions&feedformat=atom&user=Marina+Ch 2026-04-25T20:30:33Z Вклад участника MediaWiki 1.22.15 http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:18:19Z

<p>Marina Ch: /* Вставка иллюстраций в текст. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - [[Изображение:Pictures2fb2_022.png]] в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> [[Изображение:Pictures2fb2_023.png]] <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> [[Изображение:Pictures2fb2_024.png]] <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> [[Изображение:Pictures2fb2_025.png]] <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> [[Изображение:Pictures2fb2_026.png]] <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> [[Изображение:Pictures2fb2_027.png]]<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> [[Изображение:Pictures2fb2_028.png]] <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> [[Изображение:Pictures2fb2_029.png]]<br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) [[Изображение:Pictures2fb2_030.png]] и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> [[Изображение:Pictures2fb2_031.png]]<br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_032.png]]<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_033.png]] <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика [[Изображение:Pictures2fb2_034.png]] и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: [[Изображение:Pictures2fb2_035.png]]. Выставляем параметры в верхней панели согласно скриншоту: <br /> <br /> <br /> [[Изображение:Pictures2fb2_036.png]]<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> [[Изображение:Pictures2fb2_037.png]] <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть [[Изображение:Pictures2fb2_038.png]] в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> <br /> [[Изображение:Pictures2fb2_039.png]]<br /> <br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> [[Изображение:Pictures2fb2_040.png]]<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой [[Изображение:Pictures2fb2_041.png]] и выбрать из имеющихся картинок в списке нужную. <br /> <br /> <br /> [[Изображение:Pictures2fb2_042.png]]<br /> <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:17:05Z

<p>Marina Ch: /* Цветные картинки и работа с ними. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - [[Изображение:Pictures2fb2_022.png]] в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> [[Изображение:Pictures2fb2_023.png]] <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> [[Изображение:Pictures2fb2_024.png]] <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> [[Изображение:Pictures2fb2_025.png]] <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> [[Изображение:Pictures2fb2_026.png]] <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> [[Изображение:Pictures2fb2_027.png]]<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> [[Изображение:Pictures2fb2_028.png]] <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> [[Изображение:Pictures2fb2_029.png]]<br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) [[Изображение:Pictures2fb2_030.png]] и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> [[Изображение:Pictures2fb2_031.png]]<br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_032.png]]<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_033.png]] <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика [[Изображение:Pictures2fb2_034.png]] и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: [[Изображение:Pictures2fb2_035.png]]. Выставляем параметры в верхней панели согласно скриншоту: <br /> <br /> <br /> [[Изображение:Pictures2fb2_036.png]]<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> [[Изображение:Pictures2fb2_037.png]] <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть [[Изображение:Pictures2fb2_038.png]] в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> <br /> [[Изображение:Pictures2fb2_039.png]]<br /> <br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> [[Изображение:Pictures2fb2_040.png]]<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:16:32Z

<p>Marina Ch: /* Цветные картинки и работа с ними. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - [[Изображение:Pictures2fb2_022.png]] в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> [[Изображение:Pictures2fb2_023.png]] <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> [[Изображение:Pictures2fb2_024.png]] <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> [[Изображение:Pictures2fb2_025.png]] <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> [[Изображение:Pictures2fb2_026.png]] <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> [[Изображение:Pictures2fb2_027.png]]<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> [[Изображение:Pictures2fb2_028.png]] <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> [[Изображение:Pictures2fb2_029.png]]<br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) [[Изображение:Pictures2fb2_030.png]] и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> [[Изображение:Pictures2fb2_031.png]]<br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_032.png]]<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_033.png]] <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика [[Изображение:Pictures2fb2_034.png]] и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: [[Изображение:Pictures2fb2_035.png]]. Выставляем параметры в верхней панели согласно скриншоту: <br /> <br /> <br /> [[Изображение:Pictures2fb2_036.png]]<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> [[Изображение:Pictures2fb2_037.png]] <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть [[Изображение:Pictures2fb2_038.png]] в левой панели инструментов. Выставить ее параметры вверху:<br /> [[Изображение:Pictures2fb2_039.png]]<br /> <br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> [[Изображение:Pictures2fb2_040.png]]<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:15:47Z

<p>Marina Ch: /* Цветные картинки и работа с ними. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - [[Изображение:Pictures2fb2_022.png]] в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> [[Изображение:Pictures2fb2_023.png]] <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> [[Изображение:Pictures2fb2_024.png]] <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> [[Изображение:Pictures2fb2_025.png]] <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> [[Изображение:Pictures2fb2_026.png]] <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> [[Изображение:Pictures2fb2_027.png]]<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> [[Изображение:Pictures2fb2_028.png]] <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> [[Изображение:Pictures2fb2_029.png]]<br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) [[Изображение:Pictures2fb2_030.png]] и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> [[Изображение:Pictures2fb2_031.png]]<br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_032.png]]<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_033.png]] <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика [[Изображение:Pictures2fb2_034.png]] и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: [[Изображение:Pictures2fb2_035.png]]. Выставляем параметры в верхней панели согласно скриншоту: <br /> <br /> [[Изображение:Pictures2fb2_036.png]]<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> [[Изображение:Pictures2fb2_037.png]] <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть [[Изображение:Pictures2fb2_038.png]] в левой панели инструментов. Выставить ее параметры вверху:<br /> [[Изображение:Pictures2fb2_039.png]]<br /> <br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> [[Изображение:Pictures2fb2_040.png]]<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:11:07Z

<p>Marina Ch: /* Убирание лишнего. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - [[Изображение:Pictures2fb2_022.png]] в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> [[Изображение:Pictures2fb2_023.png]] <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> [[Изображение:Pictures2fb2_024.png]] <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> [[Изображение:Pictures2fb2_025.png]] <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> [[Изображение:Pictures2fb2_026.png]] <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> [[Изображение:Pictures2fb2_027.png]]<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> [[Изображение:Pictures2fb2_028.png]] <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> [[Изображение:Pictures2fb2_029.png]]<br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) [[Изображение:Pictures2fb2_030.png]] и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> [[Изображение:Pictures2fb2_031.png]]<br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_032.png]]<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:07:09Z

<p>Marina Ch: /* Убирание лишнего. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - [[Изображение:Pictures2fb2_022.png]] в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:06:18Z

<p>Marina Ch: /* Обрезка и поворот картинки. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_019.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> [[Изображение:Pictures2fb2_020.png]] <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> [[Изображение:Pictures2fb2_021.png]]<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:05:18Z

<p>Marina Ch: /* Обрезка и поворот картинки. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> [[Изображение:Pictures2fb2_016.png]]<br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:04:23Z

<p>Marina Ch: /* Проверка результата. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_015.png]] <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> [[Изображение:Pictures2fb2_016.png]] <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> [[Изображение:Pictures2fb2_017.png]] <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> [[Изображение:Pictures2fb2_018.png]] <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:02:46Z

<p>Marina Ch: /* Прозрачность и сохранение в png. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:01:55Z

<p>Marina Ch: /* Прозрачность и сохранение в png. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> [[Изображение:Pictures2fb2_013.png]]<br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> [[Изображение:Pictures2fb2_014.png]] <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T12:01:16Z

<p>Marina Ch: /* Прозрачность и сохранение в png. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> [[Изображение:Pictures2fb2_011.png]]<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так: <br /> [[Изображение:Pictures2fb2_0013.png]]<br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> [[Изображение:Pictures2fb2_0014.png]] <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T11:59:51Z

<p>Marina Ch: /* Прозрачность и сохранение в png. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> [[Изображение:Pictures2fb2_009.png]] <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> [[Изображение:Pictures2fb2_010.png]]<br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> [[Изображение:Pictures2fb2_011.png]] <br /> После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так:<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T11:57:15Z

<p>Marina Ch: /* Выставление контрастности. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> [[Изображение:Pictures2fb2_003.png]] <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> [[Изображение:Pictures2fb2_004.png]] <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_005.png]] <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> [[Изображение:Pictures2fb2_006.png]] <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> [[Изображение:Pictures2fb2_007.png]] <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> [[Изображение:Pictures2fb2_008.png]] <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку: . После щелчка по ней градация цветов будет выглядеть так:<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%9A%D0%B0%D1%80%D1%82%D0%B8%D0%BD%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BA%D0%BD%D0%B8%D0%B3_%D0%B2_%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%82%D0%B5_FictionBook 2007-07-01T11:47:05Z

<p>Marina Ch: /* Выставление размера и разрешения картинки. */</p> <hr /> <div>==Введение==<br /> <br /> Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.<br /> <br /> ==Необходимые программы==<br /> <br /> В работе используется несколько основных программ:<br /> <br /> '''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)<br /> <br /> '''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.<br /> <br /> '''FBWriter''' ? клон FBW от Алекса Савельева.<br /> <br /> ==Создание картинки из pdf или djvu==<br /> <br /> Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится MWSnap.<br /> <br /> '''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!<br /> <br /> [[Изображение:Pictures2fb2_001.png]]<br /> <br /> ==Оптимизация и прозрачность черно-белых картинок.==<br /> <br /> Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп ? это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.<br /> <br /> ===Выставление размера и разрешения картинки.===<br /> <br /> От размера и количества точек на дюйм зависит ?вес? картинки. Наша задача ? максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение-&gt;Размер изображения (Alt+Ctrl+I). Общее правило таково ? картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.<br /> <br /> [[Изображение:Pictures2fb2_002.png]]<br /> <br /> '''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.<br /> <br /> ===Выставление контрастности.===<br /> <br /> При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным ? нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение-&gt;Коррекция-&gt;Яркость/Контрастность.<br /> <br /> <br /> <br /> Для примера покажу несколько вариантов:<br /> <br /> Оригинальное изображение:<br /> <br /> <br /> <br /> Добавлена контрастность и яркость, на мой взгляд - хорошо:<br /> <br /> <br /> <br /> Низкая контрастность:<br /> <br /> <br /> <br /> Слишком высокая контрастность, много артефактов:<br /> <br /> <br /> <br /> Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение-&gt;Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании ? как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:<br /> <br /> <br /> <br /> Если при добавлении контрастности появляются артефакты их хорошо бы удалить, стерев лишнее ластиком.<br /> <br /> ===Прозрачность и сохранение в png.===<br /> <br /> Осталось немного ? сохранить картинку, добавив прозрачность. Для этого выбираем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> Т.е.:<br /> * PNG-8<br /> * Grayscale<br /> * No Dither<br /> * Галочка на Transparency<br /> * No Transparency<br /> * Colors - 16 <br /> * Matte ? None<br /> <br /> Далее под установками нужно в градации цветов (от белого до черного) выделить те цвета, которые нужно сделать прозрачными. <br /> <br /> Для этого нужно щелкнуть мышкой по белому, а потом удерживая Shift - на какой-нибудь серый. Нужно выбрать наиболее светлые тона ? если перестараться ? исчезнут оттенки светлосерого, если недовыбрать ? картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:<br /> <br /> После этого внизу этого окошечка надо найти вот такую иконку: . После щелчка по ней градация цветов будет выглядеть так:<br /> <br /> <br /> А окошко с рисунком станет ?шахматным?:<br /> <br /> <br /> <br /> После этого можно картинку сохранить.<br /> <br /> Осталось только проверить результат.<br /> <br /> ===Проверка результата.===<br /> <br /> Для проверки результата нужно открыть сохраненное с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.<br /> <br /> Примеры:<br /> <br /> 1. Недостаточная контрастность или количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 2. Недостаточное количество фоновых прозрачных цветов.<br /> <br /> <br /> <br /> 3. Излишняя контрастность, нет оттенков.<br /> <br /> <br /> <br /> 4. Правильный вариант ? черный есть, оттенки сохранены<br /> <br /> <br /> <br /> Если все сделано правильно ? можно добавлять картинку в фб2.<br /> <br /> ==Более сложные ситуации.==<br /> <br /> ===Обрезка и поворот картинки.===<br /> <br /> Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.<br /> <br /> <br /> В данном случае надо повернуть картинку против часовой стрелки, чтобы она встала ровно. Для этого выбираем в меню Изображение-&gt;Повернуть холст-&gt;Произвольно и выбираем нужный угол поворота. <br /> <br /> <br /> Иногда правильный угол подобрать удается далеко не с первой попытки.<br /> После этого изображение нужно обрезать, так как слишком много лишних полей образовалось при повороте. Для этого достаточно сделать Изображение-&gt;Тримминг:<br /> <br /> <br /> <br /> ===Убирание лишнего.===<br /> <br /> Лишним может быть дефект картинки ? например пятно на скане или что-то подобное. Такие места нужно просто зачистить ластиком - в левом столбце инструментов.<br /> <br /> Кроме того, лишними могут быть поля книги, если есть разворот книги по середине картинки.<br /> <br /> <br /> <br /> Если посмотреть на рисунок внимательно, то видно, что при сканировании левая страница легла немного неровно и изображение слегка повернуто. Наша задача ? слить 2 картинки воедино, слегка развернув левую. При сшивке сделать шов незаметным все равно не удастся быстрым и простым способом, поэтому с этим мы смиримся. Методика слияния картинок, когда обе они расположены в разных файлах полностью аналогична. Хотя и требуется дополнительная подгонка взаимных размеров, особенно по высоте и разрешению.<br /> <br /> Итак, первым делом создадим новый файл (в него мы будем ?складывать? результат) с теми же размерами, что и исходный. (Исходный оптимизировали по размеру и разрешению выше).<br /> <br /> <br /> <br /> Кроме того, нам понадобится дополнительный файл для промежуточного результата ? нам надо повернуть левую половину картинки по часовой стрелке примерно на 1 градус. Этот файл по ширине в 2 раза меньше, но в высоту ? такой же.<br /> <br /> Выделяем левую половинку картинки, копируем ее (Ctrl+C), вставляем в промежуточный файл (Ctrl+V) и в нем поворачиваем на 1,1 градуса по часовой стрелке.<br /> <br /> <br /> <br /> Повернутый промежуточный файл:<br /> <br /> <br /> <br /> Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.<br /> <br /> <br /> Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:<br /> <br /> <br /> <br /> Меню управления слоями расположено справа внизу и выглядит так:<br /> <br /> <br /> <br /> Выбираем в панели инструментов слева Инструмент перемещения (V) и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.<br /> <br /> <br /> <br /> Обрезаем лишнее триммингом и послойно выставляем контрастность:<br /> <br /> ==Цветные картинки и работа с ними.==<br /> <br /> Обработка цветных картинок несколько сложнее. <br /> <br /> Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:<br /> <br /> <br /> <br /> После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет ? пробуем еще уменьшить число цветов до 64, если потери большие ? пробуем поменять ?без дизеринга? на ?регулярный?. Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. <br /> <br /> Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение-&gt;Режим выбираем режим RGB. И снова сохраняем файл командой меню Файл-&gt;Сохранить (Ctrl+S). Закрываем файл и открываем его заново.<br /> <br /> Теперь делаем прозрачный фон. Для этого выбираем режим Волшебный ластик. В левой панели инструментов нажимаем на иконку ластика и держим несколько секунд. В выпадающей менюшке выбираем режим Волшебный ластик. Иконка ластика при этом должна стать такой: . Выставляем параметры в верхней панели согласно скриншоту:<br /> <br /> <br /> Теперь выбираем ластиком те цвета, которые должны быть прозрачными.<br /> <br /> <br /> <br /> Получаем такой вариант ? прозрачным стал весь белый цвет на картинке. При этом есть элементы картинки, в которых прозрачность не нужна, она там лишняя. Например, белки глаз или середина рисунка с кучей оттенков вокруг. Чтобы это исправить, надо выбрать инструмент Архивная кисть в левой панели инструментов. Выставить ее параметры вверху:<br /> <br /> Толщину кисти варьируем исходя из удобства и размера запорченной области.<br /> <br /> И водим кистью по рисунку в тех местах, где прозрачность не нужна.<br /> <br /> После чего сохраняем Файл-&gt;Сохранить для Web (Ctrl+Alt+Shift+S).<br /> <br /> Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.<br /> В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.<br /> <br /> <br /> Для более точной работы нужно увеличить масштаб отображения рисунка.<br /> <br /> Когда результат станет безупречным, картинку можно вставлять в fb2-файл.<br /> <br /> ==Вставка иллюстраций в текст.==<br /> <br /> Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой и выбрать из имеющихся картинок в списке нужную. <br /> <br /> Она сразу встанет на место расположения курсора.<br /> <br /> ==Заключение==<br /> <br /> В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.<br /> <br /> '''Marina_Ch'''<br /> <br /> 28 июня 2007</div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_042.png 2007-07-01T11:46:17Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_041.png 2007-07-01T11:46:02Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_040.png 2007-07-01T11:45:47Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_039.png 2007-07-01T11:45:18Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_038.png 2007-07-01T11:45:03Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_037.png 2007-07-01T11:44:47Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_036.png 2007-07-01T11:44:26Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_035.png 2007-07-01T11:44:10Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_034.png 2007-07-01T11:43:56Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_033.png 2007-07-01T11:43:16Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_032.png 2007-07-01T11:42:40Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_031.png 2007-07-01T11:42:16Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_030.png 2007-07-01T11:41:49Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_029.png 2007-07-01T11:41:17Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_028.png 2007-07-01T11:40:56Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_027.png 2007-07-01T11:40:21Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_026.png 2007-07-01T11:39:55Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_025.png 2007-07-01T11:39:28Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_024.png 2007-07-01T11:38:24Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_023.png 2007-07-01T11:37:56Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_022.png 2007-07-01T11:37:25Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_021.png 2007-07-01T11:37:11Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_020.png 2007-07-01T11:36:43Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_019.png 2007-07-01T11:36:24Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_018.png 2007-07-01T11:36:05Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_017.png 2007-07-01T11:35:41Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_016.png 2007-07-01T11:35:16Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_015.png 2007-07-01T11:34:39Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_014.png 2007-07-01T11:34:10Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_013.png 2007-07-01T11:33:54Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_012.png 2007-07-01T11:33:33Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_010.png 2007-07-01T11:33:19Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_011.png 2007-07-01T11:32:31Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_009.png 2007-07-01T11:32:02Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_008.png 2007-07-01T11:31:41Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch http://www.fictionbook.org/index.php/%D0%A4%D0%B0%D0%B9%D0%BB:Pictures2fb2_007.png 2007-07-01T11:31:25Z

<p>Marina Ch: </p> <hr /> <div></div>

Marina Ch