Подготовка фотографий для публикации в Интернете: советы и методы

Depositphotos 24084557 с

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

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

Обратите внимание: технические инструкции ниже относятся к Adobe Photoshop CS4. Существуют и другие программы, которые могут выполнять те же функции, поэтому, если у вас нет доступа к Photoshop, проверьте справочную документацию для своей программы редактирования изображений, чтобы узнать, можете ли вы использовать эти методы.

Изменение размера и резкость

Часто при подготовке фотографии для вашего веб-сайта или блога вам необходимо уменьшить ее, особенно если она снимается с помощью многомегапиксельной цифровой камеры. Важно знать, что уменьшение размера подразумевает уменьшение детализации, так как Photoshop «размазывается». объединить соседние пиксели, чтобы подогнать изображение к его новым размерам; это придает фотографии размытый вид.

Чтобы подделать? к деталям, которые вы потеряли, следует применить фильтр Unsharp Mask (Фильтр> Unsharp Mask). Не обращайте внимания на нелогичное название - маска нерезкости на самом деле резче!

Диалоговое окно "Нерезкая маска"

Вы можете заметить, насколько яснее и отчетливее детализация Рисунок 2 внизу.

Фильтр нерезкой маски

Элементы управления в диалоговом окне «Маска нерезкости» могут показаться устрашающими, но хорошая новость о подготовке фотографий для Интернета заключается в том, что вам не придется с ними особо возиться. Я считаю, что сумма 50%, радиус 5 и порог 0 работают почти всегда.

Обрезать изображения по контексту

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

Уменьшая изображение до размера миниатюры, попробуйте обрезать изображение до основных элементов перед изменением размера. Это позволяет пользователям понять содержание и значение изображения даже при небольшом размере.

Обрезать изображения по контексту

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

Яркость и насыщенность

Насыщенность изображения - это интенсивность его цветов. На ненасыщенных изображениях оттенки кожи выглядят болезненными, а небо серым и тусклым. Чтобы оживить ваши изображения, в Photoshop CS4 есть фильтр, который я рекомендую под названием Vibrance.

Если вы хотите поскорее оживить скучную фотографию, попробуйте следующее:

  1. Добавьте новый корректирующий слой (Layer> New Adjustment Layer> Vibrance).

    Фильтр вибрации

  2. Увеличение ползунка Vibrance (Рисунок 2) на панели «Коррекция» усиливает цвет, защищая тона кожи (не позволяя им выглядеть слишком оранжевыми). Ползунок «Насыщенность» будет иметь аналогичный эффект, но изменит все изображение, включая оттенки кожи.

Заключение

Эти советы - лишь верхушка айсберга с точки зрения богатых и мощных функций, которые Photoshop предлагает для исправления и оптимизации фотографий. Пожалуйста, отметьте в комментариях, есть ли какие-либо другие методы, которые вы хотели бы увидеть объясненными.

Как вы думаете?

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