Фон 800х600

Разрешение — 72 dpi (точки на дюйм). Если у вашего фото более высокое разрешение и при его понижении картинка получается слишком маленькой, оставляйте оригинальное разрешение.

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

Обращаем ваше внимание на то, что в фотогалерее мы размещаем фотографии только с мероприятий официальных лиг. Фотографии с внутривузовских, городских и школьных лиг помещаются исключительно внутри репортажей и материалов с результатами, причем в количестве не более 5 штук.

Фотографии не нужно вставлять в текстовый документ, в нем просто нужно сослаться на фото (т.е. обозначить место, где они должны быть помещены).

Присваивайте вашим файлам уникальные и притом рациональные имена, набранные латиницей. Мы не сможем хранить на сайте фотографии с именами 1.jpg, потому что рано или поздно запутаемся в одноименных картинках. Присвоенное имя повторяйте в ссылке внутри текстового документа (например, здесь фото liga-guu15.jpg).

В конце материала с фотографиями жирным курсивом обязательно должен быть указан источник фотографий — ссылка на сайт или в идеальном случае имя и фамилия фотографа:
Фотографии Анны Пащенко
Фотографии из официальной группы ЦЛМиП «ВКонтакте»

Общие требования к фото, помещаемым на слайдер (перелистывающиеся картинки вверху)

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

Размер фотографий — строго 960 х 230 пикселей. При этом они должны быть очень хорошего качества, т.е. фотографию на слайдер необходимо нарезать из картинки большего размера, а не получать путем «растягивания» картинки, например, с параметрами 600 х 800.

Если у вас нет качественных фото, можно сделать коллаж из нескольких картинок.

На фотографиях не должно быть никакого текста. Текст, характеризующий картинку слайдера, помещается в отдельном модуле в правой его части. Редакцию этого текста можно прислать в письме, но обычно мы и сами можем его придумать на основе публикуемого материала.

Общие требования к видео

У нашего сайта есть свой официальный канална YouTube. Но, к сожалению, там мы сможем размещать только видео, связанные с мероприятиями официальных лиг Москвы и Подмосковья. Ваши видео мы сможем разместить на MOSKVN.RU, если они загружены на один из основных видеоресурсов, в идеальном случае на YouTube или «ВКонтакте», в рамках ваших собственных каналов и страниц.

Видео, на размещение которых у вас нет прав, мы размещать не сможем. Простейший пример — видео из эфира Первого канала: если мы не будем уверены в том, что не нарушаем чьих-либо авторских прав, мы это видео не разместим.

Оптимизация и прозрачность черно-белых картинок.

Открываем фотошоп и загружаем туда рисунок. Можно открыть файл, можно сразу же отсканировать рисунок в фотошоп — это все стандартные команды меню, знакомые любому человеку, работающему под 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.

Введение

Данная статья появилась из-за желания множества людей делать красивые иллюстрированные книги, с качественными, легкими и красивыми картинками с прозрачным фоном. Основная идея использования прозрачного фона принадлежит Jurgennt, популяризация таких картинок Faiber, а методика работы MCat78. Если б не их усилия и умения методики бы не существовало.

Необходимые программы

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

Adobe Photoshop CS (у меня стоит версия 9.0 русифицированная и все скриншоты будут относиться именно к ней, хотя версия и не принципиальна)

MWSnap — маленькая удобная и бесплатная программка для создания скриншотов.

FBWriter — клон FBW от Алекса Савельева.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *