Как сделать референс в фотошопе

9 полезных ресурсов для иллюстраторов

Рассказываем, что скачать и куда зайти, чтобы рисовать быстрее, упорядочить референсы и не наделать ошибок с перспективой.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Оля Ежак для Skillbox Media

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

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

Работа с референсами

Sketchfub

Платформа с 3D-моделями по разным темам: анатомии, мебели, животным, технике, архитектуре и многому другому.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Если вам не хватает нужных референсов, Sketchfub покажет, как выглядит тот или иной предмет под нужным углом. Например, у вас возникли проблемы с рисованием руки персонажа. Найдите жест на сайте, поверните, как вам нужно, всё, референс готов!

На Sketchfub можно покупать и продавать 3D-модели. Однако, если вам просто нужны референсы, вы можете крутить, увеличивать их и делать скриншоты бесплатно.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Журналист и художник. Живёт в Санкт-Петербурге.

Mixamo

Продукт Adobe для загрузки и анимирования собственных 3D-моделей, который будет полезен художнику для рисования персонажей.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Референсы для персонажа в нужной позе, особенно если она сложная, найти бывает непросто. С помощью Mixamo решить эту проблему можно так:

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

Vishopper

Фотобиблиотека с несколькими разделами. Для художников самый полезный раздел — «Люди».

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

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

PureRef

Программа для работы с референсами — окно с нужными картинками, которое всегда будет перед глазами.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Если ваши рабочие файлы в Photoshop перегружены референсами, исправьте это, разместив всё нужное в PureRef.

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

Программу можно скачать бесплатно или с добровольным пожертвованием.

Прокачивание навыков

YouTube-канал Draw This

Регулярные наброски — один из лучших способов стать увереннее в рисунке, но у художника не всегда есть возможность рисовать с натуры. Развить этот навык поможет YouTube-канал Draw This.

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

Ускорение и улучшение работы

LightShot

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

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Похожа на встроенное в Windows приложение «Ножницы», только удобнее:

Через LightShot скриншоты можно редактировать, отправлять на печать и находить похожие в Google.

Сервисов, которые помогают быстро делать скриншоты, много. Среди них, например, ShareX, который работает на Windows, и Scrapp — для macOS.

Textures.com

Эта библиотека пригодится, если для работы вам нужны текстуры в хорошем качестве.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

На сайте собраны сотни фото- и 3D-текстур: ткани, бумага, дерево, мех животных, разные орнаменты, дорожные знаки, вывески.

После регистрации можно скачивать до 15 текстур в день бесплатно.

SketchUp

Простая трёхмерная программа для моделирования архитектуры, мебели, интерьеров.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

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

На YouTube достаточно уроков по работе с программой (например, их можно найти здесь), но основные команды интуитивно понятны.

Blender

Это профессиональная программа для 3D-моделлеров. Используйте её, если хотите глубже изучить возможности 3D.

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Интерфейс программы относительно простой, а замоделить в Blender можно практически всё: от домика с садом до полноценных персонажей. Работать в ней удобно так:

Если вы работаете в 3D впервые, освоить программу за вечер, скорее всего, не выйдет, придётся изучать пошаговые уроки на YouTube (их найдёте, например, здесь и здесь) и запомнить горячие клавиши, но Blender того стоит.

Источник

Как работать с фото-референсом

Как сделать годный фото-референс, с которого легко будет рисовать — и как не стать его рабом в процессе рисования? Вот главные правила.

Американский концепт-художник Рон Лемен за время своей преподавательской деятельности составил список типичных ошибок, которые допускают его студенты, когда рисуют с натуры или фото-референса. Лемен работает со студентами Лос-Анджелесской академии изобразительных искусств (LAAFA), а также с участниками онлайн-программы, которым помогает создать портфолио и обрести индивидуальность в профессии.

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

Как сказал однажды известный американский писатель и аниматор Уолт Стэнчфилд, «бездумно и бесцельно копировать натуру — это как переписывать какой-нибудь роман, чтобы научиться писать романы». Референс — это вспомогательное средство, а не конечная цель работы. Самое главное — чтобы была понятна идея, которую несет в себе рисунок. Референс всего лишь помогает расставить по местам те детали, которые ведут к этой идее, и которые нелегко запомнить на глаз.

Например, так интерпретировал референс американский иллюстратор Гарри Андерсон, когда рисовал Христа:

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

1. В качестве модели можно использовать кого угодно, даже если у этого человека совсем нет актёрских способностей. Главный актёр здесь всё равно художник, то есть вы — и вы сами должны определить, чего не хватает модели, и привнести это в свой рисунок.

Например, моделью для этого референса стал ребёнок:

. но с него можно нарисовать динамическую абстракцию с пропорциями взрослого человека:

2. Следите за уровнем глаз. Если вы отдельно фотографируете несколько объектов, которые потом собираетесь нарисовать вместе, снимайте их с одинаковой высоты и под одним и тем же углом. Используйте трипод! Когда вы держите камеру в руках, её очень легко сместить, потеряв таким образом правильное положение. Поэтому контролируйте высоту камеры и угол наклона головки трипода:

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

Вот референсы, которые отличаются по цветовой температуре:

Так цветокоррекция меняет вид референса, если для освещения используется лампа накаливания:
А эти три примера показывают, как выглядит референс при разном освещении и с разными настройками камеры:

4. Хорошо «задокументируйте» идею — отрисуйте её несколько раз в разных вариантах. Делайте тщательные наброски, определитесь с линиями, тоном и цветом, чтобы разобраться, какова ваша конечная цель. А потом идите к этой цели не сворачивая.

Вот пример многократной отрисовки сюжета картины «Нимфы и сатир» французского художника Вильяма Бугро:

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

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

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

Рон Лемен говорит, что когда он пишет портреты на заказ, то тоже снимает видео. На лице человека постоянно появляются и исчезают тончайшие нюансы, и как только художник сосредотачивается на каком-нибудь из них, его уже там нет. Поэтому лучше делать видео! Снимайте моделей по нескольку минут за раз, заставьте их говорить, отвечать на вопросы, просто сидеть в ожидании инструкций и т. д. За это время с лицом произойдёт множество изменений, и где-нибудь в этом долгом потоке видео найдётся идеальный вариант.

6. Если вы заимствуете референс из интернета, постарайтесь мысленно воссоздать процесс съемки. Какое это было время дня? Где? На какой высоте была расположена камера? Откуда взялся весь этот отражённый свет на предметах? Какова глубина изображения, какое расстояние между объектами? Расшифровка чужого референса похожа на детективную работу, но результаты её будут вполне объективными.

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

Вот пример недоэкспонированного фото, которому были возвращены глубина и определенность с помощью уровней и кривых в Photoshop:

7. Белые световые пятна и черные тени в реальности совсем не такие, как их показывает камера. Дело в том, что камера может интерпретировать лишь ограниченный диапазон цветов. Человеческий глаз разделяет красный, зеленый и синий спектр с помощью специальных фоторецепторов — так называемых колбочек. Всего колбочек три вида, и каждый вид реагирует на свою длину световой волны. А типичная потребительская камера имеет один ccd-чип (устройство с зарядовой связью), в котором хранятся все три длины волны. Поскольку чип хранит данные, которые снимает эта камера, он их усредняет. Если сцена в целом синяя, весь снимок будет иметь голубоватый оттенок. Если камера вечером снимает деревья и кусты, освещённые лампами, то наш глаз будет видеть зелень. А вот снимок получится намного теплее, с большим количеством искусственных оранжевых и красных оттенков вместо зелени.

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

На этом фото переэкспонированные области помечены красным. Это плоскости отсечения — то есть, те участки, которые находятся за пределами минимального и максимального порога, при котором возможна съемка:

А вот пример, как в Lightroom был восстановлен тон кожи, освещённой дневным светом:

8. Убедитесь, что вы сняли объект на том же расстоянии от камеры, на котором он потом будет находиться от картинной плоскости в вашем рисунке. Это поможет вам отобрать нужное количество деталей, на которых следует сосредоточиться. Благодаря этому вы не будете отрисовывать какие-то маловажные вещи. Если вы снимаете крупным планом, то обратите внимание, под каким углом вы это делаете — чтобы потом работать сразу с тем ракурсом, который вам нужен в итоге на картине. Как ни удивительно, об этом часто забывают, что в дальнейшем прибавляет работы.

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

10. И, наконец, самое важное, что следует помнить: НЕ БУДЬТЕ РАБОМ ВАШЕГО РЕФЕРЕНСА. Референс — это вдохновитель вашей идеи, а не сама идея. Перед тем, как использовать референс для финального рисунка, изучите его. Проведите предварительные исследования объектов, цвета и светлоты, варьируйте ракурсы, меняйте складки и узоры одежды для создания более сильной композиции и т. д. Чем лучше вы знакомы с референсом, тем меньше вам будет нужно, чтобы он диктовал вам, что с ним делать.

Посмотрите, как тщательно исследовал свой референс Норман Роквелл, прежде чем создать картину «Художественный критик»:

Источник

Помещение файлов

Команда «Поместить» добавляет в документ фотографию, иллюстрацию или файл другого поддерживаемого Photoshop формата, такого как смарт-объект. Смарт-объекты можно масштабировать, перемещать, наклонять, вращать и деформировать без ухудшения изображения.

(Photoshop) Выберите меню «Файл» > «Поместить», выберите помещаемый файл и нажмите кнопку «Поместить».

Также можно перетащить файл из ОС Windows или Mac OS на открытое изображение Photoshop.

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

Помимо команды «Поместить», иллюстрацию Adobe Illustrator можно добавить как смарт-объект путем копирования и вставки из документа Illustrator в документ Photoshop. См. раздел Вклейка иллюстрации Adobe Illustrator в Photoshop.

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

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

Чтобы наклонить помещенную иллюстрацию, перетащите боковой маркер ограничительной рамки, удерживая клавишу «CTRL» (Windows) или «COMMAND» (Mac OS).

Чтобы деформировать размещенную иллюстрацию, выберите меню «Редактирование» > «Трансформирование» > «Деформация», а затем выберите стиль деформации из всплывающего меню «Деформация» панели параметров.

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

Источник

Поместите изображения в фигуры с помощью инструмента «Новый кадр» в Photoshop CC 2019 (видео)

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Инструмент «Рамка», новая функция в Photoshop CC 2019, позволяет легко размещать изображения в форме! Узнайте, как рисовать фигуры с помощью инструмента «Рамка», как размещать изображения в фигурах, как мгновенно менять изображения на других, и многое другое!

Photoshop CC 2019 представляет новый инструмент для панели инструментов Photoshop, который называется Frame Tool. Инструмент «Рамка» предназначен для простого и интуитивно понятного размещения изображений в форме, особенно для пользователей, которые не знакомы с Photoshop. Он отлично подходит для разработки макетов, и на самом деле, если вы использовали программу макета страницы, например Adobe InDesign, то вы уже знакомы с тем, как работает инструмент «Рамка». Вы просто перетаскиваете фрейм, где хотите разместить изображение на странице (или, в данном случае, в своем документе Photoshop), а затем перетаскиваете свое изображение в фрейм!

Как использовать инструмент «Рамка» в Photoshop CC 2019

Использовать новый инструмент «Рамка» в Photoshop CC 2019 для размещения изображений в форме очень просто. Мы просто выбираем инструмент «Рамка», рисуем рамку, перетаскиваем изображение в рамку, а затем перемещаем или изменяем размер изображения внутри рамки. Вы можете добавить обводку вокруг рамки, чтобы помочь с вашим дизайном, и даже заменить существующее изображение новым изображением, просто перетаскивая новое изображение в рамку.

Чтобы показать вам, как это работает, я разработал новый документ:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Шаг 1: выберите инструмент Frame

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Шаг 2: Выберите форму для вашего кадра на панели параметров

Выбрав инструмент «Рамка», выберите форму для рамки на панели параметров. По умолчанию вы будете рисовать прямоугольную рамку, но вы также можете рисовать эллиптические рамки. Выберите нужную фигуру, нажав на ее значок. Сейчас я буду придерживаться прямоугольной формы:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Шаг 3: Нарисуйте рамку, где вы хотите разместить изображение

Затем перетащите рамку, в которую вы хотите поместить изображение внутри документа:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Использование клавиш-модификаторов с помощью инструмента «Рамка»

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

В моем случае я нарисую широкую рамку в верхней половине документа:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Отпустите кнопку мыши, и появится рамка. Рамка является контейнером для изображения. Но поскольку у фрейма еще нет содержимого, он начинается пустым:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Новый слой Frame на панели Layers

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Шаг 4: Поместите изображение в рамку

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Затем перейдите к изображению на вашем компьютере, выберите его и нажмите « Разместить» :

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Фотошоп помещает изображение в рамку. И он автоматически изменяет размер изображения в соответствии с размером кадра ( фото из Adobe Stock):

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Размещение изображения как смарт-объекта

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как переключаться между рамкой и изображением

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

С панели «Слои»

Один из способов переключения между рамкой и изображением — с панели «Слои». Обратите внимание на белую рамку вокруг миниатюры содержимого. Это говорит нам о том, что изображение внутри рамки выбрано:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Выбор рамки

Чтобы выбрать саму рамку, нажмите на ее миниатюру слева:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

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

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Выбор изображения

Чтобы вернуться к изображению, нажмите на миниатюру справа:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

И с выбранным изображением маркеры преобразования вокруг рамки исчезают:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Выбор как рамки, так и изображения

Чтобы одновременно выбрать рамку и изображение, нажмите и удерживайте нажатой клавишу Shift и выберите ту, которая в данный момент не выбрана. Белая рамка появляется вокруг обеих миниатюр:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Отмена выбора кадра или изображения

А затем, чтобы вернуться к выбору только рамки или изображения, щелкните по нужному. Я повторно выберу рамку, и это отменяет выбор изображения:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Из документа

Другой способ переключения между рамкой и ее содержимым — из документа.

Выбор изображения

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

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Выбор рамки

Чтобы выбрать рамку, нажмите непосредственно на контур рамки. Ручки преобразования появляются снова:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Выбор рамки и изображения

И чтобы выбрать рамку и изображение, дважды щелкните изображение. Контур вокруг изображения исчезнет, ​​и вы увидите только контур вокруг рамки:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

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

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как отменить шаг с помощью инструмента «Рамка»

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Отмена выбора кадра, когда выбраны оба

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как переместить и изменить размер содержимого кадра

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

Как переместить изображение в рамку

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

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как изменить размер изображения в кадре

Чтобы изменить размер изображения, мы не используем инструмент «Рамка» напрямую. Вместо этого мы используем команду «Свободное преобразование» в Photoshop. Поднимитесь в меню Edit и выберите Free Transform :

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Затем перетащите маркеры, чтобы изменить размер изображения. В Photoshop CC 2019 функция «Свободное преобразование» автоматически блокирует соотношение сторон, поэтому нет необходимости удерживать нажатой клавишу «Shift» при перетаскивании. Но если вы хотите изменить размер изображения из его центра, нажмите и удерживайте Alt (Win) / Option (Mac). Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять его:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как изменить размер рамки

Чтобы изменить размер рамки, а не ее содержимого, сначала щелкните контур рамки, чтобы выбрать ее:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Затем перетащите любой из маркеров, чтобы изменить и изменить его размер. Если вы будете нажимать и удерживать клавишу Shift при перетаскивании угловой ручки, вы сохраните исходное соотношение сторон кадра:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как только вы изменили размер рамки, вы можете щелкнуть и перетащить изображение внутри рамки, чтобы изменить его положение:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как переместить рамку и изображение вместе

Чтобы одновременно переместить рамку и изображение, дважды щелкните изображение, чтобы выбрать их оба:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

А затем нажмите и перетащите, чтобы переместить их вместе:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как изменить размер рамки и изображения вместе

Чтобы изменить размер как кадра, так и изображения одновременно, снова убедитесь, что выбраны оба. Поднимитесь в меню Edit и выберите Free Transform :

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

А затем перетащите маркеры, чтобы изменить размер фрейма и его содержимого:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Вы также можете изменить положение фрейма и его содержимого, щелкая и перетаскивая его в поле «Свободное преобразование». Здесь я центрировал рамку и изображение в документе. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять его:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Подписывайтесь на нашу новостную рассылку

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Как заменить содержимое кадра

Отличительной особенностью нового Frame Tool в Photoshop является то, что мы можем легко менять одно изображение на другое.

Я нажму несколько раз Ctr + Z (Победа) / Command + Z (Mac), чтобы отменить мои шаги и вернуть мой кадр к его исходному размеру и расположению:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Способ 1. Использование команды «Поместить встроенный» или «Поместить связанный»

Один из способов заменить текущее изображение другим изображением — перейти в меню « Файл» и выбрать « Поместить встроенный» (или « Поместить связанный» ):

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Перейдите к новому изображению на вашем компьютере. Затем выберите его и нажмите Place :

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Способ 2: перетащите

Или, если изображение уже открыто в окне проводника (Win) или Finder (Mac), вы можете перетащить новое изображение на существующее:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Способ 3: из панели «Библиотеки»

И еще один способ добавить или заменить содержимое — перетащить изображение из панели « Библиотеки» в рамку:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Фотошоп мгновенно заменяет предыдущее изображение новым. Затем вы можете использовать Free Transform для изменения размера изображения внутри рамки, если это необходимо ( фото из Adobe Stock):

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как добавить обводку вокруг рамки

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Почему я не вижу вариант «Инсульт»?

Если вы не видите параметр «Обводка», убедитесь, что на панели «Слои» выбран сам кадр:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Выбор цвета обводки, положения и размера

Нажмите образец под словом «Штрих», чтобы выбрать цвет. Затем выберите позицию (внутри, по центру или снаружи) и размер :

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Обводка появляется вокруг рамки:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как убрать обводку вокруг рамки

Чтобы удалить обводку, снова щелкните образец цвета под словом «Обводка» и выберите « Нет цвета» (образец с красной линией через него):

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

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

Наконец, давайте рассмотрим еще один способ использования инструмента «Рамка» — добавление рамки к существующему изображению. Мы также рассмотрим, как удалить рамку с изображения. Я переключусь на другое изображение, которое я открыл в Photoshop:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как поместить изображение в прямоугольную рамку

Выбрав слой и инструмент «Рамка» на панели инструментов, щелкните и перетащите рамку внутри изображения:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Когда вы отпустите кнопку мыши, Photoshop добавит рамку и поместит в нее изображение:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

И на панели «Слои» мы видим, что Photoshop преобразовал изображение в смарт-объект, как это было раньше:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Как удалить рамку с изображения

Я добавил прямоугольную рамку к изображению. Но что, если я хотел добавить вместо этого эллиптическую рамку? В этом случае я могу удалить существующий фрейм, щелкнув правой кнопкой мыши (Win) или удерживая нажатой клавишу « Control» (Mac) на слое «Кадр» на панели «Слои»:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

И затем выбрав Удалить кадр из слоя :

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Это удаляет рамку, но сохраняет изображение:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Поместить изображение в эллиптическую рамку

Я переключусь с прямоугольной рамки на эллиптическую в панели параметров:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

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

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Но когда я отпускаю кнопку мыши, появляется круговая рамка с изображением внутри:

Как сделать референс в фотошопе. Смотреть фото Как сделать референс в фотошопе. Смотреть картинку Как сделать референс в фотошопе. Картинка про Как сделать референс в фотошопе. Фото Как сделать референс в фотошопе

Связанный учебник: Как обрезать изображения в круги!

И там у нас это есть! Это основы того, как использовать новый инструмент Frame Tool в Photoshop CC 2019! Посетите наш раздел « Основы фотошопа » для получения дополнительных уроков!

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *