Как сделать шаблон в Photoshop для использования в качестве шаблона
Использование шаблонов в Adobe Photoshop — это метод добавления повторяющихся элементов в выделение или слой. Например, шаблоны обычно используются для изменения ткани в одежде или для добавления тонких деталей к изображению. Хотя они могут казаться сложными на поверхности, их относительно легко создать.
Что такое шаблон в Photoshop?
шаблон это изображение или линейное искусство, которое можно чередовать многократно. Плитка представляет собой разделение выбора компьютерной графики на ряд квадратов и размещение их на слое или в пределах выделения. Таким образом, шаблон в Photoshop по существу является черепичным изображением.
Использование шаблонов может ускорить ваш рабочий процесс, устраняя необходимость создания сложных объектов, которые в противном случае могут быть построены с использованием повторяемого шаблона изображения. Например, если выбор должен быть заполнен синими точками, шаблон уменьшает эту задачу до щелчка мыши.
Вы можете создавать свои собственные шаблоны из фотографий или линейного искусства, использовать предустановленные шаблоны, поставляемые с Photoshop, или загружать и устанавливать библиотеки шаблонов из различных онлайн-источников.
Вы можете определить любое изображение или выделение в качестве шаблона, который можно использовать в качестве заливки в Photoshop. Эти инструкции относятся ко всем версиям Photoshop от 4 до.
Как использовать шаблон в Photoshop
Откройте изображение, которое вы хотите использовать в качестве заливки.
Если вы хотите использовать все изображение в качестве заливки, перейдите к Выбрать > Выбрать все, В противном случае используйте инструмент Rectangle Marquee для выбора.
Идти к редактировать > Определить шаблон для открытия диалогового окна «Определить шаблон». Дайте вашему выбору имя и щелчок ХОРОШО.
Перейдите к другому изображению или создайте новое изображение.
Выберите слой, который хотите заполнить, или сделайте выбор, используя один из инструментов выбора, например Прямоугольное выделение.
Идти к Изменить> Заполнить для открытия диалогового окна «Заливка».
В диалоговом окне «Заливка» выберите Шаблон из содержимого поп-вниз.
Открой Пользовательский шаблон падать чтобы получить доступ к выбору шаблонов, установленных с помощью Photoshop, и любых шаблонов, которые вы, возможно, создали ранее. Щелкните шаблон, который вы хотите применить.
Оставь скрипт checkbox отменен. В Photoshop CS6 и более поздних версиях сценарии представляют собой JavaScripts, которые случайным образом помещают элемент, определенный как шаблон либо в выделение, либо на слой.
Выберите режим наложения, чтобы иметь свой рисунок, особенно если он находится на отдельном слое, взаимодействовать с цветами пикселей изображения, на котором он находится.
Нажмите Хорошо.
Подсказки:
- Только прямоугольные выделения могут быть определены как шаблон в некоторых очень старых версиях Photoshop.
- Установите флажок Сохранять прозрачность в диалоговом окне «Заливка», если вы хотите только заполнить непрозрачные части слоя.
- Если вы применяете шаблон к слою, выберите Слой и применить Наложение шаблона в Стили слоя поп-вниз.
- Другим способом добавления шаблона является использование
- Коллекция шаблонов находится в библиотеке. ВыбратьОкно > Библиотеки чтобы открыть их.
- Вы также можете создавать контент с помощью приложений Adobe Touch и использовать их в своей библиотеке Creative Cloud.
✍Как создать шаблон для Инстаграм в Фотошопе с нуля
Отрисовка красивого шаблона и построение сетки постов в Инстаграм вопрос востребованный, судя по нашей предыдущей статье “Топ-9: дизайн-приемы для сетки постов в Instagram.
Друзья, сегодня я расскажу, как создать шаблон для Инстаграм в Фотошопе с нуля. После инструкции благодаря шаблону вы сможете сделать свою сетку постов в Инстаграм гармоничнее и уникальнее. Мы научимся рисовать простой макет, который будет под силу даже новичку.
Инструмент работы — Photoshop. Он предлагает массу графических инструментов для улучшения фото. Поняв основные простые методы, вы сможете осваивать и более сложные дизайнерские приемы. Когда вы создаете изображения в Photoshop, ваш бренд выглядит профессионально, креативно и уникально.
Коммерческим страницам тема оформления аккаунта особенно актуальна, т. к. визуал профиля — это онлайн-витрина магазина. Это первое, что видит пользователь, когда переходит в аккаунт и решает, оформить заказ в магазине, или нет.
Любая кампания по продвижению в Instagram невозможна без досконально оформленного графического контента, если вы ожидаете от нее действенной отдачи. Каждый пост, который вы создаете, должен наследовать стилистику и идею предыдущего, чтоб создавалась т. н. “сетка” Instagram.
2.4 Добавляем текст
Я выполняю цветовое оформление макета в фирменных цветах компании (поскольку у меня такие данные есть). Это цвет с кодировкой #1bbeaa.
Если же у вас данных о цветосхеме нет, подбирайте самостоятельно гармоничные сочетания к изображению. В инете широкий выбор подбора цветов (цветовые круги, цветовые палитры с https://color.romanuke.com/, https://www.design-seeds.com/, и пр..).
Все эти инструменты интуитивно просты и понятны.
Можно «поиграть» с цветовыми тонами и выбрать самую красивую цветовую палитру или комбинацию комплементарных цветов, которые усилят друг друга. Или оформить пост в одной цветовой гамме — тогда разные оттенки одного и того же цвета дополнят эффект за счет идеальной сочетаемости.
Рис. 16 — Цветосхема
С цветом определились. Вернемся к панели инструментов и привычным способом установим основной цвет.
Рис. 17 — Выбор основного цвета
Там же ищем инструмент «Фигуры» — «Прямоугольник».
В панели параметров отображается цвет заливки фигуры и ее обводка. Это основные параметры, которые мы можем менять для того, чтоб получить нужный результат.
В примере мы используем просто заливку, без обводки.
Рис. 18 — Выбор фигуры
Рисуем прямоугольник поверх всего холста. Он перекрыл все мои наработки!
Без паники. Я ведь уже делала акцент на панель “Слои”. Иду туда.
Рис. 19 — Слой с текстом
Рис. 20 — Слой “Прямоугольник”
В панели “Слои” прямоугольник отображается как отдельный слой.
Т. е., я могу проводить с ним любые манипуляции — мне нужно передвинуть его под все слои, но не ниже фонового слоя (да и в принципе Photoshop не позволит это сделать, пока фоновый слой заблокирован).
Мышкой перетаскиваю фигуру.
Рис. 21 — Перестановка слоев
Т. о., цветовой слой оказался и под изображением, и под текстом — закрыл те участки, которые надо было скрыть.
Дальше вы можете менять его так, как желает того ваша фантазия.
Конечно, можно было пойти и другим путем — сразу создать фоновый слой нужного цвета (вместо стандартного белого).
Но в таком случае мы бы не получили столько возможностей для манипуляций слоем.
Вообще, одно из преимуществ Photoshop — наличие множества вариантов решения одной и той же задачи. Можно пойти разными путями, но достичь одного результата. Каждый дизайнер выбирает свой путь.
Рис. 22 — Цветовой слой над изображением
Далее располагаем текст и картинку в зависимости от идеи.
Я центрирую текст при помощи вспомогательных появляющихся линий-линеек.
Просто мышкой передвигаю текст по рабочей области. Если зажать кнопку Ctrl, расстояние между выбранным и другими элементами становится видимым.
Рис. 23 — Центрирование текста
Совет: всегда уделяйте время выравниванию элементов дизайна — это придаст эстетичный вид и гармоничность графике.
2.7 Обрабатываем изображение
Последний штрих, который можно внести в дизайн поста, не обязателен.
Но мы уже умеем обрабатывать изображения и хотим довести до идеала свой пост, поэтому воспользуемся этим приёмом.
Переходим на слой изображения, находим на панели значок «Корректирующий слой» (внизу справа). В выпадающем меню видны варианты коррекции изображения.
Рис. 27 — Корректировка изображения
Выбираем один из вариантов, так в слоях появится новый слой поверх изображения. Именно с этим корректирующим слоем и будем дальше работать.
Большое преимущество Photoshop при работе с такими слоями в том, что всегда можно перейти к оригиналу изображения, который редактируете, просто удалив корректирующий слой из панели «Слои». Также к нему можно вернуться в любое время и поменять настройки. Это ли не чудо)
Рис. 28 — Корректирующие слои
Но существует один нюанс, который необходимо учесть — после наложения корректирующего слоя надо создать обтравочную маску (это делается для того, чтобы настройки слоя влияли только на определенное изображение в слоях).
Итак, щелкаем правой мышкой по корректировочному слою и выбираем «Создать обтравочную маску».
Рис. 29 — Обтравочная маска
Теперь видно, что этот слой включен в слой с изображением — так мы можем вносить любые нужные настройки. При этом изменения отобразятся на холсте моментально.
Совет: Тут главное не переборщить с настройками. Если вы не уверены в своих знаниях по обработке фото, лучше оставляйте картинку в оригинале, но главное — в хорошем качестве!
Рис. 30 — Создание обтравочной маски
Таким образом можно накладывать разные настройки поверх друг друга для достижения нужного результата.
Рис. 31 — Настройка обтравочной
Вот что получилось в итоге (было/стало):
Рис. 32 — Пример “Было — стало” изображения
Цвет изображения внутри повторяет цвет рамки. Согласитесь, с использованием такого приема сетка постов выглядит стильнее. Единая цветовая гамма добавляет гармонии профилю бренда в Инстаграм.
3.
Добавляем новую фотографию в готовый шаблонКак это легко сделать?
1) Открываем сохраненный файл PSD. Переходим к изображению в слоях, кликаем правой кнопкой и выбираем «Преобразовать в смарт-объект».
Рис. 35 — Преобразование в смарт-объект
2) Теперь, кликая двойным щелчком по слою-изображению, он откроется в отдельной вкладке Photoshop.
Рис. 36 — Создание нового поста в готовом шаблоне
3) Перетаскиваем новое изображение поверх «старого», масштабируем его до нужных размеров.
Рис. 37 — Добавление нового фото в шаблон
4) «Старое» изображение в слоях удаляем.
Рис. 38 — Удаление старого изображения
5) Сохраняем файл и закрываем вкладку.
Рис. 39 — Сохранение нового шаблона
6) Видим, что изображение поста заменилось на новое, и на него действуют все те же корректирующие слои, которые я создала ранее.
Рис. 40 — Новый шаблон изображения
7) Заменяем текст, доводим изображение до идеала с помощью движков на корректирующих слоях, и получаем новый пост той же стилистической направленности.
Рис. 41 — Корректировка слоев
Как это выглядит в итоге, смотрите ниже:
Рис. 42 — Результат корректировки
Вы можете использовать один и тот же шаблон и получать одинаковые посты, в которых будет меняться только содержание и фото.
А можете рисовать новые шаблоны и чередовать их, создавая разнообразие в профиле Instagram.
Пример такой визуальной сетки для Инстаграм в Фотошопе:
Рис. 43 — Лента Instagram
Здесь общая стилистика соблюдена — цветовая схема и геометрические фигуры в макете. Визуал ленты Инстаграм целостен и гармоничен — один пост перетекает в другой.
Надеюсь, что моя инструкция для отрисовки макета для постов в Instagram была понятной и пригодится вам в работе. И в личном профиле, и с клиентскими проектами. И теперь ваш Инстаграм привлечет больше заказчиков и вы оформите еще больше продаж 🙂 как это получилось у нашего клиента в рамках заказа услуги «SMM-продвижение».
Удачи в отрисовке!
Создание шаблонов Photoshop для фотоэффектов
Автор сценария Стив Паттерсон.
В этом уроке по Photoshop мы узнаем, как создать, а затем повторно использовать фотоэффект в качестве шаблона Photoshop с использованием смарт-объектов и смарт-фильтров. Смарт-объекты были впервые представлены в Photoshop CS2, а в Photoshop CS3 они стали еще лучше благодаря смарт-фильтрам. Оба этих недавних дополнения к Photoshop могут полностью изменить то, как вы работаете внутри программы, поскольку они дают вам удивительный уровень гибкости, которого просто не существует без них.
Чтобы получить максимальную отдачу от этого урока, вам понадобится Photoshop CS3, так как это единственная версия Photoshop (во всяком случае пока), которая поставляется со смарт-фильтрами, хотя вы все равно можете сделать совсем немного просто с помощью Photoshop CS2 и смарт-фильтров. Объекты. Конечно, вы все равно можете прочитать руководство, даже если у вас более старая версия Photoshop, хотя бы для того, чтобы увидеть, какие функции вы получите, если и когда решите обновиться.
Если вы когда-либо использовали программу верстки, вы должны знать, как работают смарт-объекты. Когда вы конвертируете изображение в смарт-объект в Photoshop, вы больше не работаете с самим изображением, даже если оно по-прежнему выглядит так, как вы. Вместо этого вы работаете над
Так что же такое смарт-фильтры? По сути, они такие же, как обычные фильтры Photoshop, которые мы находим в меню «Фильтр» на панели параметров.
На самом деле они в точности одинаковые. Единственная разница, как мы увидим, заключается в том, что когда вы применяете фильтр к смарт-объекту, Photoshop преобразует его в «умную» версию фильтра, с той разницей, что смарт-фильтры остаются полностью редактируемыми на 100%! Обычно, когда вы применяете один из фильтров Photoshop к изображению, само изображение физически изменяется с помощью фильтра, и если вы хотите изменить настройки фильтра, вам придется отменить все свои действия до момента, когда вы применяли фильтр. фильтр (при условии, что у вас не закончились состояния истории), а затем снова примените его с новыми настройками. Не так со смарт-фильтрами! С помощью смарт-фильтра вы можете вернуться в любое время, изменить настройки в диалоговом окне фильтра и мгновенно применить новые настройки к изображению, не повреждая и даже не касаясь изображения каким-либо образом. Если вы знакомы с тем, как работают корректирующие слои в Photoshop, смарт-фильтры работают точно так же.
вы можете делать множество вещей просто с помощью Photoshop CS2 и смарт-объектов. На самом деле, единственное, что вы не можете сделать в Photoshop CS2, — это применить фильтр к смарт-объекту, по крайней мере, если вы все еще хотите использовать этот эффект в качестве фотошаблона.
Несколько вещей, на которые следует обратить внимание, прежде чем мы начнем. Во-первых, несмотря на то, что мы будем создавать здесь простой фотоэффект, который очень хорошо работает со свадебной фотографией, сам эффект не является предметом этого урока, хотя вы, безусловно, можете воссоздать тот же эффект, если захотите. Цель этого урока Photoshop — показать вам, как создать эффект с помощью смарт-объектов и смарт-фильтров, чтобы вы могли затем применить знания к своим собственным фотошаблонам. Во-вторых, чтобы использовать другую фотографию с шаблоном, важно, чтобы новая фотография соответствовала оригиналу с точки зрения размера изображения, ориентации и разрешения.
Если вы просто используете фотографии, сделанные вами на ту же цифровую камеру, но не изменяли их размер и не обрезали их, то все, что вам нужно сделать, это убедиться, что вы не пытаетесь заменить фотографию в портретной ориентации ( выше, чем в ширину) с одним в альбомной ориентации (шире, чем в высоту). Если вам нужна дополнительная информация о разрешении изображений и размерах документов, обязательно посетите наш раздел «Основные сведения о цифровом фото» на веб-сайте.
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1. Откройте первое изображение, которое хотите использовать
Прежде чем мы сможем использовать наш эффект фото
в качестве шаблона, нам сначала нужно создать эффект, поэтому откройте первую фотографию, которую вы хотите использовать с ним.
Вот фото, с которого я начну:
Исходное изображение.
Теперь, когда мое изображение открыто в Photoshop, если я смотрю на свою палитру слоев, все кажется нормальным. У меня есть один слой, фоновый слой , который содержит мое изображение:
.Палитра слоев Photoshop, показывающая исходное изображение на Фоновый слой .
Далее мы собираемся преобразовать изображение в смарт-объект!
Шаг 2. Преобразование изображения в смарт-объект
Здесь все становится немного иначе, чем если бы мы просто создавали этот эффект один раз, не собираясь использовать его снова с другими изображениями. Чтобы иметь возможность использовать этот документ Photoshop в качестве шаблона, нам нужно преобразовать наше изображение в смарт-объект, что, как я упоминал на предыдущей странице, означает, что мы больше не будем работать с самим изображением. Вместо этого мы будем работать над ссылкой на изображение. Фактическое изображение будет надежно сохранено в отдельном файле, нетронутым и невредимым от любых сумасшедших вещей, которые мы будем делать дальше.
Чтобы преобразовать изображение в смарт-объект, перейдите в меню «Слой» в верхней части экрана, выберите «Смарт-объекты», а затем в Photoshop CS3 выберите «Преобразовать в смарт-объект» или, если вы используете Photoshop CS2, выберите Сгруппируйте в новый смарт-объект. Кажется, что с вашим изображением ничего не произошло, но если мы снова посмотрим на палитру слоев, мы увидим несколько изменений со слоем Background . Во-первых, он больше не называется «Фон». Photoshop переименовал его в «Слой 0». Что еще более важно, если мы внимательно посмотрим на миниатюру предварительного просмотра слоя, мы увидим, что вокруг него теперь есть белая рамка выделения, а также значок в правом нижнем углу. Этот значок говорит нам, что изображение теперь преобразовано в смарт-объект:
Палитра слоев Photoshop, показывающая изображение на фоновом слое, теперь преобразовано в смарт-объект.
Шаг 3: Дублируйте слой
Теперь, когда наше изображение преобразовано в смарт-объект, давайте продублируем его.
Дублирование смарт-объекта ничем не отличается от дублирования обычного слоя, и проще всего это сделать с помощью сочетания клавиш Ctrl+J (Win)/Command+J (Mac). Если мы снова посмотрим на палитру «Слои», то увидим, что теперь у нас есть два слоя: исходный «Слой 0» внизу и новая «Копия слоя 0» над ним, оба из которых содержат копию смарт-объекта:
Нажмите «Ctrl+J» (Win) / «Command+J» (Mac), чтобы дублировать слой смарт-объекта.
Здесь важно отметить, что хотя мы продублировали смарт-объект, на самом деле у нас нет двух отдельных смарт-объектов. Оба они ссылаются на одну и ту же фотографию, а это означает, что когда мы заменяем исходное изображение другим изображением, как мы сделаем в конце урока, оба слоя будут отображать одну и ту же новую фотографию. Если бы мы создали 3, или 5, или 10 или более копий смарт-объекта, а затем заменили изображение, поскольку все они являются копиями одного и того же смарт-объекта, все они показывали бы новую фотографию!
Шаг 4.
Измените размер и положение изображения на новом слое с помощью свободного преобразованияДавайте переместим и изменим размер изображения на только что созданном слое-копии. Опять же, нет никакой разницы между перемещением и изменением размера смарт-объекта и обычного слоя. Нажмите Ctrl+T (Win)/Command+T (Mac), чтобы открыть окно «Свободное преобразование» Photoshop и обработать изображение на новом слое. Затем, удерживая нажатой клавишу Shift+Alt (Win)/Shift+Option (Mac), перетащите любой из четырех угловых маркеров внутрь, чтобы изменить размер изображения, пока оно не станет примерно на 60% от исходного размера. Удерживание «Shift» ограничивает пропорции ширины и высоты изображения при изменении его размера, чтобы случайно не исказить его форму, а удерживание «Alt» (Win) / «Option» (Mac) сообщает Photoshop изменить размер изображения с его центр:
Измените размер изображения примерно до 60% от исходного размера с помощью функции «Свободное преобразование».
Я также собираюсь немного переместить изображение вниз, щелкнув в любом месте внутри поля «Свободное преобразование» (кроме маленького значка цели в центре) и просто перетащив изображение вниз с помощью мыши.
Во время перетаскивания я буду удерживать Shift, что заставит изображение двигаться вниз по прямой линии, предотвращая случайное перемещение его влево или вправо:
Немного перетащите изображение вниз, удерживая клавишу «Shift» и перетащив его прямо вниз с помощью мыши.
Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование и выйти из Free Transform.
Шаг 5. Добавьте обводку к изображению с измененным размером
Как мы уже видели, работа со смарт-объектами не сильно отличается от работы с обычными слоями, и то же самое верно даже при добавлении стилей слоя. Щелкните значок «Стили слоя» в нижней части палитры «Слои» (в Photoshop CS2 он выглядит как круг с буквой «f» внутри, а в Photoshop CS3 это просто буквы «fx») и выберите «Обводка» в нижней части списка. :
Щелкните значок «Стили слоев» и выберите «Обводка» из списка.
Откроется диалоговое окно «Стиль слоя» Photoshop, в котором для параметров «Обводка» в средней колонке будут выбраны параметры «Обводка».
Измените Размер обводки на 1 пиксель и Положение на Внутри, затем щелкните образец красного цвета справа от слова «Цвет», который вызовет палитру цветов Photoshop, и выберите белый цвет обводки:
Измените параметры обводки, обведенные красным выше.
Нажмите «ОК», чтобы выйти из палитры цветов, но пока не выходите из диалогового окна «Стиль слоя». У нас есть еще пара стилей слоя, которые нужно добавить в первую очередь, что мы и сделаем дальше.
Шаг 6. Добавьте тень
Нажмите непосредственно на слова «Тень» в левой части диалогового окна «Стиль слоя»:
Нажмите прямо на слова «Тень».
Это изменяет параметры в среднем столбце диалогового окна «Стиль слоя» на параметры «Тень». Уменьшите непрозрачность тени примерно до 40%, чтобы она не была такой интенсивной. Установите Distance на 0px, оставьте Spread равным 0%, затем увеличьте Size примерно до 40px, хотя вы можете поэкспериментировать с более высоким значением, если используете изображение с высоким разрешением:
Измените параметры Drop Shadow, обведенные красным выше.
Шаг 7: Добавьте внутреннее свечение
Нажмите непосредственно на слова «Внутреннее свечение» в левой части диалогового окна «Стиль слоя»:
Нажмите прямо на слова «Внутреннее свечение».
Это изменяет параметры в среднем столбце диалогового окна «Стиль слоя» на параметры «Внутреннее свечение». Уменьшите непрозрачность внутреннего свечения примерно до 40%, чтобы оно не было таким интенсивным. Нажмите на образец желтого цвета непосредственно под словом «Шум», который вызывает палитру цветов Photoshop, и выберите белый цвет в качестве цвета свечения. Нажмите OK, чтобы выйти из палитры цветов, затем установите размер свечения около 40 пикселей. Опять же, вы можете поэкспериментировать с более высоким значением размера, если вы используете изображение с высоким разрешением:
Измените параметры внутреннего свечения, обведенные красным выше.
Когда вы закончите, нажмите «ОК» в правом верхнем углу диалогового окна «Стиль слоя», чтобы выйти из него.
Вот мое изображение после применения всех трех стилей слоя:
Изображение после применения стилей слоя.
До сих пор все, что мы делали с нашим изображением, можно было выполнить либо в Photoshop CS2, либо в Photoshop CS3. То, что мы собираемся сделать дальше, — это эксклюзив для Photoshop CS3, по крайней мере, до тех пор, пока не выйдет Photoshop CS4.
Шаг 8. Добавьте смарт-фильтр «Размытие по Гауссу» к нижнему слою
Вот часть руководства, для которой вам нужно использовать Photoshop CS3 (не волнуйтесь, если вы используете Photoshop CS2, мы свяжемся с вами через мгновение). Мы собираемся применить смарт-фильтр к нашему смарт-объекту. Теперь я должен кое-что прояснить, прежде чем мы продолжим. Вы можете применять фильтры к смарт-объектам в Photoshop CS2 точно так же, как если бы вы применяли их к обычному слою. Разница в том, что в Photoshop CS2, когда вы пытаетесь применить любой фильтр к смарт-объекту, Photoshop выводит предупреждающее сообщение о том, что смарт-объект должен быть растрирован, прежде чем можно будет применить фильтр.
Это означает, что смарт-объект снова будет преобразован обратно в обычный слой, что означает, что он больше не будет смарт-объектом, а это означает, что вы больше не сможете просто заменить одну фотографию другой внутри него. Что в основном означает, что вы теряете возможность использовать документ Photoshop в качестве шаблона. Другими словами, если ваша цель — создать документ, который можно использовать в качестве шаблона, и вы используете Photoshop CS2, не используйте фильтры. Есть еще много других вещей, которые вы можете делать со своими смарт-объектами в CS2, но использование фильтров не входит в их число. Во всяком случае, если вы делаете многоразовый шаблон.
Сказав это, если вы — это , использующий Photoshop CS3, нажмите «Слой 0» (нижний слой) в палитре слоев, чтобы выбрать его. Затем перейдите в меню «Фильтр» в верхней части экрана, выберите «Размытие», а затем выберите «Размытие по Гауссу». Это вызывает диалоговое окно Gaussian Blur. Я собираюсь установить значение радиуса в нижней части диалогового окна примерно на 9 пикселей.
Если вы используете изображение с высоким разрешением, попробуйте 12–14 пикселей:
Примените фильтр Gaussian Blur к нижнему слою.
Когда закончите, нажмите OK, чтобы выйти из диалогового окна. Вот мое изображение после применения фильтра. Обратите внимание, как изображение на заднем плане теперь хорошо размыто:
.Фон теперь размыт после применения фильтра Gaussian Blur.
Все, что мы здесь делали, не было чем-то необычным. Мы выбрали и применили фильтр «Размытие по Гауссу» к копии смарт-объекта на нижнем слое точно так же, как применили бы его к обычному слою. Но если мы посмотрим на нашу палитру слоев, то увидим, что определенно произошло что-то из ряда вон выходящее:
Палитра «Слои», показывающая, что фильтр «Размытие по Гауссу», примененный к «Слою 0», был преобразован в интеллектуальный фильтр.
Применив фильтр к смарт-объекту, фильтр был преобразован в смарт-фильтр! Если мы посмотрим ниже «Слой 0», мы увидим, что теперь он говорит «Смарт-фильтры», а ниже находится список всех фильтров, которые мы применили к смарт-объекту.
В этом случае мы применили только один фильтр, фильтр размытия по Гауссу, и мы видим его в списке. Если бы мы применили несколько других фильтров к смарт-объекту на этом слое, каждый из них был бы указан под словами «Смарт-фильтры». Теперь мы успешно применили фильтр к смарт-объекту без необходимости конвертировать его обратно в обычный слой. Более того, как мы увидим, когда заменим фотографию новой фотографией, фильтр «Размытие по Гауссу» теперь будет автоматически применяться к любой фотографии, которую мы используем в нашем шаблоне!
обладают многочисленными преимуществами, и здесь мы только коснулись их поверхности, обсуждая, как их использовать при создании шаблонов. Мы рассмотрим больше удивительных возможностей, которые они предлагают, в других уроках.
Дальше посмотрим, как заменить нашу фотографию на другую!
Шаг 9. Замените фотографию новой фотографией
На этом базовый фотоэффект готов. Вы можете сохранить документ сейчас, если хотите.
Теперь мы увидим, как невероятно легко использовать наш документ Photoshop в качестве шаблона, заменив нашу существующую фотографию новой фотографией! Это работает как с Photoshop CS2, так и с Photoshop CS3 (с возвращением, пользователи Photoshop CS2!).
Имейте в виду, что я упоминал в начале. При замене одной фотографии на другую внутри смарт-объекта необходимо убедиться, что обе фотографии имеют одинаковые размеры ширины и высоты, одинаковую ориентацию (книжную или альбомную) и одинаковое разрешение, иначе все пойдет не так. вы ожидаете. Если вы попытаетесь заменить одну фотографию на другую, а новая фотография вдруг окажется слишком большой или слишком маленькой внутри документа, между ними что-то было не так, и вам нужно исправить это, прежде чем пытаться снова. Вы найдете много информации о размере и разрешении изображения в нашем разделе веб-сайта Digital Photo Essentials.
Предполагая, что следующая фотография, которую вы хотите использовать в своем шаблоне, использует те же размеры, ориентацию и разрешение изображения, что и оригинал, давайте поменяем их местами! Выберите «Слой 0» или «Копия слоя 0» в палитре «Слои».
Неважно, какой из них вы выберете, поскольку, как я упоминал ранее, они оба являются копиями друг друга и оба ссылаются на одну и ту же фотографию, поэтому замена изображения внутри одного из них автоматически заменит изображение в обоих. Затем, выбрав любой из них, снова перейдите в меню «Слой» в верхней части экрана, выберите «Смарт-объекты» и на этот раз выберите «Заменить содержимое»:
Выберите «Слой» > «Смарт-объекты» > «Заменить содержимое».
Появится диалоговое окно, позволяющее перейти к новой фотографии на вашем компьютере. После того, как вы нашли его, дважды щелкните по нему, чтобы выбрать его, и мгновенно исходная фотография будет заменена новой фотографией внутри документа! Все стили слоя, которые мы применили к верхнему слою, были применены к новому изображению, и если вы используете Photoshop CS3, к фоновому изображению на нижнем слое даже применен фильтр «Размытие по Гауссу», и все это без повторного выполнения каких-либо действий. работа:
Исходная фотография мгновенно заменяется новой фотографией внутри документа.
Куда идти дальше…
И вот оно! Благодаря смарт-объектам в Photoshop CS2 и новым смарт-фильтрам в Photoshop CS3 легко создавать фотоэффекты, которые можно повторно использовать в качестве шаблонов в любое время, когда они вам понадобятся! Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств по эффектам Photoshop!
Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!
Как использовать многослойные шаблоны в Photoshop | Small Business
Элизабет Мотт
Независимо от того, получаете ли вы их от коллег или покупаете в графическом ресурсе, многоуровневые шаблоны Adobe Photoshop могут ускорить создание серии элементов и стать отправной точкой для новых дизайнерских идей. То, как вы их используете, зависит от того, содержат ли они структурированные элементы корпоративного стиля или элементы дизайна-заполнителя, которые вы можете настроить с помощью собственного текста и фотографий. Как бы вы их ни использовали, не забудьте сохранить свои версии этих многократно используемых файлов под новыми именами, чтобы избежать перезаписи ваших шаблонов.
Нажмите на строку заголовка панели «Слои», чтобы открыть слои документа. Откройте меню «Окно» и выберите «Персонаж», чтобы открыть панель «Персонаж».
Нажмите «Ctrl-O», чтобы открыть диалоговое окно «Открыть». Перейдите к местоположению файла шаблона и дважды щелкните его имя, чтобы открыть его, или щелкните один раз имя, чтобы выбрать файл, затем нажмите кнопку «Открыть» в правом нижнем углу диалогового окна.
Изучите содержимое файла на панели «Слои». Нажмите на каждый текстовый слой и просмотрите его типографскую информацию на панели «Символ». Некоторые шаблоны включают слои типов, которые описывают или определяют другие слои в файле или дают инструкции по использованию шаблона. Если вы видите имя шрифта, указанное в скобках, например «[TypefaceName]», это означает, что слой использует программное обеспечение для шрифтов, которое либо не установлено на вашем компьютере, либо недоступно под указанным для него именем. В этом случае щелкните раскрывающиеся меню «font-family» и «font-style» на панели «Символ», чтобы заменить доступный шрифт на этих слоях, чтобы вы могли редактировать их содержимое и использовать их максимально гибко.
Если вам не нужно редактировать их текст или выводить их в векторном формате, оставьте эти слои как есть и сохраните файл в формате Photoshop PSD, в формате TIFF или другом растровом формате вывода.Ищите слои изображений среди активов вашего шаблона, будь то смарт-объекты или обычные слои на основе пикселей. Вы можете редактировать эти слои, использовать их как есть или применять к ним, удалять или скрывать эффекты и маски. Однако вы не можете вставить новую информацию о пикселях в существующие слои изображения. Чтобы заменить слой изображения в шаблоне новым материалом, вы можете поместить, вставить или перетащить визуальные элементы из других файлов изображений и поместить их в ту же позицию в стеке слоев, что и слой-заполнитель шаблона. Чтобы скопировать маски и эффекты на новую замену из существующего заполнителя, удерживайте нажатой клавишу «Alt» и перетащите эти элементы из заполнителя на новый слой на панели «Слои». Чтобы переместить маски и эффекты со слоя на слой, просто перетащите их в нужное место без использования клавиатуры.
Дважды щелкните каждый корректирующий слой, чтобы просмотреть, как он изменяет слои под ним. Когда открывается панель «Свойства», в ней отображается информация о корректирующем слое с использованием контекстно-зависимого интерфейса, который изменяется в соответствии с типом слоя. Имейте в виду, что многие корректировки дают очень разные результаты при изменении данных изображения, к которым они применяются, поэтому вы не сможете использовать готовые корректировки при добавлении в файл собственных данных изображения.
Дважды щелкните имена отдельных слоев, чтобы переименовать их. Хотя некоторые шаблоны поставляются с подробными соглашениями об именах, применяемыми к каждому слою, что делает их содержание и назначение ясными с первого взгляда, другие включают активы с именами по умолчанию — например, «Слой 1» или «Уровень 1», которые дают вам очень мало информации. информация о назначении слоев в шаблоне. Измените имена слоев, чтобы они давали вам необходимую информацию.
Если вам не нужно редактировать их текст или выводить их в векторном формате, оставьте эти слои как есть и сохраните файл в формате Photoshop PSD, в формате TIFF или другом растровом формате вывода.
Ссылки
- Adobe Systems: Справка Photoshop
- Adobe Systems: Справка по Photoshop/Что нового в CS6
Ресурсы
- Adobe Photoshop CS6 Classroom в книге; Adobe Creative Team
Советы
- При открытии шаблона, созданного в предыдущей версии Adobe Photoshop, вы можете увидеть предупреждения о необходимости обновить текст, прежде чем его можно будет отредактировать или вывести в векторной форме. Проверьте панель «Слои» на наличие значков текстовых слоев с наложенными на них желтыми предупреждающими треугольниками, сигнализирующими о необходимости их обновления.
- Если открыть шаблон, созданный в более новой версии Adobe Photoshop, чем та, которую вы используете, некоторые функции могут работать неправильно или отображаться в том виде, в котором они были созданы. Обратите внимание на любые предупреждения о совместимости, которые появляются при открытии файла.
- Если вы обновляете или редактируете шаблон для отражения новых спецификаций, сохраните новую версию шаблона под новым именем.
