Как разместить картины в интерьере

Примечание. Когда дело доходит до редактирования фотографий в формате RAW, я предпочитаю Photoshop - его встроенный редактор RAW отлично справляется со своей задачей и обладает множеством функций.

Когда дело доходит до компоновки фотографий интерьера, я обнаружил, что , когда сомневаюсь в , всегда лучше снимать прямо на .Руководствуясь архитектурным каркасом комнаты, наведите камеру так, чтобы она идеально совпадала с одной из стен. Если у вашей камеры есть сетка или композиционные направляющие в видоискателе (даже в iPhone есть эта функция), это идеальный момент для использования этого инструмента. Вам нужно сделать так, чтобы горизонтальные и вертикальные линии стены (вместе с горизонтальными и вертикальными элементами элементов вдоль этой стены) были выровнены, почти как на сетке в вашем видоискателе. Вот несколько фотографий, которые я сделал из своей квартиры [о которых вы можете подробно прочитать, если вам интересно, в блоге моего жениха], чтобы проиллюстрировать эту идею:

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

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

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

Важно помнить, что вы как фотограф, по сути, являетесь Всемогущим Владыкой Вселенной на своих фотографиях. Значение: не стесняйтесь перемещать вещи. Если вы не можете сделать идеальный снимок своего дивана из-за того, что за вами стоит большая старая кладовая, сдвиньте ее! Если есть комнатное растение там, где вам нужен штатив, переместите это комнатное растение! Если вам удастся лучше сфотографировать эту комнату из следующей комнаты, то во что бы то ни стало - прострелите дверь! СТРЕЛА:

Это также касается вещей, которые могут мешать в пределах вашей фотографии.Если есть какие-либо неприглядные шнуры, предметы или предметы мебели, которые убивают ваш фотографический ажиотаж, избавьтесь от них! И не беспокойтесь о целостности документалистов: редактирование объектов - один из маленьких грязных секретов фотографии (даже фотографы времен Гражданской войны перемещали на своих фотографиях ядра и трупы, чтобы создать более драматические композиции, я вас не шучу).

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

ARKit 101: Как разместить 2D-изображения, например картину или фотографию, на стене в дополненной реальности «Mobile AR News :: Next Reality

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

В этом руководстве вы узнаете, как создать приложение дополненной реальности для iPad и iPhone с помощью ARKit. В частности, мы рассмотрим, как разместить виртуальные картины, такие как Мона Лиза, на наших стенах.

Чему вы научитесь?

Мы будем учиться размещать объекты, такие как 2D-изображения, с помощью SceneKit на вертикальных стенах с помощью ARKit 1.5.

Минимальные требования

• Mac под управлением macOS 10.13.2 или новее.
• Xcode 9.4 или выше.
• Устройство с iOS 11+ на процессоре A9 или выше. В основном это iPhone 6S и новее, iPad Pro (9,7 дюйма, 10,5 дюйма или 12,9 дюйма; первое и второе поколение) и iPad 2017 года или новее.
• Свифт 4.0. Хотя Swift 3.2 будет работать с Xcode 9.4, я настоятельно рекомендую загрузить последнюю версию Xcode, чтобы оставаться в курсе.
• Учетная запись разработчика Apple. Однако следует отметить, что вам не нужна платная учетная запись Apple Developer. Apple позволяет развертывать приложения на тестовом устройстве, используя бесплатную учетную запись Apple Developer. Тем не менее, вам понадобится платная учетная запись разработчика, чтобы разместить свое приложение в App Store. (См. Сайт Apple, чтобы увидеть, как работает программа, прежде чем регистрировать бесплатную учетную запись Apple Developer.)

Шаг 1. Загрузите ресурсы, которые вам понадобятся.

Чтобы упростить работу с этим руководством, я создал папку с необходимыми 2D-ресурсами и файлом Swift, необходимым для проекта. Эти файлы помогут вам не потеряться в этом руководстве, поэтому загрузите заархивированную папку, содержащую ресурсы, и разархивируйте ее.

Шаг 2: Настройте проект AR в Xcode

Если вы не знаете, как это сделать, следуйте шагу 2 в нашем сообщении о пилотировании трехмерной плоскости с помощью hitTest для настройки проекта AR в Xcode.Обязательно дайте вашему проекту другое имя, например NextReality_Tutorial8 . Обязательно сделайте быстрый тестовый запуск, прежде чем продолжить обучение, приведенное ниже.

Шаг 3. Импортируйте активы в ваш проект

В навигаторе проекта щелкните папку «Assets.xcassets». Мы будем добавлять сюда наши 2D-изображения. Затем щелкните правой кнопкой мыши на левой панели области в правой части навигатора проекта. Выберите «Импорт» и добавьте файлы «overlay_grid.png» и «mona-lisa.jpg» из распакованной папки Assets.

Затем, еще раз в навигаторе проекта, щелкните правой кнопкой мыши желтую папку «NextReality_Tutorial8» (или как там вы назвали свой проект). Выберите вариант «Добавить файлы в 'NextReality_Tutorial8».

Перейдите в распакованную папку «Assets» и выберите файл «Grid.swift». Обязательно установите флажок «Копировать элементы, если необходимо», а все остальное оставьте как есть. Затем нажмите «Добавить».

«Grid.swift» теперь должен быть добавлен в ваш проект, и ваш навигатор проекта должен выглядеть примерно так:

Этот файл поможет визуализировать изображение сетки для каждой вертикальной плоскости, которую обнаруживает ARKit.

Шаг 4: Поместите сетку для отображения обнаруженных вертикальных плоскостей

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

Примечание : этот шаг будет очень похож на шаг 4 из предыдущей статьи о вертикальных плоскостях.

Откройте класс «ViewController.swift», дважды щелкнув его.Если вы хотите следовать последнему коду шага 4, просто откройте эту ссылку, чтобы увидеть ее на GitHub.

В файле «ViewController.swift» измените строку создания сцены в методе viewDidLoad () . Измените его с:

  let scene = SCNScene (с именем: "art.scnassets / ship.scn")!  

К следующему (что гарантирует, что мы не создаем сцену с моделью корабля по умолчанию):

  let scene = SCNScene ()  

Затем найдите эту строку в верхней части файла:

  @ IBOutlet var sceneView: ARSCNView!  

Под этой строкой добавьте эту строку, чтобы создать массив «Grid's» для всех обнаруженных вертикальных плоскостей:

  var grids = [Grid] ()  

Скопируйте и вставьте следующие два метода, перечисленные ниже, в папку конец файла перед последней фигурной скобкой (} ) в файле.Эти методы позволят нам добавить нашу сетку на вертикальные плоскости, обнаруженные ARKit в качестве визуального индикатора.

  func renderer (_ renderer: SCNSceneRenderer, didAdd node: SCNNode, для привязки: ARAnchor) { охранник пусть planeAnchor = привязать как? ARPlaneAnchor, planeAnchor.alignment == .vertical else {return} let grid = Grid (привязка: planeAnchor) self.grids.append (сетка) node.addChildNode (сетка) } func renderer (_ renderer: SCNSceneRenderer, didUpdate node: SCNNode, для привязки: ARAnchor) { охранник пусть planeAnchor = привязать как? ARPlaneAnchor, planeAnchor.alignment == .vertical else {return} let grid = self.grids.filter {сетка в вернуть grid.anchor.identifier == planeAnchor.identifier }.первый guard let foundGrid = grid else { возвращение } foundGrid.update (привязка: planeAnchor) }  

Давайте быстро рассмотрим, что происходит в этих двух методах:

1. Метод didAdd () вызывается всякий раз, когда новый узел добавляется в ARSCNView . Здесь мы гарантируем, что обнаруженный ARPlaneAnchor соответствует вертикальной плоскости, и добавляем его как наш объект Grid , который добавляет изображение сетки, которое мы импортировали, к любой обнаруженной плоскости.
2. Метод didUpdate () вызывается всякий раз, когда обнаруживаются новые узлы ARPlaneAnchor (опять же, мы гарантируем, что они соответствуют вертикальным плоскостям) или когда плоскость расширяется. В этом случае мы также хотим обновить и расширить нашу сетку. Мы делаем это здесь, вызывая update () для этой конкретной Grid .

Теперь давайте включим функциональные точки. Под этой строкой в ​​ viewDidLoad () :

  sceneView.showsStatistics = true  

Add:

  sceneView.debugOptions = ARSCNDebugOptions.showFeaturePoints  

Затем давайте включим обнаружение вертикальной плоскости. Под этой строкой в ​​ viewWillAppear () :

  let configuration = ARWorldTrackingConfiguration ()  

Add:

  configuration.planeDetection = .vertical  

Это очень важно! Это гарантирует, что ARKit сможет обнаруживать вертикальные плоскости в реальном мире. Функциональные точки позволят нам увидеть все 3D-точки, которые ARKit может обнаружить.

Теперь запустите приложение на телефоне и прогуляйтесь. Сосредоточьтесь на хорошо освещенной стене или плоской вертикальной поверхности; вы должны увидеть синие сетки, появляющиеся всякий раз, когда обнаруживается вертикальная плоскость:

Контрольная точка : весь ваш проект по завершении этого шага должен выглядеть как последний код шага 4 на моем GitHub.

Шаг 5: Используйте hitTest, чтобы поместить Мона Лизу на стену

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

Мы будем использовать нашего старого друга, HitTest, чтобы разместить картину Моны Лизы на обнаруженной вертикальной стене.

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

  let gestureRecognizer = UITapGestureRecognizer (target: self, action: #selector (нажато)) sceneView.addGestureRecognizer (gestureRecognizer)  

Затем давайте добавим метод tapped () , который будет вызываться при регистрации жеста касания на телефоне. Добавьте следующий код в конец файла, но перед последней фигурной скобкой (} ):

  @objc func tappped (жест: UITapGestureRecognizer) { // Получить 2D позицию сенсорного события на экране пусть touchPosition = gesture.location (in: sceneView) // Преобразуем эти 2D-точки в 3D-точки с помощью hitTest (существующая плоскость) пусть hitTestResults = sceneView.hitTest (touchPosition, типы: .existingPlaneUsingExtent) // Получить результаты hitTest и убедиться, что hitTest соответствует сетке, размещенной на стене охранник let hitTest = hitTestResults.first, let anchor = hitTest.anchor as? ARPlaneAnchor, пусть gridIndex = grids.index (где: {$ 0.anchor == anchor}) else { возвращение } addPainting (hitTest, сетки [gridIndex]) }  

Здесь мы в основном преобразуем 2D-точки, к которым относится жест касания на экране iPhone, в реальные 3D-точки с помощью hitTest.Мы обязательно используем тип existingPlaneUsingExtent hitTest, чтобы результаты были получены только от плоскостей, которые были обнаружены (отображаемыми сетками) на основе их размеров (экстента). Затем мы гарантируем, что привязка, обнаруженная с помощью hitTest, является ARPlaneAnchor , а не какой-либо характерной точкой, и что сама привязка коррелирует с сеткой, которая уже обнаружена и отображается. Наконец, мы вызываем метод addPainting () , чтобы фактически разместить картину на стене.

Давайте добавим addPainting () в метод tapped () , но перед последней фигурной скобкой (} ) в файле:

  func addPainting (_ hitResult: ARHitTestResult, _ grid: Grid) { // 1. пусть planeGeometry = SCNPlane (ширина: 0,2, высота: 0,35) let material = SCNMaterial () material.diffuse.contents = UIImage (по имени: "Мона-Лиза") planeGeometry.materials = [материал] // 2. пусть paintingNode = SCNNode (геометрия: planeGeometry) paintingNode.transform = SCNMatrix4 (hitResult.anchor! .transform) paintingNode.eulerAngles = SCNVector3 (paintingNode.eulerAngles.x + (-Float.pi / 2), paintingNode.eulerAngles.y, paintingNode.eulerAngles.z) paintingNode.position = SCNVector3 (hitResult.worldTransform.columns.3.x, hitResult.worldTransform.columns.3.y, hitResult.worldTransform.columns.3.z) sceneView.scene.rootNode.addChildNode (рисованиеNode) grid.removeFromParentNode () }  

Здесь происходит несколько вещей:

1. Мы создали геометрию 2D-плоскости, SCNPlane , и дали ей изображение mona-lisa , которое мы загрузили ранее, в качестве фонового материала.
2. Затем мы устанавливаем геометрию на новый SCNNode , который называется paintingNode . Мы убедились, что для этого узла (это комбинация свойств поворота, положения и масштаба) установлено значение, равное значению преобразования привязки hitResult . Затем мы соответственно устанавливаем углы Эйлера (это определяет угол и поворот узла на основе осей x, y и z). Наконец, мы устанавливаем положение узла (рисунка), в котором произошел жест касания, на основе результата hitTest.

После добавления PaintingNode в сцену мы удалим сетку, на которой он находится, чтобы мы могли любоваться Мона Лизой без каких-либо синих линий сетки!

Сохраните и запустите приложение. Пройдитесь вокруг и найдите хорошо освещенную текстурированную ровную вертикальную поверхность, например стену.

Примечание: Для стены вам, возможно, придется подойти очень близко, так как у большинства стен отсутствует текстура, необходимая ARKit для обнаружения вертикальных плоскостей. Я бы посоветовал найти окно или другую цветную вертикальную поверхность, чтобы ARKit мог обнаруживать самолеты.Обнаружив стену через синюю сетку, коснитесь области сетки, чтобы поместить Мона Лизу на стену. Вы должны увидеть что-то вроде этого:

Контрольная точка : весь ваш проект в конце этого шага должен выглядеть как последний код шага 5 на моем GitHub.

Что мы сделали

Отличная работа! Вы успешно смогли обнаружить стену и поместить на нее реальный объект с помощью ARKit 1.5! Разве не чудесно, на что способен ARKit? Благодаря обновлению Apple, трудности работы со сложной математикой и логикой компьютерного зрения были полностью скрыты от нас благодаря ARKit.Используя этот урок, мы смогли разместить подробное изображение Моны Лизы на стене в нашем собственном доме. Разве это не здорово? Не стесняйтесь экспериментировать, размещая разные изображения и изменяя их размеры.

Если вам нужен полный код для этого проекта, вы можете найти его в моем репозитории GitHub. Надеюсь, вам понравился этот урок по ARKit. Если у вас есть какие-либо комментарии или отзывы, пожалуйста, оставьте их в разделе комментариев. Удачного кодирования!

Не пропустите : Как измерить стены с помощью ARKit 1.5

Как покрасить комнату | инструкции

• Приложение
• Смотреть вживую
• Полные эпизоды

• Войти
• • Профиль
  • Выйти
• Регистр

• Показывает
  • Основной
  • программа передач
  • Сделай сам
  • Показывает от А до Я
  • Хосты от А до Я

  Лучшие выставки

  • Barnwood Builders
  • Большой пляж Строит
  • Особняки со скидкой
  • Первые ласты
  • Холмс: новое поколение
  • Реабилитационный наркоман
  • Восстановлено
  • Утилизация
  • Возрождение каменного дома
  • Проект Vanilla Ice

  Хосты

  • Джейсон Кэмерон
  • Джефф Девлин
  • Джош Темпл
  • Мэтт Блашоу
  • Николь Кертис
  • Ванильный лед
  • Тамара День
  • Бретт Уотерман
  • Марни Оурслер
  • Скотт МакГилливрей

  Полные серии

  • Barnwood Builders
  • Строительство вне сети
  • Мэн Кэбин Мастерс
  • Пул королей
  • Восстановлено
  • Texas Flip N Move

  Не пропустите:

  • Идеи озеленения переднего двора
  • 26 популярных домашних стилей
  • Стильное хранение в ванной
  • 35 переработанных поделок
  • Как построить набор козловой ямы
• Как

  Сделать и украсить

  • Отделка
  • Поделки
  • Развлекательные
  • Повторное использование
  • Свадьбы
  • Пет Проекты
  • Посмотреть все

  Номера и помещения

  • Кухня
  • Ванная
  • Спальня
  • Складское пространство
  • Гараж
  • Этажей
  • Витрина экспертов
  • Креативные пространства
  • Посмотреть все

  На открытом воздухе

  • Садоводство
  • Ландшафтный дизайн
  • Патио и террасы
  • Конструкции
  • Открытые пространства
  • Hardscaping
  • Ландшафтный дизайн

Смотрите также

• 
  Песочный цвет в интерьере сочетание цветов
• 
  Дизайн интерьера зала в квартире фото
• 
  Презентация на тему интерьер жилого дома
• 
  Интерьер и декорации
• 
  Новые технологии в дизайне интерьера
• 
  Теплая веранда интерьер фото
• 
  Камень в интерьере украшения
• 
  Терракотовый цвет в интерьере
• 
  Строгановский дворец интерьеры
• 
  Плитка релакс в интерьере голден тайл
• 
  Голубой цвет в интерьере