Картинки для книг в формате FictionBook — различия между версиями

Материал из FictionBook
Перейти к: навигация, поиск
 
м (Цветные картинки и работа с ними.)
 
(не показаны 34 промежуточных версий 2 участников)
Строка 1: Строка 1:
==Картинки для фб2==
+
==Введение==
 
+
===Введение===
+
  
 
Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.
 
Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит '''Jurgennt''', популяризация таких картинок '''Faiber''', а методика работы '''MCat78'''. Если б не их усилия и умения методики бы не существовало.
  
===Необходимые программы===
+
==Необходимые программы==
  
 
В работе используется несколько основных программ:
 
В работе используется несколько основных программ:
 +
 
'''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)
 
'''Adobe Photoshop CS''' (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)
'''MWSnap''' ? маленькая удобная и бесплатная программка для создания скриншотов.
 
'''FBWriter''' ? клон FBW от Алекса Савельева.
 
  
===Создание картинки из pdf или  djvu===
+
'''MWSnap''' - маленькая удобная и бесплатная программка для создания скриншотов.
 +
 
 +
'''FBWriter''' - клон FBW от Алекса Савельева.
 +
 
 +
==Создание картинки из pdf или  djvu==
 +
 
 +
Первая проблема - как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 - сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное - сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант - нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится  MWSnap.
 +
 
 +
'''Внимание!''' Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!
 +
 
 +
[[Изображение:Pictures2fb2_001.png]]
 +
 
 +
==Оптимизация и прозрачность черно-белых картинок.==
 +
 
 +
Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп - это все стандартные команды меню, знакомые любому человеку, работающему под Windows. Далее подразумевается, что файл уже загружен.
 +
 
 +
===Выставление размера и разрешения картинки.===
 +
 
 +
От размера и количества точек на дюйм зависит "вес" картинки. Наша задача - максимально облегчить картинку без потери ее качества. Для этого выбираем в меню Изображение->Размер изображения (Alt+Ctrl+I). Общее правило таково - картинка, размером в лист книги должна иметь максимальные размеры не более чем 600х800 точек (пикселей). Разрешение же можно выставить 72 точки на дюйм. Эти параметры взаимосвязаны, и если нужно выставить меньшее разрешение при сохранении размера, то сперва меняем разрешение, а уж потом восстанавливаем размер изображения.
 +
 
 +
[[Изображение:Pictures2fb2_002.png]]
 +
 +
'''Внимание!''' Для всех картинок, для которых в дальнейшем может потребоваться увеличение для рассмотрения подробностей (например, карты или картиночные таблицы) разрешение нужно ставить 300 точек на дюйм.
 +
 
 +
===Выставление контрастности.===
 +
 
 +
При прозрачном фоне стандартный рисунок может оказаться недостаточно контрастным - нам желательно получить хороший и глубокий черный цвет. Однако оттенками пренебрегать тоже не стоит и излишняя контрастность тоже не нужна. Компенсировать немного контрастность нужно яркостью. Этот момент тонкий и каждый решает сам, как лучше. Делается это в меню Изображение->Коррекция->Яркость/Контрастность.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_003.png]]
 +
 
 +
 
 +
Для примера покажу несколько вариантов:
 +
 
 +
Оригинальное изображение:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_004.png]]
 +
 
 +
 
 +
Добавлена контрастность и яркость, на мой взгляд - хорошо:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_005.png]]
 +
 
 +
 
 +
Низкая контрастность:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_006.png]]
 +
 
 +
 
 +
Слишком высокая контрастность, много артефактов:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_007.png]]
 +
 
 +
 
 +
Для ленивых или сомневающихся в себе людей есть функция Автоконтраст в меню Изображение->Коррекция (Alt+Shift+Ctrl+L). Единственный минус в ее использовании - как и в любом автомате не всегда и все обрабатывается корректно. Хотя в данном случае автомат отработал неплохо:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_008.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 - на какой-нибудь серый. Нужно выбрать наиболее светлые тона, если перестараться - исчезнут оттенки светлосерого, если недовыбрать - картинка будет иметь только частичную прозрачность. Это индивидуально и сильно зависит от типа изображения. Выбранные цвета выделяются квадратиками:
 +
 
 +
[[Изображение:Pictures2fb2_011.png]]
 +
 +
После этого внизу этого окошечка надо найти вот такую иконку:[[Изображение:Pictures2fb2_012.png]]. После щелчка по ней градация цветов будет выглядеть так:
 +
 
 +
[[Изображение:Pictures2fb2_013.png]]
 +
 
 +
 
 +
А окошко с рисунком станет "шахматным":
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_014.png]]
 +
 
 +
 
 +
После этого можно картинку сохранить.
 +
 
 +
Осталось только проверить результат.
 +
 
 +
===Проверка результата.===
 +
 
 +
Для проверки результата нужно открыть сохраненное  с помощью Microsoft Office Picture Manager и посмотреть, достаточно ли черный цвет у картинки и нет ли там каких-то лишних черточек или чего-нибудь подобного. Если есть, то открываете опять в фотошопе и стираете там ластиком или правите контрастность.
 +
 
 +
Примеры:
 +
 
 +
1. Недостаточная контрастность или количество фоновых прозрачных цветов.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_015.png]]
 +
 
 +
 
 +
2. Недостаточное количество фоновых прозрачных цветов.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_016.png]]
 +
 
 +
 
 +
3. Излишняя контрастность, нет оттенков.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_017.png]]
 +
 
 +
 
 +
4. Правильный вариант - черный есть, оттенки сохранены
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_018.png]]
 +
 
 +
 
 +
Если все сделано правильно - можно добавлять картинку в фб2.
 +
 
 +
==Более сложные ситуации.==
 +
 
 +
===Обрезка и поворот картинки.===
 +
 
 +
Во время сканирования часто картинки располагаются под неправильным углом. Это мешает правильному их восприятию, особенно, если угол велик.
 +
 +
[[Изображение: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 градуса по часовой стрелке.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_025.png]]
 +
 
 +
 
 +
Повернутый промежуточный файл:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_026.png]]
 +
 
 +
 
 +
Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.
 +
 +
 
 +
[[Изображение:Pictures2fb2_027.png]]
 +
 
 +
 
 +
Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_028.png]]
 +
 
 +
 
 +
Меню управления слоями расположено справа внизу и выглядит так:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_029.png]]
 +
 +
 
 +
Выбираем в панели инструментов слева Инструмент перемещения (V)  [[Изображение:Pictures2fb2_030.png]]  и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_031.png]]
 +
 +
 
 +
Обрезаем лишнее триммингом и послойно выставляем контрастность:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_032.png]]
 +
 
 +
==Цветные картинки и работа с ними.==
 +
 
 +
Обработка цветных картинок несколько сложнее.
 +
 
 +
Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл->Сохранить для Web (Ctrl+Alt+Shift+S) и выставляем во второй вкладке параметры, согласно скриншоту:
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_033.png]]
 +
 
 +
 
 +
После этого надо посмотреть, есть ли на глаз разница в картинке если цветов 128, большие ли потери качества. Если нет - пробуем еще уменьшить число цветов до 64, если потери большие - пробуем поменять "без дизеринга" на "регулярный". Чем меньшее число цветов без потери качества удастся выставить, тем меньше будет результирующий размер файла с картинкой. 
 +
 
 +
Выставив желаемые параметры сохраняем файл под другим именем. Закрываем исходный файл и открываем сохраненный. В меню Изображение->Режим выбираем режим 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).
 +
 
 +
Проверяем качество в Microsoft Office Picture Manager и корректируем, если что-то пропустили.
 +
В данном случае надо убирать белые точки вокруг зеркала, орудуя теми же Волшебным ластиком и Архивной кистью.
 +
 +
 
 +
[[Изображение:Pictures2fb2_040.png]]
 +
 
 +
 
 +
Для более точной работы нужно увеличить масштаб отображения рисунка.
 +
 
 +
Когда результат станет безупречным, картинку можно вставлять в fb2-файл.
 +
 
 +
==Вставка иллюстраций в текст.==
 +
 
 +
Для вставки иллюстрации в текст очень удобно использовать FBW ? Алекс Савельев сделал работу с картинками в программе удобной и комфортной. Нужно просто щелкнуть по иконке с картинкой  [[Изображение:Pictures2fb2_041.png]]  и выбрать из имеющихся картинок в списке нужную.
 +
 
 +
 
 +
[[Изображение:Pictures2fb2_042.png]]
 +
 
 +
 +
Она сразу встанет на место расположения курсора.
 +
 
 +
==Заключение==
 +
 
 +
В заключение хочу поблагодарить '''MCat78''', '''Jurgennt''' и '''GoldyM''', охотно и терпеливо отвечавших на мои вопросы в процессе обучения и помогавших в написании данной инструкции.
 +
 
 +
    '''Marina_Ch'''
  
Первая проблема ? как просто и быстро выделить готовую картинку из скана, если сканил кто-то другой. Самый простой вариант, предложенный MCat78 ? сделать скриншот экрана. Для этого я пользуюсь программкой MWSnap, увеличив страницу до размера экрана и захватывая нужную область. Главное ? сохранить рисунок без потери качества, лучше всего в bmp. Программа простая и отдельного описания, в общем-то, и не требует. Еще более простой вариант ? нажать клавишу PrintScreen, и потом вставить изображение из буфера в любой редактор. Например в тот же фотошоп. Мне, правда, больше нравится  MWSnap.
+
28 июня 2007
Внимание! Карты и таблицы, которые хочется вставить именно картинкой, лучше сканировать отдельно с размером 600х800 и разрешением 300 точек на дюйм!
+

Текущая версия на 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 градуса по часовой стрелке.


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения


Повернутый промежуточный файл:


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения


Теперь снова выделяем картинку, копируем и вставляем в результирующий файл. Промежуточный файл закрываем без сохранения ? больше он нам не понадобится.


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения


Мы видим, что картинка скопировалась на первый слой посередине. Повторяем процедуру копирования с правой половинкой картинки и видим, что она скопировалась на второй слой:


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения


Меню управления слоями расположено справа внизу и выглядит так:


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения


Выбираем в панели инструментов слева Инструмент перемещения (V)
Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения
и двигаем активный слой. Потом выбираем в меню слоев другой слой и двигаем его.


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения


Обрезаем лишнее триммингом и послойно выставляем контрастность:


Ошибка создания миниатюры: Не удаётся сохранить эскиз по месту назначения

Цветные картинки и работа с ними.

Обработка цветных картинок несколько сложнее.

Загружаем картинку, выставляем разрешение и размеры, как и в случае с ч/б картинками и сразу вызываем меню Файл->Сохранить для 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