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

Обновлено: 03.07.2024

В этом уроке по Photoshop мы научимся создавать, а затем повторно использовать фотоэффект в качестве шаблона Photoshop с помощью смарт-объектов и смарт-фильтров. Смарт-объекты были впервые представлены в Photoshop CS2, а в Photoshop CS3 они стали еще лучше благодаря смарт-фильтрам. Оба этих недавних дополнения к Photoshop могут полностью изменить то, как вы работаете внутри программы, поскольку они обеспечивают удивительный уровень гибкости, которого без них просто не существует.

Чтобы получить максимальную отдачу от этого руководства, вам потребуется Photoshop CS3, так как это единственная версия Photoshop (во всяком случае, пока), которая поставляется со смарт-фильтрами, хотя вы все равно можете сделать совсем немного с помощью Photoshop CS2. и смарт-объекты. Конечно, вы все равно можете прочитать руководство, даже если у вас более старая версия Photoshop, хотя бы для того, чтобы увидеть, какие функции вы получите, если и когда решите обновиться.

Что такое смарт-объекты и смарт-фильтры?

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

Так что же такое смарт-фильтры? По сути, они такие же, как обычные фильтры Photoshop, которые мы находим в меню «Фильтр» на панели параметров. На самом деле они совершенно одинаковы. Единственная разница, как мы увидим, заключается в том, что когда вы применяете фильтр к смарт-объекту, Photoshop преобразует его в «умную» версию фильтра, с той разницей, что смарт-фильтры остаются полностью редактируемыми на 100%! Обычно, когда вы применяете один из фильтров Photoshop к изображению, само изображение физически изменяется с помощью фильтра, и если вы хотите изменить настройки фильтра, вам придется отменить все свои действия до момента, когда вы применяли фильтр. фильтр (при условии, что у вас не закончились состояния истории), а затем снова примените его с новыми настройками. Не так со смарт-фильтрами! С помощью смарт-фильтра вы можете вернуться в любое время, изменить настройки в диалоговом окне фильтра и мгновенно применить новые настройки к изображению, не повреждая и даже не касаясь изображения каким-либо образом. Если вы знакомы с тем, как работают корректирующие слои в Photoshop, смарт-фильтры работают точно так же.

Как я уже упоминал, в идеале для этого урока у вас должен быть Photoshop CS3, но при создании фотошаблонов
есть еще много вещей, которые вы можете делать просто с помощью Photoshop CS2 и смарт-объектов. На самом деле, единственное, что вы не можете сделать в Photoshop CS2, — это применить фильтр к смарт-объекту, по крайней мере, если вы все еще хотите использовать этот эффект в качестве фотошаблона.

Прежде чем мы начнем, следует отметить несколько моментов. Во-первых, несмотря на то, что мы будем создавать здесь простой фотоэффект, который очень хорошо работает со свадебной фотографией, сам эффект не является предметом этого урока, хотя вы, безусловно, можете воссоздать тот же эффект, если захотите. Цель этого урока Photoshop — показать вам, как создать эффект с помощью смарт-объектов и смарт-фильтров, чтобы вы могли затем применить знания к своим собственным фотошаблонам. Во-вторых, чтобы использовать другую фотографию с шаблоном, важно, чтобы новая фотография соответствовала оригиналу с точки зрения размера изображения, ориентации и разрешения. Если исходная фотография была портретной 8 x 10 с разрешением 300 ppi, любая фотография, которой вы ее замените, также должна быть портретной 8 x 10 с разрешением 300 ppi, иначе вы получите неожиданные результаты.

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

Это руководство из нашей серии фотоэффектов. Начнем!

Шаг 1. Откройте первое изображение, которое хотите использовать

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

Это изменяет параметры в среднем столбце диалогового окна «Стиль слоя» на параметры «Тень». Уменьшите непрозрачность тени примерно до 40%, чтобы она не была такой интенсивной. Установите Distance на 0px , оставьте Spread равным 0% , затем увеличьте Size примерно до 40px , хотя вы можете поэкспериментировать с более высоким значением, если используете изображение с высоким разрешением:

Шаг 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 пикселей:

Когда вы создаете документ в Photoshop, вместо того, чтобы начинать с чистого холста, вы можете выбирать из множества шаблонов из Adobe Stock. Шаблоны включают активы и иллюстрации, которые вы можете использовать для завершения своего проекта. Когда вы открываете шаблон в Photoshop, вы можете работать с ним так же, как и с любым другим документом Photoshop (.psd).

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

предлагайте идеи и элементы многократного использования для ваших документов. Вы можете загружать шаблоны из Adobe Stock, содержащие качественную графику и иллюстрации, прямо в Photoshop. Затем вы можете использовать эти шаблоны для простого создания документов с общими настройками и элементами дизайна. Шаблоны открываются в Photoshop как файлы .psd и обычно содержат несколько монтажных областей.

Наборы пустых документов

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

Шаблоны и пресеты подразделяются на следующие наборы:

Фото
Печать
Искусство и иллюстрации
Интернет
Мобильный
Фильмы и видео

Выполните одно из следующих действий:

Используйте следующую комбинацию клавиш:
- (Mac) Cmd+N
- (Windows) Ctrl+N
Обзор: диалоговое окно «Новый документ»

Окно "Новый документ" позволяет:
- Создавайте документы, используя выбранные шаблоны из Adobe Stock в нескольких категориях: фото , печать , искусство и иллюстрация , Интернет , мобильные устройства и фильмы и видео .
- Найдите другие шаблоны и создавайте документы с их помощью. См. раздел Поиск других шаблонов в Adobe Stock.
- Быстрый доступ к файлам, шаблонам и элементам, к которым вы недавно обращались (вкладка "Недавние").
- Сохраняйте собственные настройки для повторного использования и быстрого доступа к ним позже (вкладка "Сохраненные").
- Создавайте документы, используя предустановки пустых документов для различных категорий и форм-факторов устройств. Прежде чем открывать пресеты, вы можете изменить их настройки.
Вкладка "Фото" | Диалоговое окно "Новый документ"

В диалоговом окне "Новый документ" выберите вкладку категории: "Фото" , "Печать" , "Искусство и иллюстрация" , "Интернет" , "Мобильные устройства" и "Кино и видео" .

Выберите набор настроек.

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

Нажмите «Создать» . Photoshop открывает новый документ на основе предустановки.

Изменить предустановки

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

Укажите имя файла для нового документа.

Панель сведений о предустановленных параметрах

Укажите следующие параметры для выбранного стиля:

Ширина и высота: укажите размер документа. Выберите единицу измерения во всплывающем меню.

Ориентация: укажите ориентацию страницы документа: Альбомная или Книжная.

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

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

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

Содержимое фона: укажите цвет фона для документа.

Чтобы указать следующие дополнительные параметры, нажмите Дополнительные параметры.

Цветовой профиль. Укажите цветовой профиль документа из множества вариантов.

Pixel Aspect Ratio: укажите отношение ширины к высоте одного пикселя в кадре.

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

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

Шаг 1. Создайте новый документ в Photoshop

В этом уроке мы будем создавать документ для печати, однако вы также можете применить его к чему угодно, будь то для печати или в Интернете. Во-первых, с открытым Photoshop, перейдите в верхнюю строку меню и нажмите «Файл»> «Создать», чтобы открыть новый документ и назвать его — здесь я назову свой «Красивый шаблон».

При создании документов для печати ширина и высота устанавливаются в дюймах. Я собираюсь оставить этот конкретный размер документа на уровне 11 дюймов по ширине и 14 дюймов по высоте. Я бы изменил это на пиксели, если бы работал над документом для Интернета.

Имейте в виду, что что касается разрешения, когда вы создаете что-то для печати, в идеале вам нужно иметь 300 пикселей на дюйм. Если шаблон предназначен для использования в Интернете, приемлемо от 72 до 150 пикселей. Фоновое содержимое будет белым. Нажмите ОК.

Шаг 2. Активируйте функцию линейки Photoshop

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

Шаг 3. Создайте фигуры на шаблоне Photoshop

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

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

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

После того как вы создали фигуру, вы увидите марширующих муравьев (как я люблю их называть), идущих по краям. Теперь мы собираемся заполнить нашу форму. Перейдите в верхнюю строку меню, выберите Edit>Fill. Убедитесь, что «Цвет» выбран в верхнем раскрывающемся списке. Подойдет любой цвет. Я выберу красивый голубой цвет и нажму OK. Теперь мы можем либо просто щелкнуть, чтобы отменить выделение, либо в строке меню нажать «Выбрать»> «Отменить выбор».

Вам нужно будет повторить эти инструкции (только на шаге 3) для каждой фигуры, которую вы добавляете в свой шаблон. Важно: Убедитесь, что каждая фигура находится на новом слое.

Если ваша фигура имеет неправильный размер или вы хотите изменить ее позже, просто активируйте инструмент «Перемещение» (V) и выберите слой с фигурой, размер которой нужно изменить. Используйте маркеры преобразования вокруг фигуры, чтобы настроить ее. Совет: вы можете удерживать клавишу Shift при изменении размера изображения, чтобы сохранить исходное соотношение. Затем нажмите Enter/Return, чтобы установить новый размер фигуры.

СОВЕТ. Если вы не видите маркеры изменения размера, убедитесь, что флажок «Показать элементы управления преобразованием» установлен в параметрах инструмента в верхней части Photoshop.

Если вам нужны две коробки одинакового размера и формы для вашего макета Photoshop, вы можете легко дублировать слой, выбрав «Слой»> «Дублировать», или щелкните и перетащите слой, который вы хотите дублировать, на значок нового слоя в нижней части «Слои». Panel и она будет автоматически продублирована.

Шаг 4. Добавьте изображения в шаблон Photoshop

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

Чтобы добавить изображение, сначала выберите слой, к которому вы хотите применить изображение.Итак, если я хочу, чтобы мое изображение появилось в верхней левой части, я нажму на этот конкретный слой. Затем я выберу «Файл»> «Поместить» или «Поместить встроенный», в зависимости от того, какую версию Photoshop вы используете.

Затем перейдите к изображению, которое хотите применить в шаблоне. Нажмите на это изображение и нажмите «Поместить». Вначале это может показаться немного странным. Это нормально. Просто нажмите Enter или Return.

Теперь о волшебстве! В главном меню выберите «Слой»> «Создать обтравочную маску», и ваше изображение будет обрезано прямо по форме!

С помощью инструмента Photoshop Move теперь вы можете щелкнуть и перетащить изображение или изменить его размер, чтобы оно соответствовало фигуре именно так, как вам нравится.

Повторите шаги "Добавить изображение" для каждого слоя-фигуры.

Шаг 5. Сохраните шаблон

Когда вы закончите, сохраните файл в формате PSD, чтобы убедиться, что все ваши слои сохранены для следующего раза, когда вы захотите использовать свой шаблон. Если вы хотите распечатать этот файл, выберите «Файл»> «Сохранить как» и сохраните свою работу в формате JPEG.

Поздравляем! Готово!

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

БОНУС: в этой записи блога есть потрясающий шаблон сетки Photoshop, который вы загружаете БЕСПЛАТНО и используете для перетаскивания ваших собственных изображений прямо сейчас!

Нужна дополнительная помощь в понимании каждого из этих шагов? Посмотрите видео ниже:

Как сделать шаблоны Photoshop — видеоурок

У вас есть вопросы о том, как создать шаблон Photoshop? Оставьте нам комментарий ниже - мы будем рады услышать от вас! И ПОЖАЛУЙСТА, ПОДЕЛИТЕСЬ этим уроком, используя кнопки социальных сетей (мы очень ценим это)!

< бр />

Аманда Глиссон

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

Что вы будете создавать

В сегодняшнем уроке мы рассмотрим, как создать многоразовый шаблон сетки Photoshop всего за несколько кликов! Конечный результат отлично подойдет для шаблонов сетки Instagram и других шаблонов сетки из 9 блоков.

Чему вы научитесь в этом уроке по Adobe Photoshop
- Что такое сетки в Photoshop?
- Что такое направляющие в Photoshop?
- Как сохранить сетки в Adobe Photoshop
- Как создать столбцы шаблона сетки
- Как создать шаблон сетки Instagram
Следите за нами на нашем канале Envato Tuts+ YouTube:

Что вам понадобится

Для завершения этого проекта мы используем следующие ресурсы:

Найдите больше ресурсов на Envato Elements!

1. Как добавить направляющую в Photoshop

Шаг 1

Сначала выберите Вид > Новый макет направляющей.

< img class="lazyload" data-src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=720/uploads/users/1990/posts/35584/image/1.jpg" alt ="новый макет руководства" width="380px" height="295px" />

Шаг 2

Давайте начнем с нескольких простых направляющих в центре холста, разместив 2 столбца и 2 строки и установив флажок "Центральные столбцы".

Шаг 3

Превратите это руководство в шаблон руководства, выбрав Предустановка > Сохранить предустановку и назвав свое руководство.

2. Как создать столбцы шаблона сетки

Теперь давайте посмотрим, как создать шаблон руководства из 12 столбцов.

Шаг 1

Снова давайте перейдем к View > New Guide Layout.

Шаг 2

Теперь давайте настроим наши настройки. Вы можете изменить любой из этих параметров в соответствии с вашими потребностями! Наши настройки сегодня будут такими:

Шаг 3

Давайте также превратим это руководство в шаблон руководства, выбрав "Набор параметров" > "Сохранить набор параметров" и назвав его.

3. Как создать шаблон сетки Instagram

Давайте закончим тем, как создать шаблон Instagram или сетку из девяти блоков.

Шаг 1

Давайте перейдем к View > New Guide Layout.

Шаг 2

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

Для наших сегодняшних настроек давайте выберем:

Шаг 3

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

Все!

И это все, что нужно для создания многоразового шаблона сетки Photoshop в Photoshop! Сэкономьте время, создав свой собственный набор шаблонов сетки Photoshop уже сегодня.

Читайте также: