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