Цветовая схема:
C C C C
Шрифт
Arial Times New Roman
Размер шрифта
A A A
Кернинг
1 2 3
Изображения:
  • ХМАО - Югра, г. Нижневартовск
  • +7 (904) 483-50-68
  • sammitportal@mail.ru

Подготовка графического контента для блога

Подготовка графического контента для блога

Графическую компоненту вашего сообщения не стоит недооценивать. Специалисты утверждают, что по восприятию информация располагается следующим образом:
  1. изображения
  2. текст
  3. видео
Вывод из вышесказанного: если читатель не «зацепится» взглядом за картинку – до текста может очередь и не дойти. Видео, как правило, просматривается только после того, как заинтересовал прочитанный текст. В тему здесь и поговорка «Встречают по одёжке, а провожают по уму». В нашем случае «одёжка» - это внешний вид нашего поста, а «ум» - смысловое (текстовое) содержание.
Есть несколько способов довести графический контент «до ума». [spoiler]
Самый удобный и эффективный – это конечно Adobe Photoshop. Если у вас есть лицензия на этот программный продукт (как у меня) вы легко найдете в интернете информацию по подготовке контента в этой программе. Я предлагаю вам нестандартный (бюджетный) способ, основанный на использовании пакета программ Microsoft Office, так как у многих образовательных учреждений есть лицензия на этот продукт.

Microsoft.jpg

Первый компонент из пакета – это «секретное оружие» Майкрософта. Судите сами, если вы хотите её запустить стандартным способом через кнопку Пуск, то в группе «Средства Microsoft Office 2010» увидите её под названием «Диспетчер рисунков Microsoft Office».

1.png

Но запустив программу вы в строке заголовка окна (а там всегда отражается название программы) увидите «Microsoft Office 2010». Кстати такую-же надпись вы увидите в контекстном меню для любого рисунка, выбрав команду «Открыть с помощью».

2.png

Всё встанет на свои места, когда в самой программе вы войдёте в меню «Справка» и выберите пункт «О Microsoft Office 2010». В открывшемся диалоговом окне вы увидите, что эта программа – старый добрый Picture Manager, присутствующий в Офисах с 2003 года (если не изменяет память).

3.png
[spoiler]
Вторая программа, которую мы будем использовать это Microsoft PowerPoint, известная вам как средство для создания презентаций.
Начнём с постановки задачи:
Дано: пять фотографий, сделанные зеркальной фотокамерой. Проблема в том, что они очень большие – 6000х4000 пикселей и весят, каждая, около 10 Мегабайт.
Найти: способ создания из фотографий «симпатичного» и компактного контента, например такого:

rez.jpg
Приступим к реализации поставленной задачи. Запускаем менеджер рисунков, например используя команду «Открыть с помощью» из контекстного меню (вызывается правой кнопкой мышки) выбранного рисунка или фотографии. Кроме меню, программа предлагает использовать панели инструментов «Стандартная» и «Форматирование».

pm1.jpg
Большое удобство заключается в том, что открыв программу для одного файла вы можете легко перемещаться по всем файлам в текущей папке. Для этого используйте стрелки навигации «Далее» и «Назад» в строке состояния программы (в нижней части окна программы). Если одна из стрелок не активна, значит вы дошли до первого или последнего файла в активной папке. Кроме навигации по файлам активной папки в правой части строки состояния находится масштаб изображения, а в левой – имя отображаемого файла.
Начнём обработку изображения. Первый шаг – кадрирование. Как это заведено у скульпторов отрежем всё лишнее.

pm2.jpg
Входим в меню «Рисунок» и выбираем «Обрезать…». В правой части окна программы появляется Область задач «Обрезка». В разделе «Параметры обрезки» выбираем «Пропорции» (я выбрал 10х15) и альбомную или книжную ориентацию (на образце выбрана «книжная»). На изображении появился контур обрезки, ограниченный соответствующими маркерами. Маркеры активные – мышкой формируем необходимый контур и перемещаем его в нужное место рисунка. Для окончания режима «Обрезка» нажимаем кнопку «Ок» в нижней части «Области задач».

Результат обрезки виден на рисунке ниже.

pm4.jpg
Но как вы заметили, кадрирование существенно не уменьшила размер изображения, это видно в разделе «Размеры рисунка» области задач «Обрезка».
Следующий этап обработки изображения – изменение размера. Распахните список в верхней строке области задач и выберите «Изменить размер». В разделе «Параметры изменения размера» вам предлагается разные варианты:
  • стандартные ширину и высоту
  1. Документ - крупный
  2. Документ - мелкий
  3. Веб - крупный
  4. Веб - мелкий
  5. Сообщение - крупный
  6. Сообщение - мелкий
  • произвольные ширину и высоту (предлагается установить значения в пикселях)
  • процент от исходных ширины и высоты (предлагается ввести процент)
Выберем «произвольные ширину и высоту» и установим размеры 300х450 (это соответствует нашей ранее выбранной пропорции 10х15)

pm5.jpg
Повторите операции по кадрированию и изменению размера изображения с остальными выбранными вами фотографиями.
Иногда возникает потребность повернуть изображение. Для этого вызовите область задач «Поворот и отражение» и выберите «Поворот»:
  • Повернуть влево (на 90 градусов против часовой стрелки)
  • Повернуть вправо (на 90 градусов по часовой стрелке)
  • Градусов (указать градусы для поворота)
или «Отражение»:
  • Отразить слева направо
  • Отразить сверху вниз
pm6.jpg

В нашем случае, используя «Отразить слева направо» мы получили следующий результат.

pm7.jpg
Осталось сохранить изменения в наших изображениях. Это можно сделать командой «Сохранить» в меню «Файл» для каждого файла. Можно поступить по-другому. Нажмите кнопку «Закрыть» и вам обязательно предложат сохранить изменения во всех файлах - соглашаемся.
И последнее, прежде чем переходить к оформлению наших фотографий рассмотрим ещё одну полезную функцию. Менеджер рисунков предлагает нам инструмент «Устранение эффекта красных глаз». Рассмотрим его действие на примере фото, найденного в недрах Интернета.

pm10.jpg

Заходим в меню «Рисунок» и выбираем «Устранение эффекта красных глаз…». Открывается одноимённая область задач. Курсор мышки над рисунком имеет вид прицела. Это, пожалуй, единственный случай, когда надо «бить точно в глаз», причём в оба. Пометив все красные глаза на фото жмём «ОК» и наслаждаемся результатом.

pm11.jpg

Конечно в более профессиональных программах, таких как Adobe Photoshop, вы достигнете лучшего результата, но как говориться «На безрыбье…».

Пора приступать к наведению «красоты». Напомню, для этого мы используем программу Microsoft PowerPoint 2010. Запустив программу, начнём с замены макета слайда. В предложенном по умолчанию титульном слайде нам будет мешать заготовки надписей. На вкладке «Главная» в списке «Макет» выбираем «Пустой слайд». Вставляем подготовленные ранее фотографии. Это можно сделать простым перетаскиванием. В случае необходимости измените размер изображений, используя маркеры изменения размера, но только пропорционально, т.е. используйте только угловые маркеры изображений. Выровняйте объекты, для этого сначала выделяем все изображения (кликаем мышкой по картинкам с прижатой клавишей «Ctrl»), выбираем команду «Выровнять», что во вкладке «Работа с рисунками/Формат» (появляется в панели, когда активно хоть одно изображение). Способ выравнивания выбираем по необходимости из набора:
  • 3 способа выравнивания по горизонтали
  • 3 способа выравнивания по вертикали
  • 2 способа распределения
Не буду комментировать все эти варианты, вы легко поймёте принцип их работы поэкспериментировав с нашими изображениями. Для нашего образца, к которому мы стремимся, выбираем «Выровнять по верхнему краю».

pp1.jpg

Теперь займёмся оформлением одной фотографии. Сделайте активной любую из фото. Во вкладке «Работа с рисунком/Формат» выберите «Экспресс-стили». Вы можете просмотреть все предложенные варианты, но для нашего образца выберем «Наклонная, белая». Получился вот такой симпатичный вариант, имитирующий фото с рамкой и тенью.

pp2.jpg

Но рамка слишком широкая для нашего фото, попробуем это исправить. Вызываем через контекстное меню рисунка «Формат рисунка». В открывшемся диалоговом окне есть большое количество разнообразных настроек. Мы изменим только ширину рамки, для этого в разделе «Тип линии» изменяем «Ширину:» с 15 на 6 пунктов. В случае необходимости вы можете настроить и другие параметры, такие как «Тень», «Свечение и сглаживание», «Художественные эффекты» и другие.

pp3.jpg

Мы закончили оформлять одну фотографию и теперь нам нужно сделать тоже самое с другими изображениями. Попробуем оптимизировать этот процесс, используя возможность копирования формата. Сделайте активным наше фото и на вкладке «Главная» делаем двойной клик по кнопке «Формат по образцу». В результате выполнения этой операции мы скопировали свойства нашего образца. Для применения скопированного формата кликаем по всем остальным изображениям. Закончив процедуру копирования, отключаем функцию «Формат по образцу», кликнув по ней мышкой.

pp4.jpg

Перемещая изображения и изменяя угол поворота (зеленый маркер у активного изображения) добиваемся нужного результата. Часто возникает потребность изменить порядок расположения изображения по отношению к другим картинкам. Для этого в контекстном меню изображения используйте команды «На передний план» и «На задний план».

pp5.jpg

Ну вот мы и подготовили необходимый нам контент, правда пока на слайде презентации. Что дальше? Воспользуемся возможностями буфера обмена Windows. Для начала включим режим «Показ слайдов» (можно используя функциональную клавишу F5). В режиме показа картинки отображаются в полноценном размере и качестве. Для того чтобы поместить экран в буфер обмена (так называемый «скриншот») нажмите на клавиатуре клавишу «PrintScreen», иногда обозначенную сокращенно «PrtScr». На экране ничего не произойдёт, но содержание экрана окажется в буфере обмена.
Теперь возвращаемся в Диспетчер рисунков. Для удобства переключите его в режим «Представление эскизов», это одна из трех кнопок представлений в панели инструментов. Затем входим в меню «Правка» и выбираем команду «Вставить». Содержание буфера обмена появляется в виде файла Новый рисунок.bmp в текущей папке. Открываем его двойным кликом мышки. Известным нам способом в режиме «Обрезка» отрезаем лишнее.

pm8.jpg

Осталось сохранить нашу работу в необходимым формате. Обратите внимание, что после вставки изображения из буфера обмена, оно по умолчанию имеет формат BMP. Этот формат графических файлов не предназначен для размещения их в сети Интернет (слишком «тяжёлый»). Для преобразования в другой формат выбираем команду «Экспорт…» в меню «Файл». В открывшейся одноимённой области задач предлагаются параметры экспорта. В текстовое поле «Имена файлов экспорта» вводим необходимое имя, а из списка «Формат файлов для экспорта» выбираем «Рисунок в формате JPEG(*.jpg)» и нажимаем на «ОК».

pm9.jpg

Вот такой результат у нас должен получиться. Осталось только разместить его на вашем блоге и собирать «Лайки»!