В этой статье мы покажем вам, как быстро и эффективно создать план этажа в Photoshop . Мы продемонстрируем, как воплотить проект в жизнь на чертеже плана этажа. Конечный результат послужит инструментом коммуникации для клиентов, которые хотят увидеть, как проектная схема вписывается в общую пространственную планировку проекта. Сначала на бумаге рисуется черновой вариант проекта, а затем с помощью Photoshop создается графическое представление проекта для строительства.
Возможно, вас также заинтересует: Как улучшить пикселизированные изображения в Photoshop. 3 метода.
Создание комнат при составлении плана в Фотошопе

Чтобы упростить задачу (если цифры вас не интересуют), просто преобразуйте футы в дюймы в макете. Итак, для начала сделайте холст немного больше, чем общая площадь пристройки. В нашем случае сумма составит 28 на 28 футов, поэтому мы сделаем холст размером 32 на 37 дюймов.

Одна из неприятных особенностей рисования в Photoshop заключается в том, что вы не можете создать фигуру с контуром, используя инструмент «Фигура». Вместо этого вам приходится прибегать к несколько неудобному обходному пути, чтобы создать полые прямоугольники, которые нам понадобятся для плана этажа.
Начнём с самой большой комнаты в нашей пристройке, кабинета/семейной комнаты, размером 28 на 14 футов. Чтобы создать изображение, сначала создайте новый слой, который мы назовём « Семейная комната », а затем выберите инструмент выделения на панели инструментов.
Чтобы убедиться, что коробка имеет правильный размер, давайте выберем «фиксированный размер» в меню режима в верхней части экрана и введем наши измерения в поле ниже.

Теперь у нас есть прямоугольник размером 28 x 14 дюймов, но ему всё ещё нужен контур. Чтобы получить эту линию, просто выберите « Редактировать », затем « Обвести выделение (контур) …». Появится ещё одно диалоговое окно, где вы можете выбрать цвет, размер и расположение контура. Мы выбрали 10 пикселей , чёрный цвет и центрирование.

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

Используя инструмент выделения, давайте создадим коробку размером шесть на четыре дюйма, чтобы создать проем в стенах спальни, туалета и ванной комнаты. Выделив область, кликнем по слою, соответствующему каждой комнате, и нажмем «Удалить».
При этом будет удалена часть стены в пределах выбранной области для каждого слоя. Итак, у нас остался дверной проем в каждой комнате на плане этажа. Поскольку мы используем двери сарая, там не будет открывающихся дверей, поэтому мы не будем добавлять их в эти комнаты.

Чтобы добавить двери из спальни в гостиную и с улицы в гостиную, снова воспользуемся инструментом выделения, чтобы убрать стены, а затем инструментом линии создадим дверные проемы. Также с помощью инструмента линии нужно нарисовать стены для прихожей, которая будет иметь размеры 8 футов на 6 футов. Каждый дверной проем на плане имеет стандартный размер 3 фута.

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

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

Вот шаги, которые необходимо выполнить при добавлении цвета к рисунку в Photoshop :
Шаг 1. Перенесите PDF-файл с чертежом САПР в Photoshop.
Сначала откройте новый документ Photoshop (PSD) размером с ваш чертеж. В нашем случае мы открыли PSD-файл размером с лист бумаги формата A3, на котором был напечатан наш чертеж. Затем вставьте чертеж в PSD-файл. Перейдите в меню «Файл», затем выберите «Вставить» . Найдите PDF-файл с чертежом, который вы хотите отредактировать, и вставьте его в PSD-файл.

Возможно, вам также будет интересно узнать: Как создать отражение в Photoshop и улучшить внешний вид фотографий.
Шаг 2: Добавьте слой пола
Теперь, когда у вас есть чертеж плана этажа в файле, вам нужно создать новый слой. Этот слой станет вашим этажом. Создайте слой, используя кнопку « Дополнительно» на панели «Слои». (Переименуйте слой с этажом, если хотите сохранить порядок!). Теперь нам нужно добавить цвет заливки к областям чертежа, которые будут заняты полом.
Для этого воспользуемся инструментом «Волшебная палочка» (W) . Выделите исходный рисунок в области активного слоя, затем с помощью инструмента «Волшебная палочка» выделите все области рисунка, которые составляют пол. (Удерживайте клавишу Shift , чтобы расширить выделение.)
После того, как вы выделили все участки пола, выберите новый слой с полом, чтобы активировать его. При активном слое и сохраненном выделении перейдите к инструменту «Заливка» (G) . Используйте инструмент «Заливка» , чтобы залить выделенную область цветом. Поскольку текстура пола будет непрозрачным изображением, цвет может быть любым. Ваш рисунок, вероятно, будет выглядеть примерно так.

Шаг 3: Создайте рисунок пола
Итак, теперь вам нужно создать узор для пола. Мы любим использовать загружаемые бесшовные узоры из SketchUp . Чтобы обеспечить эффективность работы, мы уже сохранили все необходимые текстуры в папке, которую я использую для этого чертежа. Возможно, вы уже делаете это во время работы над дизайном помещения.
Для этого дизайна мы используем деревянный пол приглушенных оттенков. Поэтому мы скачали именно такой узор. Чтобы преобразовать это изображение в узор, вам просто нужно открыть его в Photoshop. Затем перейдите в меню «Редактировать» и выберите «Определить узор» . После того, как вы определили узор, полезно дать ему узнаваемое название.

Шаг 4: Нанесите рисунок пола
Теперь, когда вы определили изображение пола как узор, создав план этажа в Photoshop, вам просто нужно применить его в качестве эффекта. Чтобы применить узор, выберите слой с полом, затем нажмите кнопку « fx » на панели «Слои» и выберите «Наложение узора».
Здесь вы можете выбрать только что созданный узор, который будет применен к слою пола. Конечно, вам, вероятно, потребуется отрегулировать узор и масштаб в соответствии с вашим проектом. Но когда вы нажмете «ОК» , узор для пола будет применен ко всему слою пола.

Повторите шаги 2–4 для любых дополнительных текстур или материалов. Честно говоря, эти первые шаги — просто «повторение». Выполняйте эти три шага снова и снова для любых материалов или текстур, которые вам нужно повторить в рисунке.

Шаг 5: Добавьте коврики или любой другой материал/цвет.
Однако не все текстуры в дизайне будут представлять собой повторяющийся узор, как, например, деревянный пол. Поэтому их можно просто добавить в качестве собственного изображения. Здесь мы добавили два ковра, перейдя в меню «Файл», а затем выбрав «Вставить».
Выберите файл изображения ковра, который мы предлагаем. Когда мы размещаем его, мы захватываем точки трансформации, чтобы изменить его размер в соответствии с дизайном. Мы делаем это для обоих ковриков в помещении.

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

Шаг 6: Добавьте основные тени
Большая часть рисунка теперь имеет свой цвет и текстуру, но он все равно будет выглядеть немного плоским, пока мы не добавим некоторые эффекты освещения. Самый простой способ добавить основные тени при создании плоскости в Photoshop — применить внутреннюю тень к слою с полом.
Это достигается нажатием кнопки « fx » на панели «Слои» при выделенном слое «Пол». Затем выберите «Внутренняя тень» . Вам потребуется поэкспериментировать с прозрачностью, углом, расстоянием и другими настройками, чтобы добиться идеального результата, но вы быстро сможете добавить рисунку глубины.

Шаг 7: Добавьте яркий и слабый свет
Теперь нам нужно добавить ещё несколько световых эффектов. Для этого сначала создадим группу из всех слоёв (кроме рисунка), которые мы использовали до сих пор. Выделите все эти слои, затем нажмите Ctrl/Cmd + G. Теперь нам нужно сохранить все слои и содержащуюся в них информацию, поэтому мы продублируем этот слой, используя сочетание клавиш Ctrl/Cmd + J.
Нам нужно объединить вторую копию группы. Для этого щёлкнем правой кнопкой мыши по группе и выберем опцию «Объединить группу» . Теперь, когда у нас есть этот слой, мы воспользуемся инструментами «Осветление» и «Затемнение» , чтобы создать блики и тени на плоскости.
Инструмент «Осветление» (Dodge) осветляет участки рисунка, создавая блики . Инструмент «Затемнение» (Burn ) затемняет участки рисунка, создавая темные блики. В данном случае мы используем эти инструменты для создания бликов на подвесках.

Шаг 8: Последние штрихи
Теперь дизайн готов к завершающим штрихам. На этом этапе обычно вносятся такие корректировки, как яркость, контрастность и яркость. Для этого перейдите в меню «Изображение» , затем выберите «Коррекции» , а затем перейдите к «Яркость» и «Контрастность» , чтобы отредактировать эти параметры. После этого выберите «Оттенок» , «Насыщенность» и «Яркость», чтобы отрегулировать эти параметры.
Это делает цвет и текстуру более стилизованными для презентации. Еще один последний штрих — добавление любого стиля к общему листу. Если рисунок на более темном фоне, мы определенно предпочитаем оставить стены с белой заливкой. Однако в данном случае, поскольку он останется на белом листе, мы заполним стену ключевым цветом.
Мы создадим новый слой, а затем выделим предыдущий слой с рисунком. После этого с помощью инструмента «Волшебная палочка» выделим области стен, которые хотим закрасить. Затем с помощью инструмента «Заливка» закрасим эту область на созданном нами новом слое.

Шаг 9: Экспортируйте и презентуйте!
Теперь вы готовы сохранить и представить свой рисунок. Обычно мы сохраняем рисунки в формате JPG или PNG. Но иногда подойдут форматы TIFF или PDF, созданные в Photoshop. Для этого перейдите в меню «Файл», нажмите «Сохранить как » и выберите соответствующий вариант (или выберите экспорт в формате PNG ).
Таким образом, менее чем за 30 минут вы можете взять простой черно-белый рисунок дизайна и превратить его в яркий инструмент для презентации, чтобы дать вашему клиенту лучшее представление о дизайне, который вы предлагаете.

Посмотрите также: 8 лучших программ для открытия PSD-файлов без Photoshop.
Заключительные мысли
Итак, теперь вы знаете, как создать план этажа в Photoshop . Когда мы говорим о Photoshop, мы имеем в виду один из самых комплексных инструментов для создания планов этажей . Он обладает широким спектром инструментов, которые могут воплотить в жизнь любой тип дизайна. С помощью этой программы вы можете быстро и легко добавлять всевозможные детали. Если вам понравился урок, приглашаем вас поделиться своим мнением в комментариях; ваше мнение очень важно для нас.
Меня зовут Хавьер Киринос, и я увлечен технологиями. Сколько себя помню, я увлекался компьютерами и видеоиграми, и это хобби переросло в работу.
Я публикую статьи о технологиях и гаджетах в Интернете более 15 лет, особенно в mundobytes.com
Я также являюсь экспертом в области онлайн-коммуникаций и маркетинга и обладаю знаниями в области разработки WordPress.