Как создавать простые шаблоны Photoshop с возможностью перетаскивания

Как создать шаблон в Photoshop

Хотите создать свой собственный красивый шаблон Photoshop для использования в качестве обложки временной шкалы Facebook, шаблона блога, доски Pinterest, макета журнала, информационного бюллетеня и многого другого?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



Photoshop 101: как использовать экшены Photoshop

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

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

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

Экшены Photoshop могут быть полезны по-разному, и как только вы начнете используя их, вы полюбите их! Давайте начнем.

1. Включение действий Photoshop

Убедитесь, что ваша палитра действий видна. Если это не так, перейдите в Меню> Окно> Действия (ALT или Option + F9)

2. Изучите панель действий Photoshop

Включив экшены, мы готовы изучить 12 важных вещей, обнаруженных на этой панели.

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

  1. Остановить: остановить запись или воспроизведение
  2. Запись: Начать запись нового действия или добавление новых команд к любому существующему действию
  3. Воспроизвести: воспроизвести выбранное действие назад
  4. Новый набор: создание нового набора действий.
  5. Новое действие : добавление нового действия в набор
  6. Удалить: Как и следовало ожидать, эта кнопка удаляет выбранный набор, действие или команду.
  7. Набор действий: Папка, которая содержит и упорядочивает ваши действия, например, по разным группам (например, цветокоррекция, макеты, шаблоны и т. Д.)
  8. Action: Само действие . Представьте действие как набор из множества команд (например: открыть изображение, изменить размер изображения, преобразовать изображение и т. Д.)
  9. Шаги/команда: одна команда Photoshop . Одна или несколько команд вместе создают действие.
  10. Флажок: отмеченные команды будут выполняться, а неотмеченные команды — нет.
  11. Диалоговое окно меню: с помощью этого значка вы можете управлять вводом пользователя в действие. Например, предположим, что вы записываете действие для применения фильтра «Размытие по Гауссу» и по умолчанию устанавливаете радиус 2 пикселя. Отображение значка меню позволяет вам изменять определенные параметры (например, радиус) для каждого изображения, к которому вы его применяете. Если значок выключен, действие всегда будет использовать настройку по умолчанию (в данном случае радиус 2 пикселя. Это позволяет вам определять гибкость каждого действия, когда оно применяется к изображению.
  12. Меню панели действий: … Подробнее см. ниже

3. Присмотритесь к меню действий Photoshop

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

Режим кнопки

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

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

Параметры воспроизведения

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

  1. Accelerated: Воспроизводит действия как можно быстрее — обычно это лучший выбор.
  2. Пошагово: обновляет экран после каждой команды.
  3. Пауза на x секунд: Пауза на определенное количество секунд перед переход к следующей команде из вашего действия.

Очистить все действия

Удаляет все наборы и действия из вашей панели действий.

Сбросить действия

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

Загрузить действия

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

Заменить действия

Все действия/наборы будут заменены выбранными вами. Это объединяет очистку всех действий и загрузку за один шаг.

Сохранить действия

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

4. Создайте наш первый экшен Photoshop

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

Начнем с создания нового набора. Свой набор я назвал «99designs». Затем создайте новое действие и назовите его «Шаблон BusinessCard». Нажмите кнопку записи.

Первое, что мы должны сделать, это создать новый документ. . Для этого выберите Файл> Создать (CTRL или Command + N). Измените ширину на 3,5 дюйма и высоту на 2 дюйма. Разрешение должно быть установлено на 300 пикселей/дюйм. Наконец, убедитесь, что установлен цветовой режим CMYK. Когда закончите, нажмите кнопку ОК.

Теперь давайте добавим рекомендации на каждую сторону нашего документа. Для этого выберите View> New Guide (CTRL или Command + N). Используйте указанные выше настройки в новом диалоговом окне руководства, чтобы установить направляющие на каждой стороне нашего документа. Всего вы должны применить 4 правила. Порядок, в котором вы применяете рекомендации, не имеет значения:

  • Вертикально на 0%
  • Вертикально на 100%
  • По горизонтали на 0%
  • По горизонтали на 100%

Следующим шагом будет добавление обрезки вокруг нашей визитной карточки. Нормальный выход за обрез будет по 0,125 дюйма с каждой стороны, поэтому всего 0,25 дюйма по высоте и 0,25 дюйма по ширине. Выберите Изображение Размер холста… (CTRL + ALT + C или Command + Option + C) и вставьте правильные размеры. Затем используйте настройку, как показано ниже, чтобы расширить документ за обрез.

Мне лично нравится работая с рекомендациями, поэтому я применяю еще одну рекомендацию к каждой стороне моего документа. Это точно такой же шаг, как и в начале. Снова выберите View> New Guide (CTRL или Command + N). И примените настройки ниже. Этот шаг не является обязательным, но я рекомендую его.

Наше действие готово. Нажмите кнопку Остановить . Вы можете закрыть только что созданный файл. Выберите действие «Шаблон BusinessCard» и нажмите кнопку воспроизведения . Каждый раз, когда вы это делаете, будет создаваться новый шаблон визитной карточки.

5. Измените значения размера выпуска за обрез

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

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

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

Заключение

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

Мне понравилась эта статья. Не пропустите нашу статью «Три способа, которыми экшены Photoshop могут ускорить ваш рабочий процесс».

Оцените статью
clickpad.ru
Добавить комментарий