Как сделать схему в фотошопе

Рисуем в фотошопе схемы размещения картин на стене

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

Итак. Для начала, создадим в программе несколько новых файлов.

Файл 1, для схемы картины, размер изображения 72 пикс/дюйм, размер холста (кликаем в правый верхний угол по пёрышку) установим в пикселях, ширина будет 600 пикс, высота 400 пикс, ОК.

no avatar

Файл 2, для схемы стены комнаты, размер изображения также 72 пикс./дюйм, размер холста в пикселях, ширина 1500, высота соответственно 2250 пикс., ОК.

no avatar

Работаем с первым документом. Создадим новый пустой слой. Инструментом Прямоугольное выделение выделяем всю область внутри, ОК, (или, аналогично, при нажатой клавише Ctrl один клик по пустому слою в палитре Слои). Меню Редактирование — Штриховать. Выбираем цвет, например тёмно-серый, ширина 20 пикс. (рамка картины пусть будет 2 см), расположение внутри, ОК.

Инструмент Текст (Т), цвет чёрный, шрифт любой, размер 60 пикс. Текст: 40х60 пикс. Аналогично, создаём ещё один текст: 60х40 см, поворачиваем надпись на 90 градусов, и пока отключаем этот слой.

Клик по слою с рамкой. Заходим в эффекты, выбираем Фаска и рельеф, значения: Внутренний скос, Сглаживание, глубина 100, размер 10, угол 120, ОК.

no avatar

Поместим слои в одну группу, так будет удобнее их потом перемещать: в палитре Слои внизу кликаем по иконке с папкой, над верхним слоем появилась надпись на синей полоске Установки 1. Перетаскиваем в эту папку слои, текстовый и рамку, — их значки стали белыми, — и закрываем установки щелчком по треугольнику (слои должны спрятаться).

Работаем со вторым файлом, (будущая стена комнаты, размеры стены 1,5 м х 2,25 м).

Создадим новый слой. Инструментом Прямоугольное выделение выделим небольшую по высоте область внизу, примерно 40-50 пикс. (плинтус для пола, высота 4-5 см, 40-50 пикс.), по всей ширине изображения, Ок. Заливкой серым цветом красим область в серый. В эффектах слоя выбираем Фаска и рельеф, значения: Внутренний скос, Сглаживание, Направление вниз, Размер 10, Угол 120, ОК.

Ещё один пустой слой, выбираем небольшую область вверху, например 40 пикс. (потолочный плинтус 4 см), по всей ширине изображения. Заливаем её белым цветом. В эффектах слоя выбираем Падающие тени, значение: Мутноватость 40, угол 120, Расстояние 10, Разброс 0, Размер 50, ОК.

no avatar

Новый слой, выделяем полностью всю область внутри изображения. Меню Редактирование — Заштриховать. Ставим значение 1-3 пикс., цвет серый, ОК. Сливаем все видимые слои вместе. (Последняя манипуляция нам понадобится, если будем переносить изображение в какой-то другой, например общий, файл. Схемы будет удобно перемещать, видны границы по каждой).

Теперь создадим Схему размещения картин на стене.

Нам необходимо определить центр той области стены, где будут располагаться картины, — для симметричного размещения картин на стене и создания красивой композиции. Заходим в Меню Вид — Новая направляющая. Горизонтальная, и вертикальная. Перемещаем их инструментом Перемещение в центр изображения, перпендикулярно друг другу.

* Для большей точности когда это необходимо для вашей задачи, можно проставить значения в см, промерить инструментом Линейка, ещё есть специальные программы для замера расстояния на мониторе, но я в этом мастер-классе делала всё на глаз.

Будет ли в комнате мебель? В моём примере есть небольшой столик у стены, высотой 77 см. На новом слое создаём его силуэт.

С учётом размера потолочного плинтуса 4 см, получим:

Создадим новый вспомогательный файл с размером изображения 72 пикс./дюйм, и границами 720 пикс. высота, и 750 пикс. ширина. Заливаем фон любым цветом (у меня красный), дублируем слой Фон, непрозрачность 50-40%. Меняя границы холста и перетаскивая цветной слой, им легко будет измерить расстояние на Схеме стены. Всё просто 🙂

no avatar

Выключаем цветной слой, и сохраняем результат в формате jpeg в отдельном файле. Примерно так будет выглядеть простая Схема для размещения композиции из четырёх картин на нашей стене, с одинаковыми размерами рамы — 40х60 см.

Создадим схему горизонтальной композиции для расположения картин, на этой же стене

Заходим в папки с установками. Включаем текстовые слои 60х40 см (или создаём новые, поворот на 90 градусов по часовой), отключаем слои 40х60 см, скрепляем сцепкой все четыре группы установок, применяем Трансформацию поворот на 90 градусов против часовой. Инструментом Перемещение подвигайте картины, если они сместились.

no avatar

Создадим композиции различной формы из вертикально и горизонтально расположенных картин.

Отключаем сцепки между группами установок. В двух группах включаем отключенные текстовые слои, и отключаем включенные. Поворачиваем на 90 градусов рамку и слой с текстом, смещаем картины относительно друг друга вот таким образом:

no avatar

Похож на предыдущий, но смещение сильнее. Композиция вписывается в квадрат.

no avatar

no avatar

no avatar

Несколько интересных решений Схем расположения картин и фотографий для стены 1,5 х 2,25 м.

no avatar

no avatar

no avatar

no avatar

no avatar

И напоследок, давайте создадим несколько цветных схем, визуализации с картинами.

no avatar

Вариант 11. Картина из модулей.

no avatar

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

Благодарю за внимание. На этом моменте я мастер-класс, пожалуй, закончу.

У кого появились вопросы, спрашивайте в комментариях, или напишите их мне лично в сообщении. Также если есть желание поделиться своим опытом продаж, или покупок, на Ярмарке Мастеров — как удачным, так и не очень, — с применением аналогичных схем в вашем виде деятельности, или желанием их применять, расскажите об этом, уверена многим будет интересно! Любая конструктивная критика по делу всегда приветствуется, корзина для тапок подготовлена 🙂

Желаю мастерам приятного дня и счастливых покупателей, а покупателям — прекрасных покупок и найти своего мастера.

Источник

РИСУЕМ ПЛАН В ФОТОШОПЕ. ВИДЕОУРОК

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

Мне пришло много хороших отзывов про видео о том, как я делаю коллажи в Фотошопе. Спасибо – это не хитрые знания, которые вам могут помочь в таком сложном деле – как ремонт:).

D0B4D0B8D0B7D0B0D0B8CC86D0BD D181D0BAD0B0D0BDD0B4D0B8

А сегодня я покажу еще один “трюк” фотошопа. Это я прямо раскрываю “все тайны” закулисной работы, и рассказываю, как черчу свои красивые планировки тоже в ФОТОШОПЕ! В конце статьи вы найдете самый настоящий видео ролик на эту тему – добро пожаловать!

Да-да… и такое возможно.

IMG 6259

Еще 4 года назад в статье “РИСУЕМ ПЛАН НА КОМПЬЮТЕРЕ”, где перечислены все фавориты на сегодняшний день из компьютерных программ, я упоминала о том, что программы из пакета Adobe – хорошие заменители бумаги и карандаша.

Т. е. наш экран монитора становится своеобразным листом А3 формата, а наша мышка становится карандашом.

Единственное НО – чтобы нарисовать план комнаты, который будет красиво выглядеть, а не просто из кубиков состоять – надо небольшую подготовительную работу провести – создать свой набор мебели.

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

В моей практике работа в ФШ не отменяет черчение от “руки” и строительные архитектурные планы по ГОСТу, просто я очень люблю такую подачу для концептуальных решений.
Делюсь от чистого сердца:)

Планы в фотошоп можно “нарисовать” настолько красивые, подробные и удобные – насколько хватит вам терпения, усидчивости и желания.
Главный вопрос, который вы должны будете задать себе – зачем мне это надо сейчас, что я хочу нарисовать на плане.
И в путь!

D0BED0B1D0BB4

Какие знания необходимы перед началом работы – ВСЕ, о которых мы уже говорили: знания о масштабе, о том как строить планы комнат, и конечно, знание фотошопа. Так как честно скажу, что в уроке я не объясняю совсем БАЗОВЫХ знаний о том, как пользоваться программой.

Для кого будет полезен видео ролик? Для тех у кого точно есть Фотошоп, он его чуть чуть (или очень круто) знает, для тех кто готов открыть новые горизонты и чуть чуть упростить свою жизнь. Так как рисовать план на бумаге – это прекрасно, но займет у непрофессиональна гораздо больше времени, чтобы все было красиво и аккуратно.

D0A1D0BDD0B8D0BCD0BED0BAD18DD0BAD180D0B0D0BDD0B02017 01 18D0B214.20.24

А такие планы совсем не стыдно показать не только строителям, но друзьям, товарищам!
Их можно хранить сколь угодно времени, дополнять в зависимости от “развития ситуации”, усложнять в зависимости от “задач”.

Источник

1 октября 2016 | Опубликовано в Уроки | 2 Комментариев »

blueprint effect smallВ этом уроке мы научимся превращать фотографию в чертеж в синих цвета при помощи Adobe Photoshop.Если вы не любитель тратить долгие часы на создание подобных работ в оригинале это техника поможет «подделать» их, создав видимость рабочего чертежа. Мы используем фильтры, чтобы создать базовые линии с исходной фотографии, а затем добавим сетку и текстуры, чтобы сделать работу реалистичнее.

Результат

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

blueprint effect 2

В меню выберите Image > Adjustments > Desaturate/Изображение>Коррекция>Обесцветить, чтобы сделать фотографию черно-белой.

blueprint effect 3

В меню выберите Filter > Stylize > Find Edges/Фильтр>Стилизация>Выделение краев, чтобы создать базовые линии чертежа.

blueprint effect 4

Чертеж, который хотим эмитировать мы должен быть нарисован белым цветом на синей бумаге, поэтому в меню выберите Image > Adjustments > Invert/Изображение>Коррекция>Инвертировать, чтобы инвертировать цвета.

blueprint effect 5

На фотографии чаще всего будут ненужные объекты, которые на чертеже нам ни к чему. Инструментом Pen/Перо обрисуйте дом (или ваш объект), включив только те части, которые хотите оставить. Затем кликните по контуру правой кнопкой и выберите Make Selection/Создать выделение.

blueprint effect 6

Не снимая выделения кликните по иконке Layer Mask/Маска слоя в нижней части палитры Layers/Слои. Так вы скроете все лишние детали, оставив только то, что находится внутри выделения.

blueprint effect 7

Создайте новый слой и перетащите его под слой с домом. Залейте этот новый слой темно-синим цветом #051340. Смените blending mode/режим наложения слоя с домом на Screen/Осветление. Так черный цвет этого слоя станет прозрачным.

blueprint effect 8

Кликните дважды по слою с домой, чтобы открыть стили слоя и выберите Stroke/Обводка. Укажите толщину обводки в 5px, положение — Inside/Внутри, режим наложения Screen/Осветление и 100% opacity/непрозрачности.

blueprint effect 9

Теперь мы хотим добавить сетку. Для этого создадим паттерн. Создайте новый документ размером примерно 80x80px. Размер зависит от размера вашего документа.

blueprint effect 10

Создайте новый слой и отключите видимость фонового слоя. Инструментом marquee/прямоугольная область выделите тонкие длинные прямоугольники толщиной в 2px по верхнему и левому краям документа и залейте их белым цветом.

blueprint effect 11

Нажмите CMD/Ctrl+D, чтобы снять выделение, затем в меню выберите Edit > Define Pattern/Редактировать>Определить узор. Назовите узор так, чтобы вы потом могли его легко опознать.

blueprint effect 12

Закройте документ и вернитесь к нашему основному документу. Создайте новый слой и возьмите инструмент Fill/Заливка. В выпадающем меню в панели настроек выберите вариант заливки Pattern/Узор, затем выберите только что созданный нами паттерн. Кликните в любом месте документа, чтобы выполнить заливку.

blueprint effect 14

Инструментом marquee/прямоугольная область создайте выделение вокруг основной композиции по контуру клеточек. Кликните правой кнопкой и выберите Stroke/Обводка, затем укажите широту в 5px, белый цвет и положение Center/Центр.

blueprint effect 15

Тем же инструментом выделите области снаружи от только что созданной нами рамки и нажмите delete, чтобы очистить их.

blueprint effect 16

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

blueprint effect 17

Возьмите инструмент Selection/Выделение и кликните в документе, чтобы выйти из режима редактирования маски. Выберите маску слоя и нажмите CMD/Ctrl+L, чтобы открыть коррекцию Levels/Уровни. Переместите слайдеры как показано на картинке выше.

blueprint effect 18

Завершаем нашу работу эффектом старой бумаги. Скачайте одну из них, вставьте в документ, масштабируйте до нужного размера, затем обесцветьте и инвертируйте цвета.

blueprint effect 19

Смените режим наложения слоя с бумагой на Screen/Осветление.

Источник

Монтажные области

alert

某些 Creative Cloud 应用程序、服务和功能在中国不可用。

Artboards1

Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.

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

Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.

Так что представляет собой монтажная область?

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

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

Параметры монтажной области

Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы.

artboard preferences

Создание документа монтажной области

new document

Преобразование существующего документа в документ монтажной области

Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.

Добавление монтажных областей в текущий документ

resize artboard

Быстрое добавление монтажных областей в документ

Чтобы добавлять в документ монтажные области, нажимайте значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать дубликат монтажной области вместе с ее содержимым, щелкните значок плюса (+), удерживая клавишу Option или Alt.

Щелкните значок плюса (+), удерживая клавишу «Option/Alt», чтобы создать дубликат выделенной монтажной области вместе с ее содержимым. Неподалеку от этого значка + появится новая монтажная область.

Работа с монтажными областями

Выбор фона монтажной области

v4 artboard background

Перемещение элементов между монтажными областями

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

При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.

Дублирование слоев или групп слоев

При дублировании слоя или группы слоев в документе, содержащем монтажные области, можно выбрать монтажную область, в которую нужно поместить скопированный слой.

duplicate layers artboards

Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.

Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.

Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.

new guide layout 2

Просмотр свойств монтажной области

Когда монтажная область выделена, ее свойства также отображаются на панели параметров.

artboard Properties panel

Отображение имен монтажных областей

Фильтрация слоев по монтажной области

Предотвращение автоматического вложения в монтажную область и из нее

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

auto nesting lock

Блокировка положения монтажной области

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

position lock

Расформирование монтажных областей

Экспорт монтажных областей

Экспорт монтажных областей в виде графических ресурсов

Экспорт монтажных областей в PDF

Монтажные области можно экспортировать как PDF-документы. Выполните следующие действия.

Экспорт монтажных областей в виде файлов

Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.

Источник