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

Обновлено: 21.11.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. Откройте первое изображение, которое хотите использовать

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

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

Следующим мы собираемся преобразовать изображение в смарт-объект!

Шаг 2. Преобразование изображения в смарт-объект

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

Чтобы преобразовать изображение в смарт-объект, откройте меню «Слой» в верхней части экрана, выберите «Смарт-объекты» , а затем в Photoshop CS3 выберите «Преобразовать в смарт-объект» или, если вы используете Photoshop CS2 , выберите «Группировать в новый смарт-объект». Кажется, что с вашим изображением ничего не произошло, но если мы снова посмотрим на палитру «Слои», мы увидим несколько изменений в слое Фон. Во-первых, он больше не называется «Фон». Photoshop переименовал его в «Слой 0». Что еще более важно, если мы внимательно посмотрим на миниатюру предварительного просмотра слоя, мы увидим, что вокруг него теперь есть белая рамка выделения, а также значок в правом нижнем углу. Этот значок говорит нам, что изображение теперь преобразовано в смарт-объект:

Палитра слоев Photoshop, отображающая изображение на фоновом слое, теперь преобразована в смарт-объект.

Шаг 3. Дублируйте слой

Теперь, когда наше изображение преобразовано в смарт-объект, давайте продублируем его. Дублирование смарт-объекта ничем не отличается от дублирования обычного слоя, и проще всего это сделать с помощью сочетания клавиш Ctrl+J (Win)/Command+J (Mac). Если мы снова посмотрим на палитру «Слои», то увидим, что теперь у нас есть два слоя: исходный «Слой 0» внизу и новая «Копия слоя 0» над ним, оба из которых содержат копию смарт-объекта:

Важно отметить, что хотя мы и продублировали смарт-объект, на самом деле у нас нет двух отдельных смарт-объектов. Оба они ссылаются на одну и ту же фотографию, а это означает, что когда мы заменяем исходное изображение другим изображением, как мы сделаем в конце урока, оба слоя будут отображать одну и ту же новую фотографию. Если бы мы создали 3, или 5, или 10 или более копий смарт-объекта, а затем заменили изображение, поскольку все они являются копиями одного и того же смарт-объекта, все они показали бы новую фотографию!

Шаг 4. Измените размер и положение изображения на новом слое с помощью свободного преобразования

Давайте переместим и изменим размер изображения на только что созданном слое-копии. Опять же, нет никакой разницы между перемещением и изменением размера смарт-объекта и обычного слоя. Нажмите Ctrl+T (Win)/Command+T (Mac), чтобы открыть окно «Свободное преобразование» Photoshop и обработать изображение на новом слое. Затем, удерживая нажатой клавишу Shift+Alt (Win)/Shift+Option (Mac), перетащите любой из четырех угловых маркеров внутрь, чтобы изменить размер изображения, пока оно не станет примерно на 60% от исходного размера. Удерживание «Shift» ограничивает пропорции ширины и высоты изображения при изменении его размера, чтобы случайно не исказить его форму, а удерживание «Alt» (Win) / «Option» (Mac) сообщает Photoshop изменить размер изображения от его центр:

Я также собираюсь немного переместить изображение вниз, щелкнув в любом месте внутри поля «Свободное преобразование» (кроме маленького значка цели в центре) и просто перетащив изображение вниз с помощью мыши. Во время перетаскивания я буду удерживать 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 , хотя вы можете поэкспериментировать с более высоким значением, если используете изображение с высоким разрешением:

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

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

Ничто из того, что мы здесь делали, не было чем-то необычным.Мы выбрали и применили фильтр «Размытие по Гауссу» к копии смарт-объекта на нижнем слое точно так же, как применили бы его к обычному слою. Но если мы посмотрим на нашу палитру слоев, то увидим, что определенно произошло что-то из ряда вон выходящее:

Палитра «Слои», показывающая, что фильтр «Размытие по Гауссу», примененный к «Слой 0», был преобразован в смарт-фильтр.

Применив фильтр к смарт-объекту, фильтр был преобразован в смарт-фильтр! Если мы посмотрим ниже «Слой 0», мы увидим, что теперь он говорит «Смарт-фильтры», а ниже находится список всех фильтров, которые мы применили к смарт-объекту. В этом случае мы применили только один фильтр, фильтр размытия по Гауссу, и мы видим его в списке. Если бы мы применили несколько других фильтров к смарт-объекту на этом слое, каждый из них был бы указан под словами «Смарт-фильтры». Теперь мы успешно применили фильтр к смарт-объекту без необходимости конвертировать его обратно в обычный слой. Более того, как мы увидим, когда заменим фотографию новой фотографией, фильтр «Размытие по Гауссу» теперь будет автоматически применяться к любой фотографии, которую мы используем в нашем шаблоне!

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

Посмотрим, как заменить нашу фотографию другой!

Шаг 9. Замените фотографию новой фотографией

На этом базовый фотоэффект готов. Вы можете сохранить документ сейчас, если хотите. Теперь мы увидим, как невероятно легко использовать наш документ Photoshop в качестве шаблона, заменив нашу существующую фотографию новой фотографией! Это работает как с Photoshop CS2, так и с Photoshop CS3 (с возвращением, пользователи Photoshop CS2!).

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

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

Появится диалоговое окно, позволяющее перейти к новой фотографии на вашем компьютере. После того, как вы нашли его, дважды щелкните по нему, чтобы выбрать его, и мгновенно исходная фотография будет заменена новой фотографией внутри документа! Все стили слоя, которые мы применили к верхнему слою, были применены к новому изображению, и если вы используете Photoshop CS3, к фоновому изображению на нижнем слое даже применен фильтр «Размытие по Гауссу», и все это без повторного выполнения каких-либо действий. работа:

Что делать дальше.

И вот оно! Благодаря смарт-объектам в Photoshop CS2 и новым смарт-фильтрам в Photoshop CS3 легко создавать фотоэффекты, которые можно повторно использовать в качестве шаблонов в любое время, когда они вам понадобятся! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!

Начните свои творческие проекты, используя широкий выбор шаблонов из Adobe Stock и пустых пресетов.

Представлено в выпуске Adobe Photoshop 2017

Когда вы создаете документ в 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

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

    Шаг 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 уже сегодня.

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