Как снимать для широкого изображения героя сайта?

Question

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

На нашем веб-сайте герой вверху каждой страницы имеет ширину 1005 пикселей и высоту 300 пикселей. Мы изо всех сил пытались найти / снять изображения, которые можно обрезать до такого размера. Я пытался стрелять в некоторых из себя, из здания компании и из персонала, но изо всех сил пытался взять что-нибудь, что действительно работало в этих измерениях.

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

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

Кто-нибудь из вас должен был надеть такое резюме? Как вы сняли изображение, подходящее для такого использования? Я не хочу что-то с слишком широким фокусным расстоянием, так как эти изображения должны выглядеть профессионально.

Для тех, кто не знаком с термином «герой», см. пример или статью «Герой графика» в Википедии .

Answer 1

Не видя некоторых примеров того, что вы пытались безуспешно запечатлеть, трудно понять, почему именно вы хотите отобразить и почему вы недовольны результатами. Я предполагаю, что это одна из двух проблем, которые мешают вам: разрешение или композиция

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

• Композиция Большинству объектов сложно выделить изображение, ширина которого в три раза больше его высоты. Это особенно верно для людей, так как большинство из нас намного выше, чем мы широкие. Даже для выстрела в голову, который отображает только лицо, нужно пространство относительно квадратное, чтобы оно выглядело вправо, и обычно даже там немного длиннее сторона - вертикальная , а не горизонтальная . Портрет 8х10 имеет соотношение 1: 1,25 в пользу вертикального размера. Практически невозможно вписать одного человека в горизонтальное изображение с соотношением 1: 3 (если только они не наклонены, но я сомневаюсь, что будуар - это то, что вам нужно). Обычное решение состоит в том, чтобы поместить их как относительно небольшой элемент в среду, которая поддается горизонтальной композиции: либо ландшафт, либо архитектурная обстановка, которая в основном горизонтальна. Вот что сделал ваш пример с женихом и невестой: поместите их в горизонтальный пейзаж. Проблема, возникающая при этом, заключается в том, что трудно передать больше о людях на фотографии, чем об окружающей среде, в которой они содержатся. Ваш образец спасен почти всеобщим признанием того, что на женщине свадебное платье, мужчина одет достаточно формально, а пара находится в интимном положении, так что зритель приходит к выводу, что это жених и невеста. Но изображение ничего не говорит нам о том, кто эта невеста / жених, и что в них уникального: зритель остается в этой точке, чтобы заполнить пробелы из своего собственного опыта. И даже тогда композиция не работает, потому что камни слева находятся в более четком фокусе, чем пара, чьи ноги были обрезаны, чтобы соответствовать искусственному горизонту, где поле встречает деревья на сцене и оставляет много открытого мертвого пространства. в середине для текста.

Вам нужно решить, что вы хотите использовать для общения: либо содержимое текста с «фоновым» изображением, которое не умаляет текст или визуальную информацию, сообщающую то, что представляет ваша организация, или кто вы. Возможным компромиссом будет смещение текста в одну сторону и размещение визуального фокуса вашего изображения на другом (но ближе к центру, а не к низу правого края): возможно, пара правильно сфокусирована и стоит в область за правым плечом жениха.

Answer 2

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

Как только вы знаете, какие снимки вам нужны, их будет просто сделать.

Answer 3

Я думаю, что вам не хватает концепции. По сути, у вас есть панорамное изображение 3: 1.

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

Я вижу двух людей, целующихся перед зеленой травой и лесом на заднем плане. На переднем плане также находятся некоторые другие объекты (ветви от дерева, камни), но не в фокусе. Обратите внимание, что фон также не в фокусе.

• Пара на переднем плане, острая. И с правой стороны.
• Фон и неважный передний план размыты.
• Фон - это природа, почти вся зеленая с линией горизонта, где начинается лес.

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

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

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

Answer 4

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

• Создайте изображение, как всегда, во время его съемки.
• Сделайте несколько шагов назад, чтобы у вас была более широкая область, чем вы себе представляли.
• Обрезка и перекомпоновка в пост-продакшн (Photoshop / Lightroom)

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

Не стесняйтесь, напишите мне сообщение, если вы все еще поражены. Я был бы рад помочь, чем смогу.

Answer 5

Я думаю, вам будет сложно найти достойный индивидуальный снимок (группы работают хорошо) для этих измерений. Что я делал в прошлом для веб-сайтов, так это чтобы основное внимание уделялось, будь то человек или продукт с одной стороны. Затем используйте градиент или маску слоя в Photoshop и разместите текст или контент маркетингового типа на стороне. По сути, просто сделать человека или продукт более квадратным / прямоугольным, а не суперширокым и тощим прямоугольником.

Answer 6

Нет простого ответа. 98% фотографий не подойдут. Проблема в ответной части вопроса. Как выглядит изображение в следующих разрешениях:

• 460 PX
• 600 PX
• 800 PX
• 1023 PX
• 1200 PX
• 1500 PX
• 1800 PX

Вот как решить проблему:

1. Используйте 1800 x 600 пикселей (1800 теперь стандартная ширина)
2. Float / Center the Hero фон CSS
3. Используйте прозрачную рамку в графической программе, чтобы найти объекты или части изображений, которые будут работать, и экспортировать только фрагмент.

Вот пример с размером 1800 x 600:

http://www.sunlitmarketing.com/ - В этом примере скрываются самые низкие 300 пикселей при ширине экрана 1024 и выше.

http://www.coastalfoto.com/ - Использует 1500 x 400