Как обработать изображение для блога. Обзор и выбор программы для графики

Как обработать изображение для блога. Обзор и выбор программы для графики

Доброго времени суток, уважаемые посетители моего блога!

Все или многие читали, или читают сейчас какую-то интересную книгу, и вся она в черно-белом цвете по большему счету. «Да и ладно.» – кто-то скажет, «Не смертельно. Сюжет захватывает, и я как будто бы нахожусь там. События, которые меня окружают, я представляю в цвете.» И все тут.

Но это книга. Мы же творим информацию по-другому. Нам ее нужно подать специфически. Кроме текста есть различная графика, в том числе и видео. И для всего вот этого преобразования нужны программы, которые могут передать наши слова (текст) в изображения или как-то еще.

Поиск. Обзор. Скачивание

Прошерстив Интернет, можно найти множество программ для работы с графикой. Всем известный Photoshop чего стоит! Но на начальном этапе не хотелось бы лезть в дебри. Эта программа сама по себе очень хороший, я бы сказал, отличный инструмент, но для продвинутых юзеров. Но нам он сейчас не подойдет, ввиду своей сложности и громоздкости. Да и я в нем не силен, так поверхностные знания, почерпнутые из Сети.

Как я говорил, нам бы что по проще! Но в то же время не хочется, чтобы пострадал функционал. Из всего разнообразия, что было в Сети, мой выбор – это «FastStone Image Viewer» или просто FSViewer. Вот так выглядит Главная страница сайта разработчика.

Как обработать изображение для блога. Обзор и выбор программы для графики

Перед нами представлено четыре программы. Две бесплатные и две платные, с которыми мы можем ознакомиться. Сайт на английском и увидеть русский язык нам поможет в этом Google-переводчик.

Из короткого описания, предоставленного на главной странице, понятно о некоторых возможностях каждой из них. Желаете более подробно – кнопка «Red More» и Google-переводчик в помощь. Все, как говорится, на вкус и цвет. Выбираем FSViewer и скачиваем.

Нажимаем – «Download»

Как обработать изображение для блога. Обзор и выбор программы для графики

и перед нами страница с разными вариантами файлов для закачки (все они одинаковые, различия в упаковке, – как в подарочном магазине), выбираем вот этот, жмем «Download»

Как обработать изображение для блога. Обзор и выбор программы для графики

и сохраняем в папку, которую мы выбрали. В моем случае это «Рабочий стол».

Жмем «Сохранить».

Как обработать изображение для блога. Обзор и выбор программы для графики

Вот так выглядит скачанный установочный файл на нашем «Рабочем столе».

Как обработать изображение для блога. Обзор и выбор программы для графики

Далее, установим программу.

Установка

Правой кнопкой мыши щелкаем по установочному файлу, всплывает окно, жмем «Запуск от имени администратора»,

Все файлы со щитом запускаем с правами администратора.

Как обработать изображение для блога. Обзор и выбор программы для графики

соглашаемся с установкой и нажимаем «Далее» для продолжения.

Как обработать изображение для блога. Обзор и выбор программы для графики

Читаем лицензионное соглашение (можно не читать, по желанию), жмем «Принимаю».

Как обработать изображение для блога. Обзор и выбор программы для графики

Выбор папки для сохранения установки, в которую будет установлена программа. По умолчанию, как на картинке. Давим кнопку «Установить».

Как обработать изображение для блога. Обзор и выбор программы для графики

Далее идет процесс установки файлов, ничего интересного, просто копирование файлов в ту папку, которую Вы указали при установке.

Как обработать изображение для блога. Обзор и выбор программы для графики

В конце установки нажимаем «Готово».

Как обработать изображение для блога. Обзор и выбор программы для графики

Перед первым запуском, автор Вас поблагодарит за установку программы и попросит помочь в дальнейшем развитии. Если захотите помочь, в чем вопрос?

Как обработать изображение для блога. Обзор и выбор программы для графики

Как видим, ничего сложного в установке этой программы нет. Все программы устанавливаются по этому принципу.

Первый запуск и знакомство с программой

После установки программы, на «Рабочем столе» появился ярлык FastStone Image Viewer.

Как обработать изображение для блога. Обзор и выбор программы для графики

Нажимаем на него два раза левой кнопкой мыши (ЛКМ)

ЛКМ или ПКМ – соответственно левая и правая кнопки мыши. Такие сокращенные выражения довольно часто можно видеть в описании к установке различных программ и приложений и в работе с ними.

и запускаем нашу программу. Вот так она выглядит. Некоторые подсказки я выделил на картинке. По сути, это файловый менеджер с базой данных.

Как обработать изображение для блога. Обзор и выбор программы для графики
  1. Меню. Как в проводнике Windows. При наведении надпись подсвечивается, а при нажатии выпадает меню с различными возможностями
  2. Сами инструменты для работы, нажимая которые нам предлагается изменить что-либо на картинке
  3. Изменение вида рабочего окна программы. На иконках видно, как будет отображаться рабочее окно. Мне удобно работать с последней – на весь экран. Подведя курсор мыши к любому краю окна, выпадает еще окно с разными инструментами и информацией о файле. Поэкспериментируйте, выберите для себя оптимальный вариант
  4. Окно выбора папки с изображениями
  5. Окно предварительного просмотра
  6. Окно выбора изображения для работы с ним. Двойной щелчок ЛКМ по картинке, и она раскрывается на весь экран

Чтобы разобраться во всех кнопках и кнопулечках, описать все их действия и назначения, нам понадобится очень много писанины и, соответственно, времени. Конечно, можно научиться всем тонкостям работы в данной программе, как и в любой другой, в этом не проблема.

Сейчас мы не будем этим заниматься, а рассмотрим некоторые рабочие моменты. Для нас сейчас важно научится азам, т.е. первичной обработке изображений. То, что нам сейчас необходимо для работы, например, на нашем блоге.

На сайте есть мануал (на английском) очень подробный. Аж целых 95 страниц, можете скачать и изучить с помощью Google-переводчика, если вам интересно.

Подготовка изображения и работа с программой

Программа уже запущена. Исходный вес файла в папке на моем компьютере – 5,18 Mb, размер 5000х2383 пикселя. Можете себе представить это широкоформатное изображение, кторое я специально нашел для наглядного примера, хотя это и не предел.

Файловый менеджер на блоге настроен так, что он тяжелые картинки больше 1,0 Mb не принимает, это правильно и что способствует более быстрой загрузке страницы блога в сеть.

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

Давайте обработаем и оптимизируем эту картинку (Stonehenge) для ее просмотра на блоге. (просматриваемое изображение уже соответствует нормам для отображения на странице)

Как обработать изображение для блога. Обзор и выбор программы для графики

Работаем в программе. Выбираем картинку «Stonehenge», она отображается у меня на «Рабочем столе», два раза щелкаем по ней «ЛКМ» или разворачиваем программу на весь экран этой кнопкой (1), картинка так же появится на весь экран.

Как обработать изображение для блога. Обзор и выбор программы для графики

Итак, все по порядку:

  • Определиться с размером (не меньше 730х410 пикселей), так как от размера зависит вес изображения (размер оптимизированной картинки у нас должен получиться 1280х720 пикселей)
  • Нам нужно сжать картинку, что бы ее окончательный вес не был больше 0,99 Mb (можно меньше, но настолько, чтобы не пострадало качество)
  • Сделать надпись на полученной картинке

Вот этих трех действий на начальном ознакомительном этапе с программой достаточно, чтобы изображение отобразить на блоге.

Далее, нам нужно картинку сжать до нужного нам веса и размера. Сначала обрежем фото до соотношения сторон 16:9. Это размер окна стандартного монитора в дюймах. После подгоним наш размер к 1280х720 пикселей.

И так, картинка перед нами. Выполняем первый пункт. Подводим курсор мыши к левой стороне экрана – появляется окно. (выберете свою картинку и можете повторять мои действия и видеть в реальном времени все изменения, которые Вы производите)

Все четыре стороны экрана кликабельны. При наведении курсора выплывают окна с различными нужными инструментами и информацией. Тренируйтесь и экспериментируйте.

Нам нужно обрезать изображение. Находим и жмем – «Обрезка».

Как обработать изображение для блога. Обзор и выбор программы для графики

Появилось новое окошко. смотрим внизу, по пикселям получилось – 4236х2383. Выбираем «Размер бумаги» 16х9. Жмем «Обрезать».

Как обработать изображение для блога. Обзор и выбор программы для графики

Продолжаем работать в программе, ничего не сохраняем и не закрываем!

Снова подводим курсор мыши к левой стороне экрана – появляется окно. Находим – «Изменить размер/DPI» и нажимаем.

Как обработать изображение для блога. Обзор и выбор программы для графики

Снова окошко, где меняем DPI в пикселях 4236х2383 на 1280х720.

Как обработать изображение для блога. Обзор и выбор программы для графики

У нас получилось 0,92 MP, сохраняем пропорции (если нужно, в нашем случае нужно) и жмем «ОК».

Как обработать изображение для блога. Обзор и выбор программы для графики

Еще немножечко терпения, друзья, давайте сделаем последний шажок, так сказать мазок кистью, или что ни будь напишем. Делаем все так же. Курсор к левой стороне экрана, снова окно. Ищем «Рисование».

Как обработать изображение для блога. Обзор и выбор программы для графики

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

Как обработать изображение для блога. Обзор и выбор программы для графики

Вот теперь можно все сохранить.

Как Вы могли обратить внимание, что мы, с самого начала совершая все манипуляции с фото, нигде не сохраняли наши действия. Давайте это, наконец сделаем! Снова возвращаемся к левой стороне, ищем «Сохранить как», во всплывающем окне выбираем, где мы будем сохранять всю эту нашу красоту (по умолчанию – «Рабочий стол») и нажимаем «Сохранить». Отлично!

Как обработать изображение для блога. Обзор и выбор программы для графики
Как обработать изображение для блога. Обзор и выбор программы для графики

Ну вот мы и подошли к завершению нашей работы с фото «Stonehenge». Вот результат всей проделанной работы.

Как обработать изображение для блога. Обзор и выбор программы для графики

Подведем итог

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

Спасибо, что дочитали до конца.

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

Желаю Вам успехов в этом творчестве. FastStone Image Viewer – действительно прекрасный инструмент для творчества.

Пробуйте, дерзайте, творите!

Буду рад Вашим комментариям, критика приветствуется.

С уважением, Игорь Николаевич!

Поделиться ссылкой:

Оставить комментарий

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Мы используем cookie для наилучшего представления нашего сайта. Продолжая использовать этот сайт, вы соглашаетесь с использованием cookie.
Принять
Политика конфиденциальности