Способ 1: Портретный режим
Во встроенной камере на iPhone, начиная с модели 7 Plus и выше, появилась функция «Портретный режим», которая улучшила качество фото в несколько раз. Помимо настройки освещения, фокуса и т.д., одной из главных ее фишек является возможность размытия фона во время съемки с акцентом на основном объекте.
С помощью данной опции можно получить эффект боке только во время съемки, то есть обработать сделанное в другом режиме фото не получится — для этого вам понадобятся специальные приложения, о которых будет рассказано отдельно. Вне зависимости от версии операционной системы инструкция подойдет для всех моделей с двойной камерой.
- Запустите приложение «Камера» и выберите режим «Портрет». Если у вас нет данного пункта, скорее всего, ваш смартфон iPhone 7 или ниже.
- Сразу после перехода к портретной съемки в верхней части экрана можно заметить определенные указания, которых нет в других режимах. Их соблюдение необходимо для получения того самого эффекта боке с глубокими тонами и фокусом на главном объекте.
- Тапая на предметы в объективе камеры, вы можете настраивать фокус, а также контролировать освещение. Подробнее о разнице в освещениях будет рассказано отдельно. Фото делается обыкновенным методом, однако в зависимости от модели Айфона процесс может занять несколько секунд, в течение которых не следует двигать телефон во избежание размытия картинки.
- Еще одной особенностью «Портрета» является возможность редактировать степень освещения и размытия фона уже после съемки. Для этого откройте нужный кадр и тапните «Править» в нижней части экрана.
- Выберите один из доступных вариантов портретного освещения.
Нюансы освещения в портретном режиме
Портретный режим на iPhone имеет множество нюансов, связанных со светом и контрастом. При использовании данной функции вы могли заметить, что на выбор предоставляется 5 вариантов освещения, каждый из которых следует рассмотреть отдельно, чтобы при следующей съемки получить максимально качественное изображение.
Вариант освещения | Описание |
---|---|
Естественный свет | Позволяет создать эффект теплого (желтого) освещения со слабым размытием фона |
Студийный свет | Создает легкое размытие и осветляет темные участки основного объекта. Подходит для съемки как людей и животных, так и предметов |
Контурный свет | За счет повышенной контрастности создает более яркую картинку и сильный эффект боке |
Сценический свет | Воссоздает эффект прожектора, сильно размывая задний фон |
Ч/б сценический свет | Аналогичен предыдущему, но фото будет черно-белым, а фон практически при любом свете станет черным. В более старых моделях не подойдет для фотографирования людей, так как плохо обрезаются границы лица и волос |
Идеально подобрать вариант для конкретного случая можно только путем перебора освещения или же с опытом. Однако разработчики дают возможность в любой момент редактировать снимок, меняя режимы в портретном фото, даже если исходный кадр был сделан в черно-белом формате.
Какой фотоаппарат и объектив лучше использовать
В большинстве источников можно встретить информацию, что эффекта размытия можно достичь исключительно с объективом, имеющим фокусное расстояние 50mm и светосилу не меньше f2.8. Возможно, фотографируя с такой оптикой, можно получить идеальное боке, но, вообще, хорошо размыть фон можно практически с любым объективом.
Более привлекательное размытие можно заполучить с оптикой, чье фокусное расстояние находится в интервале от 50 до 200mm, а значения диафрагмы – от 1.8 до 2.8. Однако, такой эффект имеет право на жизнь и при использовании объективов с другими параметрами. На оптике с небольшим фокусным расстоянием, но хорошим значением светосилы, можно создать хорошее размытие фона, максимально открыв диафрагму. А если объектив имеет большое фокусное расстояние, то можно даже фотографировать, используя средние значения диафрагмы. Но чтобы подобрать хорошую глубину размытия на своем фотоаппарате, всегда лучше поэкспериментировать — фотографировать, подходя ближе к объекту съемки, открывая и прикрывая диафрагму.
Отличным эффектом размытия могут похвастаться объективы, предназначенные специально для портретной или макро-съемки. Ведь первый изначально нацелен на то, чтобы отделять человека от фона с помощью разной резкости, а второй – для четкого изображения мелких объектов.
Хотя, на самом деле, достичь хорошего размытия можно не только благодаря оптике. Также есть еще несколько способов, как фотографировать, чтобы получить замечательное боке.
Соответствующие PNG изображения
-
Черно-белая симметрия в дневное время, эффект радиоактивного света, замедленная съемка в оттенках серого, текстура, фотография png
-
Треугольник Черно-белый узор, синий треугольник технологии, черный рисунок, текстура, угол png
-
Евклидова технология, технология креативного материала, синий и черный аннотация, текстура, cdr png
-
Рисованные цветы, затенение, разноцветные, акварель, фиолетовый png
-
справочный материал химическая структура, черно-синие соты, текстура, материал png
-
Черно-белая симметрия, яркий световой эффект, светодиодный свет, текстура, угол png
-
Текстурная бумага, Ретро бумажные частицы, наложенный фон, текстура, белый png
-
Черно-белый узор, рваная бумага фон, черно-белая абстрактная живопись, угол, белый png
-
Белое Облако, облако, белые облака с черным фоном, текстура, белый png
-
черно-белая абстрактная живопись, Черно-белая линия, угол точки, текстура, угол png
-
Черно-белая геометрия Геометрическая абстракция Pattern, Technology Triangle Cover, черно-серый шестиугольный скриншот, текстура, угол png
-
Paper Confetti Party, мультфильм с днем рождения конфетти, белый фон с фиолетовым, зеленым и желтым конфетти, мультипликационный персонаж, атмосфера png
-
Черно-белый узор, геометрические абстрактные перспективные блоки, синяя зеркальная иллюстрация, текстура, угол png
-
синий геометрический фон, синий и белый, синий, угол png
-
Компьютерный файл, границы рисованной линии, граница, угол png
-
Линия Симметрия Точка Геометрическая абстракция, Абстрактные геометрические линии, угол, белый png
-
Технология Евклидова электрическая сеть, схема чипа текстуру фона бесплатно, синий контур иллюстрации, угол, свободный Шаблон дизайна логотипа png
-
Евклидово, рама, шаблон, рамка png
-
Евклидово, текстура узор границы угла, разные угловые дизайн фона много, граница, рамка png
-
Капли воды Дождь, капли дождя, крупный план капель воды, текстура, угол png
-
Бумага, креативная рвущаяся бумага, черная рамка, угол, белый png
-
Акварельная живопись, Граффити фон, розовый, зеленый и синий абстрактная живопись, текстура, чернила png
-
синий и белый, многослойные технологии фон синие шестиугольники, синий и белый, медоносная пчела, синий png
-
Бумага для печати, мятая белая бумага, текстура, угол png
-
человеческий глаз и рука рисунок иллюстрации, футболка Черно-белый рисунок эскиз, черно-белые глаза иллюстрации, белый, млекопитающее png
-
Евклидово, текстура линии границы, различные контуры рамки, граница, угол png
-
Черно-белая точка угол, подвесная рама, квадратная белая подвесная рама крупным планом, кадр, белый png
-
Световой эффект, боке, текстура, синий png
-
Простые абстрактные линии фоновые линии, черный, зеленый и синий абстрактная живопись, текстура, угол png
-
Речь воздушный шар комиксов иллюстрация, мультфильм взрыв эффекты границы, черный и желтый речевой шар шаблон, граница, мультипликационный персонаж png
-
Треугольная форма фона, черный и белый абстракция, текстура, компьютерная сеть png
-
Вода, Окрашенные волнами капли, Мечта капель воды, волдыри, капли дождя, Акварельная живопись, текстура png
-
Золотой, Золотой фон текстура волнистые линии материала, угол, коричневый png
-
Значок часов, темно-синий круг, логотип угадайку, угол, симметрия png
-
Светло-симметричный треугольник, материал декоративного светового эффекта, иллюстрация голубой звезды, фиолетовый, текстура png
-
белые и синие линии, евклидовый узор, линии затенения материала Creative, текстура, угол png
-
прямоугольная черная цветочная рамка, рамки и рамки, дизайн, бордюр, белый png
-
земля, технология, технология творческого материала, угол, электроника png
-
ассорти с, геометрическая форма, геометрия, геометрический рисунок, угол, белый png
-
Технология Евклидова, Технология фон, черная иллюстрация, угол, белый png
-
Синий, Синий абстрактная графика, синий фон, текстура, угол png
-
Рамки и рамки Рамки, белая рамка, разное, угол png
-
Light Star Motif, золотые легкие звезды, оранжевый искрящийся свет, текстура, угол png
-
иллюстрация белого дыма, облака диалога взрыва, угол, белый png
-
Золотая рама, рама золотого цвета, кадр, угол png
-
Компьютерные иконки Мобильные телефоны Телефон, значок телефона круг, телефонный звонок, текст png
-
Черно-белая площадь, угол проекции тени бумаги, текстура, угол png
-
Иконка Круг инфографики, Инфографика круги и треугольники PPT, 01-05 текст, синий, угол png
-
иллюстрация, девушка на велосипеде, пара эскиз иллюстрации, любовь, угол png
-
синий абстрактный, синий, синий фон материала решетки, угол, затенение png
Как получить боке с помощью дополнительных устройств
Иногда бывает, что сфотографировать интересный кадр с размытием очень хочется, но техника не позволяет его добиться. В таких случаях не обязательно бежать в магазин и покупать «золотой» объектив, да и средства не всегда есть. Для начала можно попробовать несколько способов создать красивое боке с помощью подручных средств.
- Создать размытость по краям фотографии поможет обычный пластиковый пакет. Если фотографировать, обернув его вокруг объектива так, чтобы он слегка заходил в кадр, то края снимка будут вне зоны хорошей видимости. Таким образом, можно скрыть некоторые недостатки по периметру фотографии. Если получившийся эффект понравился, можно закрепить пакет несколькими кусочками скотча для длительной съемки;
- Помимо пакета, можно фотографировать, используя разнообразные материалы, такие как интересная ткань, цветная бумага и множество других вариаций. Можно просто разместить их вокруг объектива или только с одной стороны, что создаст красивые размытые участки на переднем плане;
- Также совсем не обязательно покупать специальные фильтры для бликов. Эти фильтры придают источникам света на фоне различные формы, помимо круга или многоугольника, которые может создать фотоаппарат. Чтобы сделать такой фильтр, понадобится лист картона, желательно черного. Вырезаем круг по размеру объектива, также можно продумать крепления для фотоаппарата, если не хочется держать самодельный фильтр. Посередине круга изображаем желаемую форму блика и вырезаем. С таким фильтром удобно фотографировать, он хорошо работает и не требует средств, а менять его можно постоянно.
Как получить размытие с помощью программ
Что делать, если сфотографировать с размытием не получилось? Эффект размытия не обязательно достигать при съемке, его также можно создать на уже готовой фотографии. В этом помогут графические редакторы и программы для обработки фото. Сейчас существует огромное множество таких программ и большинство из них могут предложить эту функцию. Причем создать снимок с размытием, не при съемке, можно как на компьютере, так и на телефоне.
На компьютере
Самый распространенный графический редактор для компьютера – Adobe Photoshop. На его примере и разберем, как же создать искусственное размытие. Чтобы получить красивое боке, в этой программе чаще всего используется фильтр «Размытие по Гауссу». При использовании этого инструмента нужно подвинуть ползунок до необходимой глубины эффекта. Но этот инструмент применяется на весь снимок сразу, а не на фон
Поэтому важно не забыть про выделение объекта. Есть несколько способов:
- Применить фильтр, после чего вернуть объекту четкость с помощью «Архивной кисти»;
- Прежде чем начать размытие, выделить фон соответствующим инструментом, тогда оно применится только на него;
- Использовать маску слоя.
Похожие инструменты есть в любом серьезном фоторедакторе для компьютера. Поэтому совсем не обязательно сразу фотографировать с боке. Но! Естественно, достигать качественного искусственного боке — трудоемкий, муторный процесс.
На телефоне
Если же необходимо редактировать фото на телефоне, то здесь однозначно придется установить приложение для обработки. Таких приложений существует очень много, как для платформы Android, так и IOS, так что найти их труда не составит. Но все же, вот несколько распространенных и хороших программ, подходящих для размытия фона: Snapspeed, Point Blur, AfterFocus. Все они довольно сильно отличаются по функциональности, но в каждом есть возможность регулировать степень размытия фона. Также в некоторых можно применять эффект, фотографируя.
Создание эффекта боке с помощью программ, также очень неплохой способ сделать фотографию интересней, если техника этого не позволяет. Но как уже было упомянуто ранее, качественный налог оптического эффекта достигается достаточно трудозатратным способом.
Тени
Drop Shadow — внешняя тень, подходит для отделения объекта от фона. Inner Shadow — внутренняя, подходит для создания объёмных объектов:
Изображение: Skillbox Media
Чтобы добавить тень, в разделе Effects нажмите на плюсик. По умолчанию Figma добавит обычную тень, но если нажать на надпись Drop Shadow, в выпадающем меню его можно изменить на Inner Shadow.
Базовые настройки у теней одинаковые, но работают они немного по-разному:
- Blur — размытие краёв тени.
- Spread — размер тени.
- X и Y — смещение относительно центра объекта. X — влево и вправо, а Y — вверх и вниз.
- Также у тени можно настроить её цвет и непрозрачность.
Смещение и размер у внешней тени могут быть какими угодно, так как явных границ у неё нет. У внутренней тени те же параметры ограничены самим объектом.
Редактирование внешней тени. Изображение: Skillbox Media
Редактирование внутренней тени. Изображение: Skillbox Media
Также у тени можно изменить цвет и режим наложения. Работает это как в Photoshop — в зависимости от режима и цвета тень будет подстраиваться под фон:
Изображение: Skillbox Media
Обычно тени используют в интерфейсах, чтобы показать уровни взаимодействия кнопок или сделать их похожими на реальные аналоги. О том, как правильно сделать тени для вашего приложения, читайте в инструкции дизайнера Марии Булиной:
Размытый фон на фотографии
Эффект, благодаря которому задний план на снимке размывается, называется боке. Боке – достаточно простой прием, который может сделать фото более привлекательным и живым, мгновенно заинтересовать зрителя.
Фотографировать с эффектом боке – значит фотографировать с небольшой глубиной резкости. Когда задний фон не сфокусирован фотоаппаратом, можно заметить как различные источники света и блики принимают интересные формы
Благодаря этому объект выглядит более четким, а лишние детали смягчаются и не отвлекают внимание. Такой эффект поможет обратить внимание на объект, сделать фотографию более интересной и загадочной и добавить динамики
То, насколько сильно размыт фон, зависит от значения глубины резкости. Соответственно, чем она меньше, тем более заметно будет размытие. Чтобы эффект был более привлекательным, лучше фотографировать, соблюдая несколько параметров:
- Размывать источники света. Как уже говорилось ранее, это дает множество интересных бликов. Для этого следует фотографировать, сфокусировав фотоаппарат на объекте, а источники света расположив либо позади него, либо близко к объективу, чтобы они не попали в зону резкости;
- Устанавливать наибольшее расстояние между объектом и бликами. Чем дальше от точки фокусировки находятся источники света, тем больше они размоются, таким образом, боке будет более глубоким;
- Использовать светосильные или длиннофокусные объективы. Если фотографировать с более раскрытой диафрагмой и большим фокусным расстоянием оптики, то фон размоется сильнее.
Принципы получения достойного результата
Самый главный метод получения размытого фона на фотографии – это соблюдение нескольких важных нюансов. Существует три параметра для получения боке: раскрытая диафрагма, фокусное расстояние, расстояние между фоном и объектом. Создать этот эффект можно, сочетая параметры вместе или используя всего один, все зависит от ситуации.
В большинстве случаев, добиться хорошего результата поможет выполнение такой небольшой инструкции:
- Максимально открыть диафрагму;
- Использовать максимальное фокусное расстояние;
- Фотографировать, подойдя как можно ближе к объекту съемки;
- Наибольшее возможное расстояние от объекта до фона;
- Выбрать задний план с фонарями или интересными предметами, чтобы фото не было скучным.
Стараясь соблюдать эти «правила», вам, скорее всего, не потребуется дополнительная обработка фотографии. Помимо этого, такой подход применим к любым фотоаппаратам и любой оптике. Поэтому, неплохое размытие фона можно получить всегда.
Сочетание эффектов
В разделе Effects можно добавить сколько угодно разных эффектов: например, несколько теней и несколько размытий. Благодаря этому можно добиться интересных результатов. Для примера рассмотрим, как сделать эффект матового стекла.
- Добавьте на макет фотографию и поверх неё наложите любую фигуру: круг, квадрат, треугольник.
- В настройках эффектов фигуры добавьте тень со следующими настройками: X и Y — 12, Blur — 25, Spread — 2, непрозрачность тени — 25%.
- В настройках эффектов фигуры добавьте Background blur с размытием 25.
- Снизьте непрозрачность заливки фигуры до 10%.
- По желанию можно добавить обводку с непрозрачностью 50%.
Если делать тень чёрной, а цвет фигуры белым, то эффект получится недостаточно реалистичным. Лучше использовать основной цвет фона, чтобы сымитировать падающий на ваше стекло свет.
Изображение: Skillbox Media
Подробнее о том, как можно сочетать разные эффекты в Figma, читайте в нашей инструкции по морфизмам в интерфейсах: