Предварительный просмотр узоров
Последнее обновление Nov 15, 2022 09:20:25 AM GMT
Быстро создавайте правильно повторяющиеся узоры с помощью функции «Предварительный просмотр узоров».
Раньше для создания узоров для дизайна изделий из ткани или фона требовалось работать с квадратными изображениями. Благодаря функции Предварительный просмотр узоров квадратные изображения больше не являются обязательным условием. Теперь в режиме реального времени можно получать представление о том, как дизайн будет воплощен в качестве узора.
Включение функции «Предварительный просмотр узоров»
Чтобы включить функцию «Предварительный просмотр узоров», выберите Вид > Предварительный просмотр узоров
После включения функции Предварительный просмотр узоров вы заметите, что область рабочей среды за границами холста будет повторять содержимое холста. Например, в новом пустом документе внешняя область рабочей среды будет повторять цвет слоя фона.
Включение функции «Предварительный просмотр узоров»Создание нового узора
Начните работу с функцией Предварительный просмотр узоров, выполнив эти пять простых действий:
Откройте существующий документ Photoshop или создайте новый документ и включите функцию Предварительный просмотр узоров.
Добавьте элементы на холст, например фигуры, мазки краской, текст, или перетащите ресурсы непосредственно с панели Библиотеки.
Создание узора путем добавления фигур на холстИзмените размер, поверните или переместите графику.
Изменение размера, поворот или перемещениеПри необходимости уменьшите масштаб, чтобы посмотреть, как узор повторяется в сетке.
Уменьшение масштаба для просмотра узораКогда узор будет выглядеть правильно, создайте новый набор узора, щелкнув значок «+» в нижней части панели Узоры или выбрав Редактирование > Определить узор…
Добавление узора на панель «Узоры»
Советы и рекомендации
Использование смарт-объектов
При работе с функцией Предварительный просмотр узоров и растровыми слоями преобразование слоев в смарт-объекты дает наилучшие результаты, если выполняется преобразование, поворот и масштабирование элементов узора.
Стили слоя
Чтобы добиться разных творческих эффектов, попробуйте поэкспериментировать с добавлением стилей слоя для слоев смарт-объектов или слоев внутри смарт-объектов.
Советы о производительности
Функция Предварительный просмотр узоров использует ресурсы видеокарты (графического процессора) системы при отображении предварительного просмотра. Вы можете испытывать снижение производительности в следующих сценариях:
- Создание шаблона с использованием мазков сложных кистей
- Использование функции Предварительный просмотр узоров для больших документов
- Работа над узором при большом уменьшении масштаба
Ограничения
Во время работы с функцией Предварительный просмотр узоров обратите внимание на следующее:
- Функция Предварительный просмотр узоров отключена в документах монтажной области
- Хотя функция Предварительный просмотр узоров использует графический процессор для отображения предварительного просмотра, она продолжает работать, если графический процессор отключен
- Определенные инструменты и команды, которые изменяют размеры документа или границы документа, например инструмент «Рамка», команда «Размер холста» и т.
- Некоторые фильтры или функции могут давать результаты, которые плохо воспроизводятся в узоре, например Симметрия, Пластика, Исправление перспективы или 3D
Похожие темы
- Без труда создайте непрерывный повторяющийся узор с помощью функции «Предварительный просмотр узоров»
- Применение узоров с помощью шаблонов макетов
- Рисование с помощью узора
- Управление библиотеками узоров и наборами
- Шаблоны футболок в Adobe Stock
Войти
Управление учетной записью
Повторяющиеся бесшовные узоры в Photoshop
В этом уроке мы будем изучать основные принципы создания и использования повторяющихся бесшовных узоров (Patterns) в Photoshop. Изучив принципы построения узоров, Вы поймёте, что нет практически никаких ограничений для творческого потенциала их использования ваших проектах, будь то простые листы или фоны и элементы для веб-страницы.
В уроке мы рассмотрим три основные части работы с повторяющимися узорами. Для начала, мы создадим основу для узора, затем мы узнаем, как сохранить эту основу в виде шаблона, а затем создадим сам узор.
Урок подходит для всех версий Photoshop, начиная с CS2.
Давайте начнём.
Шаг 1. Создание нового документа
Итак, мы начинаем с создание основы для нашего будущего узора. Для этого необходимо создать новый документ. Открываем Photoshop и нажимаем комбинацию клавиш Ctrl+N, после чего откроется диалоговое окно создания документа. Зададим ширину и высоту документа в 100 пикселей, цвет фона — прозрачный (Transparent), разрешение — 72 пикселя/дюйм. Размер документа будет определять размер основы узора, что будет влиять на количество повторений на единицу площади. Т.е. сейчас я создаю основу узора для большого документа, соответственно, для небольшого документа нужно использовать документ с меньшей стороной.
Когда Вы введёте все параметры, нажмите кнопку ОК, чтобы закрыть диалоговое окно, после чего документ появится на экране.
Серо-белая шахматная доска, заполняющая документ, говорит нам, что фон прозрачный. Для удобства, я увеличу масштаб документа, зажав Ctrl и несколько раз нажав на клавишу «плюс» ( + ). Подробнее о масштабировании в Photoshop рассказано здесь. У меня документ имеет масштаб в 300%:
Шаг 2. Добавление направляющих к документу
Мы должны знать точный геометрический центр нашего документа, для этого мы
поставим направляющие. В главном меню в верхней части рабочего окно Photoshop пройдите по вкладке Просмотр —> Новая направляющая (View —> New Guide), после чего откроется диалоговое окно создания направляющих. Выберите вертикальную направляющую (Vertical). Если в окне ввода «Положение» (Position ) у Вас единицы измерения, отличные от процентов, кликните правой клавишей мыши по окну и выберите проценты. Затем введите 50% и нажмите ОК:
Таким же образом поставьте горизонтальную направляющую. В результате Ваш документ должен выглядеть так:
Подробнее об установке и настройке направляющих Photoshop рассказывается здесь.
Шаг 3. Создаём выделенную область в документе
Берём инструмент «Овальная область» (Elliptical Marquee Tool). Наводим курсор мыши точно в центр документа на перекрестье направляющих, зажимаем клавиши Shift+Alt, зажимаем левую клавишу мыши и тащим курсор от центра в любую сторону, чтобы получилась примерно такая окружность:
О точном размере не волнуйтесь, размер мы подгоним позднее.
Шаг 4. Заливаем выделение
Теперь необходимо заполнить выделение чёрным цветом. Для этого нажимаем клавишу D (после чего цвета в панели цветов становятся по умолчанию, чёрным и белым), затем нажимаем комбинацию Alt+Delete, выделение заполняется основным цветом, в нашем случае, чёрным. Документ должен выглядеть так:
Снимаем выделение, нажав Ctrl+D. Края круга выглядят рубленными,т.к. документ увеличен на 300%.
Шаг 5. Клонируем слой
Клонируйте слой с чёрным кругом,нажав Ctrl+J.
Шаг 6. Смещаем копию
Откройте диалоговое окно Фильтр —> Другое —> Сдвиг (Filter —> Other —> Offset) и задайте сдвиг 50 пикселей по вертикали или горизонтали и не забудьте поставить галку у опции «Вставить отсечённые фрагменты» (Wrap Around):
Нажмите кнопку OK, чтобы закрыть диалоговое окна.
Документ выглядит так:
Шаг 7. Определяем документ, как узор
Идём по вкладке главного меню Редактирование —> Определить узор (Edit —> Define Pattern). Откроется окно, где введите имя новому узору и нажмите ОК:
Готово! Мы сохранили наш документ в качестве основы узора.
Теперь давайте попробуем применить его в новом документе. Документ с кружками можно закрыть, он нам больше не нужен.
Шаг 8. Создаём новый документ и добавляем новый слой
Создаём новый документ размером, например, 700 на 700 пикселей с белым фоном. Создаём новый пустой слой в документе, нажав Ctrl+Shift+Alt+N.
Шаг 9. Заполняем документ узором
Пройдите по вкладке главного меню Редактирование —> Выполнить заливку (Edit —> Fill). В диалоговом окне выберите «Регулярный» (Pattern), а затем свой узор:
После чего нажмите ОК. Photoshop зальёт узором всю площадь документа:
Узор готов. В следующем материале рассмотрим, как добавить цвета и градиенты к узорам Photoshop.
Adobe Photoshop — Добавить прозрачный узор/эффекты в изображение png при сохранении
спросил
Изменено 4 года, 1 месяц назад
Просмотрено 308 раз
Мне нужно экспортировать файл png с рисунком или световыми эффектами. У меня есть форма футболки с теневыми эффектами на футболке. Эффект тени имеет 75% заливку и умножение. Если я добавлю фон, такой как цвет, на задний слой, он правильно покажет мне цвет футболки с эффектами тени. После сохранения в формате png и импорта в новый файл, когда я пытаюсь добавить фоновый слой сзади, цвет не совпадает (более светлый).
Как я могу экспортировать изображение с множественными эффектами или подобным образом? потому что мне нужно использовать его онлайн на веб-сайте, но с теми же эффектами в фотошопе.
- Adobe-Photoshop
3
Вот довольно простой метод создания прозрачного PNG, который можно использовать для размещения поверх цветного фона без использования каких-либо режимов наложения.
- Обесцвечивание изображения светлой футболки на белом фоне
- Выберите футболку с помощью инструмента быстрого выбора
- Используйте инструмент «Фоновый ластик», чтобы удалить белый цвет с футболки
Проверьте это, заполнив фон цветом. Затем удалите (или скройте) фоновый слой и экспортируйте прозрачный PNG.
Пример
Режимы наложения не сохраняются при экспорте в PNG, когда вы экспортируете изображение, Photoshop преобразует его в обычный режим наложения, отсюда и ваш результат.
Поскольку вы собираетесь использовать на веб-сайте, вы можете попробовать режимы наложения CSS:
смешивание-смешивание-режим: умножение;
или
фоновый режим наложения: умножить;
или если вы используете холст:
ctx.globalCompositeOperation = 'multiply';
Хотя я бы проверил поддержку браузера (холст должен иметь больше поддержки).
Зарегистрируйтесь или войдите в систему
Зарегистрируйтесь с помощью Google
Зарегистрироваться через Facebook
Зарегистрируйтесь, используя адрес электронной почты и пароль
Опубликовать как гость
Электронная почта
Требуется, но никогда не отображается
Опубликовать как гость
Электронная почта
Требуется, но не отображается
Нажимая «Опубликовать свой ответ», вы соглашаетесь с нашими условиями обслуживания, политикой конфиденциальности и политикой использования файлов cookie
Adobe Photoshop — Проблема с наложением прозрачного фона?
спросил
Изменено 7 лет, 4 месяца назад
Просмотрено 2к раз
Используя Photoshop, я создал прозрачный узорчатый фон (оттенки серого с режимом наложения Luminosity) поверх другого слоя сплошного цвета.
Кто-нибудь знает, с чем я имею дело и возможно ли это вообще?
- Adobe-Photoshop
1
Есть ли у разработчиков причины не использовать режим наложения Luminosity? Проблема, на мой взгляд, в том, что в результате, который вы получаете в режиме яркости, есть области, приближающиеся к белому. Во второй копии использование кривых на самом деле не достигнет «белого», а станет ярко-желтым.
Вот идея, которую вы можете попробовать, она по-прежнему требует использования режимов наложения, но режим Luminosity будет применен заранее. Им нужно только добавить сплошной цвет и изменить режим наложения на цвет. Я использую нижнее изображение, которое может привести к немного другим результатам, чем ваш оригинал, но идея, возможно, стоит попробовать. Я просто скопировал это, обесцветил и изменил режим наложения на «Яркость» на белом фоне. Затем действуйте следующим образом:
- Дважды щелкните по ненасыщенному слою, чтобы открыть окно стилей слоя, и отрегулируйте смешение ползунками, как показано ниже. Вам может не понадобиться делать это, так как вы работаете с прозрачным изображением, и это может дать вам результат, который вы ищете.
- С помощью этой настройки я получаю изображение, похожее на монохромное изображение, которое вы видите под окном стилей слоя. Вы можете объединить это с фоном, если хотите.
- Вдобавок к этому я добавил пустой слой и заполнил его оттенком красного и изменил режим наложения красного слоя на «Цвет», чтобы получить результат, который вы видите.
