Разное

Как создать шаблон в фотошопе для фото: Как сделать шаблон картинок в Adobe Photoshop

09.05.2021

Содержание

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

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

И так приступим. Для этого урока я выбрал вот такую фотографию. Я думаю на фоне такого автомобиля хотел бы оказаться каждый.

Создадим дубликат слоя для этого нажмём комбинацию клавиш Ctrl  J

 

Выбираем инструмент Перо

 

Увеличим нашу фотографию, для этого нажмём комбинацию клавиш Ctrl +

 Аккуратно выделяем голову

Затем кликаем правой кнопкой мыши по выделенной области и выбираем Образовать выделенную область

Радиус растушевки устанавливаем равным единице

После этого нажимаем клавишу Delete

Как видим у нас исчезло лицо, но как сделать так чтобы у нас получился классический шаблон. Для этого отменяем действие по удалению лица, нажав комбинацию клавиш Ctrl   Alt    Z. Далее нажмем клавиши Ctrl   C  и затем Ctrl     V. У нас образуется новый отдельный слой с лицом. На основном слое удалим лицо, нажав клавишу Delete

Сейчас самое главное не забыть сохранить наш шаблон в формате PSD. Для этого заходим в меню Файл -> Сохранить как…, выбираем нужную нам папку и сохраняем.

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

———————————————

Ставьте лайк, если вам понравилось, делитесь с друзьями и подписывайтесь на наш канал в Дзен, чтобы не пропустить следующие уроки.

Создаем сами шаблоны для инстаграм в Photoshop. Видеоурок!

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

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

Некоторые из них представляют шаблон для баннеров, и предназначены для рекламы каких-то товаров в социальные сети Instagram. Но это не значит, что шаблон можно применять только в качестве базы для создания баннера.

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

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

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

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

В видео показано:

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

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

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

Подписывайтесь на канал, ставьте лайки.

Руководство для начинающих по созданию бесшовных шаблонов в Photoshop

С множеством советов и подсказок о том, как улучшить свои навыки Photoshop

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

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

или ваши собственные обои, и вывести свои проекты на следующий уровень.

Как создавать шаблоны с помощью Pencil Tool

Первым шагом является создание нового небольшого документа Photoshop. Хорошее место для начала — квадратное изображение шириной от 8 до 10 пикселей. При создании документа убедитесь, что вы выбрали «прозрачный» для фонового содержимого. Это гарантирует, что вы сможете использовать свой рисунок на любом цветном фоне после его завершения.

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

Вы хотите установить размер карандаша от 1 до 2 пикселей.

Также полезно включить сетку, перейдя в Вид> Показать> Сетка. В зависимости от настроек сетки, он может не отображаться. Чтобы настроить параметры сетки, перейдите к Настройки> Направляющие, сетки и фрагменты. Под сетка, удостовериться Линия сетки установлено в пикселях. Выберите линию сетки, которая будет отображаться в 1 пикселе с 10 подразделениями. (Сочетание клавиш для предпочтений Cmd / Ctrl + K).

Это то, что вы в конечном итоге:

(Если вы не видите сетку, используйте ярлык Ctrl / Cmd + ‘ или перейти к Вид> Показать> Сетка.)

Когда вы увеличиваете от 1600 до 3200%, вы можете просматривать отдельные пиксели, когда начинаете использовать карандаш. Затем вы можете нарисовать свой шаблон в этом маленьком квадрате. (Если вы предпочитаете, вы можете заполнить этот крошечный холст любым удобным для вас способом — вам не нужно использовать Карандаш. Это просто простой способ очень точно заполнить пиксели.)

Как только вы закончите с этим, перейдите к Edit> Define Pattern. Откроется окно, в котором вы можете назвать шаблон, и оно будет сохранено в вашей библиотеке шаблонов.

Затем вы можете получить доступ к этому и любым другим шаблонам, которые есть в Photoshop, перейдя в Paint Bucket Tool. (Сочетание клавиш: г)

В меню параметров инструмента Paint Bucket убедитесь, что Шаблон скорее, чем передний план выбран.

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

Как создавать шаблоны с помощью инструмента «Форма»

Вы используете тот же метод, который указан выше, чтобы создать шаблон с помощью инструментов формы в Photoshop. Допустим, вы хотите создать узор в горошек. Вы создадите новый документ так же, как если бы вы использовали инструмент Карандаш, но сделаете его немного больше. Создайте новый документ размером 50 на 50 пикселей с прозрачным фоном.

Вместо того чтобы создавать сетку, вы можете использовать Направляющие линии, чтобы убедиться, что вы поместили первый эллипс в центр документа. Идти к Вид> Новое руководство. Выбрать горизонтальный для ориентации и введите 50% для позиции. Повторите тот же шаг с ориентацией, выбранной как вертикальный.

Вы должны увидеть две синие линии сетки, разделяющие документ.

Выберите инструмент «Эллипс» (или выбранную вами форму) и наведите курсор на центр документа, где встречаются линии сетки.

Щелкните в любом месте документа, чтобы создать круг размером 20 на 20 пикселей, и убедитесь, что Из центра проверяется, чтобы в центре документа была создана окружность.

Дублируйте этот слой, щелкнув правой кнопкой мыши по слою и выбрав, дублировать слой. Следующим шагом является переход к Фильтр> Другое> Смещение. Настройки здесь должны быть +25 для горизонтального и +25 для вертикального варианта. (Photoshop может предложить вам растеризовать или преобразовать изображение в смарт-объект, в этом случае вы должны растеризовать его.)

Следующим шагом является переход к Фильтр> Другое> Смещение. Настройки здесь должны быть +25 для горизонтального и +25 для вертикального варианта. Также убедитесь, что Обернуть вокруг выбран (в зависимости от формы, которую вы используете, смещение, как правило, составляет половину размера холста).

Смещение делит круг на четыре четверти, которые появятся на краю документа.

Это необходимо для того, чтобы сделать этот бесшовный узор:

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

Вы можете повторить этот метод с более сложными фигурами, такими как стрелка, например, используя настройки, аналогичные приведенным выше, со следующей иконкой, которую я скачал с Vecteezy. Я использовал немного больший документ — 100 на 100 пикселей и изменил смещение на +50 как по вертикали, так и по горизонтали.

Это даст вам следующую схему:

С некоторыми кистями вышеупомянутый метод также будет работать с вашими кистями Photoshop.

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

В видео показано:

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

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

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

Подписывайтесь на канал, ставьте лайки.

Руководство для начинающих по созданию бесшовных шаблонов в Photoshop

С множеством советов и подсказок о том, как улучшить свои навыки Photoshop

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

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

или ваши собственные обои, и вывести свои проекты на следующий уровень.

Как создавать шаблоны с помощью Pencil Tool

Первым шагом является создание нового небольшого документа Photoshop. Хорошее место для начала — квадратное изображение шириной от 8 до 10 пикселей. При создании документа убедитесь, что вы выбрали «прозрачный» для фонового содержимого. Это гарантирует, что вы сможете использовать свой рисунок на любом цветном фоне после его завершения.

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

Вы хотите установить размер карандаша от 1 до 2 пикселей.

Также полезно включить сетку, перейдя в Вид> Показать> Сетка. В зависимости от настроек сетки, он может не отображаться. Чтобы настроить параметры сетки, перейдите к Настройки> Направляющие, сетки и фрагменты. Под сетка, удостовериться Линия сетки установлено в пикселях. Выберите линию сетки, которая будет отображаться в 1 пикселе с 10 подразделениями. (Сочетание клавиш для предпочтений Cmd / Ctrl + K).

Это то, что вы в конечном итоге:

(Если вы не видите сетку, используйте ярлык Ctrl / Cmd + ‘ или перейти к Вид> Показать> Сетка.)

Когда вы увеличиваете от 1600 до 3200%, вы можете просматривать отдельные пиксели, когда начинаете использовать карандаш. Затем вы можете нарисовать свой шаблон в этом маленьком квадрате. (Если вы предпочитаете, вы можете заполнить этот крошечный холст любым удобным для вас способом — вам не нужно использовать Карандаш. Это просто простой способ очень точно заполнить пиксели.)

Как только вы закончите с этим, перейдите к Edit> Define Pattern. Откроется окно, в котором вы можете назвать шаблон, и оно будет сохранено в вашей библиотеке шаблонов.

Затем вы можете получить доступ к этому и любым другим шаблонам, которые есть в Photoshop, перейдя в Paint Bucket Tool. (Сочетание клавиш: г)

В меню параметров инструмента Paint Bucket убедитесь, что Шаблон скорее, чем передний план выбран.

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

Как создавать шаблоны с помощью инструмента «Форма»

Вы используете тот же метод, который указан выше, чтобы создать шаблон с помощью инструментов формы в Photoshop. Допустим, вы хотите создать узор в горошек. Вы создадите новый документ так же, как если бы вы использовали инструмент Карандаш, но сделаете его немного больше. Создайте новый документ размером 50 на 50 пикселей с прозрачным фоном.

Вместо того чтобы создавать сетку, вы можете использовать Направляющие линии, чтобы убедиться, что вы поместили первый эллипс в центр документа. Идти к Вид> Новое руководство. Выбрать горизонтальный для ориентации и введите 50% для позиции. Повторите тот же шаг с ориентацией, выбранной как вертикальный.

Вы должны увидеть две синие линии сетки, разделяющие документ.

Выберите инструмент «Эллипс» (или выбранную вами форму) и наведите курсор на центр документа, где встречаются линии сетки.

Щелкните в любом месте документа, чтобы создать круг размером 20 на 20 пикселей, и убедитесь, что Из центра проверяется, чтобы в центре документа была создана окружность.

Дублируйте этот слой, щелкнув правой кнопкой мыши по слою и выбрав, дублировать слой. Следующим шагом является переход к Фильтр> Другое> Смещение. Настройки здесь должны быть +25 для горизонтального и +25 для вертикального варианта. (Photoshop может предложить вам растеризовать или преобразовать изображение в смарт-объект, в этом случае вы должны растеризовать его.)

Следующим шагом является переход к Фильтр> Другое> Смещение. Настройки здесь должны быть +25 для горизонтального и +25 для вертикального варианта. Также убедитесь, что Обернуть вокруг выбран (в зависимости от формы, которую вы используете, смещение, как правило, составляет половину размера холста).

Смещение делит круг на четыре четверти, которые появятся на краю документа.

Это необходимо для того, чтобы сделать этот бесшовный узор:

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

Вы можете повторить этот метод с более сложными фигурами, такими как стрелка, например, используя настройки, аналогичные приведенным выше, со следующей иконкой, которую я скачал с Vecteezy. Я использовал немного больший документ — 100 на 100 пикселей и изменил смещение на +50 как по вертикали, так и по горизонтали.

Это даст вам следующую схему:

С некоторыми кистями вышеупомянутый метод также будет работать с вашими кистями Photoshop.

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

И хотя есть несколько вещей, которые Photoshop может сделать, GIMP не может

это не один из них. Этот метод должен быть передаваемым. Посмотрите это видео ниже, чтобы увидеть, как оно работает в GIMP:

Как удалить или переименовать шаблоны

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

Adobe Capture

Если вам неудобно пользоваться Photoshop, существует чрезвычайно простой способ создания шаблонов из фотографий, значков и т. Д., Используя не что иное, как телефон или планшет на iOS или Android. Приложение Adobe Capture CC, которое вы можете скачать бесплатно, позволяет создавать сложные шаблоны за считанные минуты.

В то время как Adobe Capture можно загрузить бесплатно, вам необходимо зарегистрировать бесплатную учетную запись Adobe Creative Cloud. Затем вы можете сделать снимок на вашем устройстве или импортировать изображение, которое вы нашли в Интернете, и создать шаблон, используя его. Если у вас есть iPad Pro, вы даже можете нарисовать изображение для использования в качестве шаблона самостоятельно. Вы можете увидеть это в действии на видео из Instagram ниже:

Время Планировщика! (Вы можете посмотреть все мои видео по планированию на #gracecalliplanning). Сегодня я экспериментирую с тем, что я называю «вставками заголовков». Они вроде как делители второго уровня? Я рисовал каракули быстрого приготовления на Procreate с помощью iPad Pro и Apple Pencil с наклейкой от @slickwraps. Затем я перенес файл в Adobe Capture и превратил его в шаблон. Затем я распечатал конечный продукт с помощью моего Canon MX 3650, поместил его в свой планировщик Kikki.k и написал на нем кисточкой Tombow? Далее, Планировщик Питания ???

Сообщение, опубликованное Грейс Фрезен (@gracecallidesigns) 26 июня 2016 года в 0:14 PDT

Отличительной особенностью Adobe Capture CC является то, что вы можете создавать различные виды шаблонов одним нажатием кнопки: включая треугольники, шестиугольники и квадраты.

Чтобы получить полное представление о том, что вы можете сделать с помощью Adobe Capture CC, посмотрите видео ниже:

Как вы создаете бесшовные модели в Photoshop? Дайте нам знать об этом в комментариях.

Как создать интересную обложку на Facebook в Фотошопе

Страницы профиля и обложки Facebook – уникальный способ выражения в социальных сетях. В сущности, они имеют разное предназначение. Фотография профиля видна рядом с каждым комментарием или статусом, а фотография обложки видна только, когда Вы просматриваете свою личную хронику. А что если создать взаимодействие между этими двумя элементами? В этом уроке Вы увидите один из примеров того, можно добавить интересный дизайн на свою страницу в Facebook.


Итак, начнем!

1. Разметка страницы

Прежде чем, начинать рисовать обложку, давайте ознакомимся с размерами на странице Facebook. 

Шаг 1

Размер обложки должен быть 851х135 пикселей. Больший размер Facebook будет обрезать и изменять. Фотография профиля должна квадратной и иметь размер 160х160 пикселей, если Вы заходите на сайте на компьютере. На мобильном девайсе она будет меньше. Интересно то, что Facebook не разрешает загружать фотографии профиля в таком размере. Ваша фотография будет обязательно уменьшена, поэтому минимальный размер – 180х180 пикселей. Вокруг фотографии профиля есть белые рамки, которые Вы не можете контролировать.

Шаг 2

Загрузите шаблон страницы Facebook и откройте его в Фотошопе.

2. Ваши фотографии

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

Шаг 1

Самое трудное – это правильное расположение карточек. У нас не так много места для важных элементов. Помимо этого, все карточки нужно держать повыше.

Шаг 2

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

3. Фотография обложки

Шаг 1

Откройте шаблон страницы Facebook в Фотошопе и через меню Файл > Поместить связанные (File > Place Linked) вставьте фотографию обложки. Расположите её на слоем «Cover Photo».

Шаг 2

Создайте обтравочную маску (Ctrl + Alt + G), чтобы обрезать границы сверху и снизу.

Шаг 3

Активируйте режим Свободное трансформирование (Free Transform) и измените размер своей фотографии, чтобы она соответствовала нашей задумке.

Шаг 4

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

Создайте копию слоя фотографии и создайте обтравочную маску для неё.

Шаг 5


Инструментом Прямоугольная область (Rectangular Marquee Tool) и создайте выделение вокруг руки, держащей фотографию. Затем добавьте маску к верхнему слою фотографии обложки. Пока никаких изменений не будет видно.

Шаг 6

Перейдите на нижний слой фотографии и переместите её так, чтобы человек хорошо выглядел.

Шаг 7

Оба слоя фотографии обложки нужно объединить (Ctrl + E).

Шаг 8


Выделите слой фотографии (Ctrl + Click) и скопируйте его (Ctrl + C).

4. Создание эффекта для обложки

Сейчас мы перенесём все пиксели обложки в смарт-объект и создадим нужный эффект. В нашем случае был выбран монохромный эффект с высокой контрастностью.

Шаг 1

Откройте смарт-объект «Cover Photo» и вставьте в него скопированное содержимое (Ctrl + V).

Шаг 2

Инструментом Быстрое выделение (Quick Selection Tool) выделите человека с карточками и добавьте маску (Layer Mask).

Шаг 3


На фон вставьте размытую фотографию города.

Шаг 4

Проделайте для фона все коррекции, которые на Ваш взгляд нужны. Например, создайте корректирующий слой Кривые (Layer – Curves) и осветлите фон.

Шаг 5

Вставьте одну из фотографий профиля в и расположите его, как показано ниже. Установите режим наложения Умножение (Blending Mode – Multipl), чтобы фотография подвергалась некоторому затемнению нижнего слоя.

Шаг 6

Инструментом Быстрое выделение (Quick Selection Tool) выделите пальцы и добавьте маску к слою фотографии.


Шаг 7

Вставьте другие фотографии на карточки и скройте их частично при помощи маски.

Шаг 8

Сведите все слои (Ctrl + Shift + Alt + E) и преобразуйте его в смарт-объект.

Шаг 9

Откройте фильтр Camera Raw и настройте так:

Экспомир (Exposure): +0.30
Света (Highlights): +88
Тени (Shadows): +42
Белые (Whites): +86
Чёткость (Clarity): +37
Насыщенность (Saturation): -76

Перейдите во вкладку Эффекты (Effects) и настройте следующие параметры:

Удалить дымку (Dehaze): +26
Виньетирование после кадрирования (Post Crop Vignetting): Эффект (Amount) -33

Шаг 10

После применения фильтра кликните на его маске. Выделите карточки в левой руке и заполните их чёрным цветом.

Шаг 12

Сохраните смарт-объект и вернитесь в основной документ. Удалите первоначальную фотографию обложки, так как она теперь находится в смарт-объекте «Cover Photo».

5. Фотография профиля

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

Шаг 2

Вставьте фотографию профиля в смарт-объект через меню Файл > Поместить (File > Place). Сохраните файл, но не закрывайте.

Шаг 3

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



Шаг 4

Создайте новый слой над фотографией профиля. Затем выделите слой фотографии (Ctrl + Click) Мягкой кистью с небольшой непрозрачностью нарисуйте тень под пальцами серым цветом.

Шаг 5

Инструментом Перемещение (Move Tool) переместите тень в файл профиля. В режиме Свободное трансформирование (Free Transform) измените размер тени, чтобы она соответствовала расположению пальцев.

Шаг 6

Сохраните файл и вернитесь к основному документу. Удалите оригинальный слой тени.

Шаг 7

Откройте смарт-объект профиля и обложки. Через меню Файл > Экспортировать > Экспортировать как (File > Export > Export As) сохраните каждый файл в формате JPG со 100% качеством.

Конечный результат:

Ссылка на источник

Как сделать фото на документы в Фотошопе: обработка, шаблон

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

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

Делаем фото на документы

Давайте рассмотрим весь процесс на примере фотографии ниже.

Сделаем фото на паспорт, к которому предъявляются следующие основные требования:

  • Размер: 34×45 мм;
  • Черно-белое или цветное;
  • Однотонный фон: от полностью белого до светло-серого.
  • Отступ от верхнего края фото до головы – примерно 5 мм;
  • Размер головы – не менее 80% от общего размера фотографии.
  • Прочие условия: лицо должно быть строго в анфас, не допускается его обработка (изменение формы головы, черт лица и т.д.).

Наша фотография удовлетворяет вышеперечисленные условиям, поэтому движемся дальше.

Примечание: описанные далее действия (с соответствующими корректировками) применимы и для любого другого вида фото: для загранпаспорта, визы и т.д.

Предварительная обработка

Многие фотографии можно сделать лучше, если немного “поиграть” с кривыми. Давайте попробуем это сделать и с нашим фото.

  1. Для начала жмем комбинацию клавиш Ctrl+J, чтобы создать копию исходного слоя. Это нужно, чтобы сохранить оригинал в первоначальном виде, что позволит всегда к нему вернуться и начать все заново, если вдруг в процессе обработки что-то пойдет не так.
  2. Создаем для дубликата корректирующий слой “Кривые”.
  3. Немного осветляем фото, чтобы избавиться от затемненных участков. Делается этом путем выгибания кривой слегка вверх и влево (цепляем ее с помощью зажатой левой кнопки мыши).

Создаем шаблон

  1. Сперва нам нужно создать новый документ. Сделать это можно через меню “Файл” или с помощью комбинации клавиш Ctrl+N.
  2. В открывшемся окне указываем необходимые размеры (35×45 мм), разрешение (300 пикс./дюйм) и жмем кнопку “Создать”.
  3. Если в рабочей области не активированы линейки, включаем их через меню “Просмотр” или с помощью горячих клавиш Ctrl+R.
  4. Затем правой кнопкой мыши щелкаем по линейке (горизонтальной или вертикальной) и выбираем в раскрывшемся перечне вариант – миллиметры.
  5. Приступим к созданию разметки холста с помощью горизонтальных направляющих. Мы подробно рассмотрели данный инструмент в нашей публикации – “Направляющие в Фотошопе: как включить, скрыть, удалить”.
    • Первую разместим на расстоянии 5 мм от верхнего края (допускается погрешность плюс-минус 1 мм).
    • Исходя из того, что голова должна занимать примерно 80% от общего фото, ее размеры примерно следующие: 32-36 мм (по вертикали). Берем среднее значение – 34 мм и отмеряем их от первой направляющей, т.е. от верхнего края получается 39 мм.
  6. Также отметим середину холста.
    • Для этого сначала в меню “Просмотр” активируем привязку к границам документа.
    • Теперь установим вертикальную направляющую на отметке в 17,5 мм.
  7. Возвращаемся на вкладку с исходным фото.
  8. Щелкаем правой кнопкой мыши по слою с кривыми (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Объединить с предыдущим”.
  9. В результате получаем объединенный слой (дубликат оригинального плюс кривые), который должен быть выбран по умолчанию. Теперь жмем сочетание клавиш Ctrl+С, чтобы скопировать его.
  10. Переключаемся на созданный нами ранее документ и жмем комбинацию Ctrl+V, чтобы вставить скопированный слой.
  11. Переходим к холсту. Подгоняем размеры вставленного изображения под нашу разметку с направляющими. Сделать это можно разными способами (функция “Свободное трансформирование”, “Масштабирование” или инструмент “Перемещение”) – они подробно описаны в нашей публикации – “Как изменить размер выделенного объекта в Фотошопе”.Примечание: Если фото слишком большое и не вмещается в рамках рабочей области программы, можно уменьшить масштаб и затем, когда все будет готово, вернуть к 100% или другому значению.

Заключительный этап

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

  1. Создадим еще один новый документ с такими настройками:
    • Размер – А6;
    • Разрешение – 300 пикс./дюйм;
    • Формат – печать (или международный формат бумаги).
  2. Снова возвращаемся на вкладку с обработанным снимком.
  3. Нажимаем комбинацию клавиш Ctrl+A, чтобы выделить содержимое холста, затем – Ctrl+C, чтобы скопировать его в буфер обмена.
  4. Идем в только что созданную вкладку и вставляем скопированное изображение (Ctrl+V). Затем сдвигаем его в левый верхний угол холста (с помощью инструмента “Перемещение”), оставив небольшие промежутки от краев.
  5. Переходим в меню “Просмотр” и включаем показ быстрых направляющих.
  6. Так как у нас фото все еще находится в буфере обмена – снова жмем Ctrl+V, чтобы вставить еще одну копию (или копируем его заново, как это было описано выше). Размещаем ее рядом с первой, а быстрые направляющие помогут их выровнять на одинаковом уровне.
  7. Повторяем это действие еще требуемое количество раз (допустим, 6), разместив последующие фото во 2-3 ряду.

Заключение

На этом наша работа по созданию фото на документы в Фотошопе успешно завершена. Остается сохранить полученный результат (в формате JPEG или PNG) и распечатать на специальной фотобумаге.

Как сделать шаблон для Инстаграм? ТОП-16 лучших программ – Блог Instaplus.me

Гармония цвета, настроения и сочетаемости кадров в Instagram также важна, как и качество контента. Ваш инстаграм-аккаунт — виртуальная картинная галерея, для которой нужно разработать собственный концепт. И это требует значительно больше времени и внимания, чем может показаться на первый взгляд. Многие из техник наложения эффектов капризны и затратны по времени, поэтому рекомендуется заранее подготовить шаблон для Инстаграм и каждый раз редактировать свои посты и Stories по одному инста-макету.

Содержание страницы

Зачем нужны шаблоны для постов в Инстаграм

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

Если вы действительно хотите сделать свой аккаунт ярким, стильным и колоритным, вам обязательно нужны шаблоны. Что они дают:

  • единый стиль в Сторис и ленте, что является отражением профессионализма;
  • можно визуально разграничить различные рубрики;
  • аккаунт становится визуально привлекательным для читателя;
  • можно быстро выпускать любые публикации без длительной подготовки;
  • есть возможность брендировать контент.

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

Как сделать шаблоны для Инстаграм с помощью программ

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

Adobe Spark

  • Платформа: iOS, Android, Веб.
  • Предназначение: фото, видео.
  • Стоимость: бесплатное.

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

Spark содержит множество уникальных опций, которые облегчат работу и помогут выделиться:

  • уникальные фильтры;
  • инструменты для обработки шрифтов;
  • динамические макеты;
  • изменения размера графики под параметры любой социальной сети за несколько кликов;
  • применение брендированных фишек для всех своих проектов в одно касание;
  • быстрая вырезка текста.

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

Canva

  • Платформа: iOS, Android, Веб.
  • Предназначение: фото, видео, истории.
  • Стоимость: бесплатное.

Canva — кросс-платформенное приложение для графического дизайна. В приложении доступно более 60000 готовых шаблонов для Инстаграм, также есть мощные инструменты для редактирования, чтобы вы могли создавать собственные профессиональные макеты с нуля, даже если не являетесь дизайнером.

Интересная функция приложения — опция Canva for Work. Благодаря ей возможна совместная работа над проектом. Также приложение открывает доступ к многомиллионной библиотеке стоковых фото.

Design Lab

  • Платформа: Android.
  • Предназначение: истории.
  • Стоимость: бесплатное.

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

Over

  • Платформа: iOS, Android.
  • Предназначение: фото, видео, истории.
  • Стоимость: бесплатное.

С Over вы можете добавлять различные графические улучшения на ваши фото и видео, вставлять в них подписи, накладывать графические элементы. Здесь есть потрясающий арсенал шаблонов для Instagram Story, постов, баннеров, логотипов и многого другого. Свои работы вы можете опубликовать сразу через приложение, а если вам нужны советы, идеи и тренды, просто загляните в раздел Discover.

Videoshop

  • Платформа: iOS, Android.
  • Предназначение: видео.
  • Стоимость: бесплатное.

Videoshop – это простой в обращении видеоредактор, с помощью которого можно обрезать видео, добавлять в них различные эффекты, анимированные заголовки, музыку, изображение. Но самое главное, что здесь есть опции, позволяющие настраивать цветовую гамму для видеоряда, добавлять в него обложку и создавать шаблоны для публикаций в Инстаграм.

Preview

  • Платформа: iOS, Android, Веб.
  • Предназначение: фото.
  • Стоимость: бесплатное.

Preview — комплексное решение для ведения Instagram в едином стиле и удобного продвижения. В приложение есть раздел аналитики, менеджер хештегов, удобный планировщик ленты, а также множество фильтров, рамок, инструментов для работы с текстом и возможность сохранения получившегося шаблона.

С Preview вы можете не просто создать шаблон для постов, но и спрогнозировать как будет выглядеть ваша лента. Приложение бесплатное, но оформив подписку можно купить дополнительные пакеты фильтров и расширить функционал.

PicsArt

  • Платформа: Android, iOS, Веб.
  • Предназначение: фото.
  • Стоимость: бесплатное.

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

Desygner

  • Платформа: Android, iOS, Веб.
  • Предназначение: видео, истории.
  •  Стоимость: бесплатное.

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

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

Lomotif

  • Платформа: iOS, Android.
  • Предназначение: видео, истории.
  • Стоимость: бесплатное.

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

VSCO

  • Платформа: iOS, Android.
  • Предназначение: фото, видео, истории.
  • Стоимость: бесплатное.

VSCO — один из самых популярных редакторов, бесплатно предоставляющий пользователям массу профессиональных инструментов для творческого самовыражения, а также редактирования фото и видео контента. Все свои работы можно сохранить в качестве шаблона, чтобы после воссоздать через вкладку «Рецепты».

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

Grid Maker

  • Платформа: Android.
  • Предназначение: фото.
  • Стоимость: бесплатное.

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

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

Snapseed

  • Платформа: iOS, Android.
  • Предназначение: фото.
  • Стоимость: бесплатное.

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

StoryArt

  • Платформа: iOS, Android.
  • Предназначение: фото, видео, истории.
  • Стоимость: бесплатное.

StoryArt — простой инструмент для создания непревзойденных историй. По сути, это готовый каталог из более чем 2000 шаблонов для Instagram Stories. Здесь есть набор интересных шрифтов, поддерживающих кириллицу, а также все базовые инструменты для обработки фото и видео. Все, что нужно — просто вставлять свои медиафайлы, адаптировать шаблон под себя и скачивать готовый пост.

StoryLab

  • Платформа: Android.
  • Предназначение: истории.
  • Стоимость: бесплатное.

Приложение StoryLab — удачное решение для тех, кто ищет простой способ создания Историй и постов в едином стиле. Пользователям предоставляется более 400 готовых шаблонов для Stories и более 300 — для постов, с поддержкой фото, видео и коллажей. Нужно лишь адаптировать их под себя, и красочная публикация готова.

Social Media Post Maker

  • Платформа: Android.
  • Предназначение: фото, видео, истории.
  • Стоимость: бесплатное.

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

Post Muse

  • Платформа: Android, iOS.
  • Предназначение: истории.
  • Стоимость: бесплатное.

Post Muse — идеально простой редактор Историй, который вы можете скачать бесплатно с Google Play и App Store. Чтобы получить красочную сторис, просто установите приложение, выберите один из множество готовых вариантов шаблонов, добавьте в него текст, наклейки, свои изображения и видео.

Где взять готовые шаблоны

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

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

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

Платные шаблоны Инстаграм обязательно потребуются тем, кто раскручивает бизнес-профили. Профессиональные веб-дизайнеры учтут все предпочтения и особенности бизнеса, а также помогут создать шаблон, способный настроить ЦА на нужное настроение.

Популярные веб-сервисы, на которых вы сможете найти готовые платные и бесплатные макеты для постов:

  • Fleepik — ресурс содержит более 5000 различных шаблонов на основе рамок и фотографий.
  • Creativemarket — ярмарка веб-дизайнеров, где вы можете получить 6 бесплатных товаров и найти интересные платные шаблоны.
  • Instprofi — каталог интсаграм-шаблонов, где вы можете найти как платные, так и бесплатные варианты.
  • Pngtree — огромная база фонов, картинок и векторных изображений.
  • Cssauthor — веб-ресурс, на котором представлено более миллиарда различных макетов, стоковых изображений, фото и вариантов текста.
  • Instaopener — на сайте можно заказать недорогие качественные шаблоны, а также скачать несколько бесплатных примеров.

Советы и нюансы

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

Рассмотрим основные нюансы, которые обязательно стоит учесть при создании шаблона:

  • Цветовая гамма. Заранее продумайте, какой будет цветовая гамма вашего аккаунта. Например, вы можете создать несколько шаблонов для разных рубрик, оформить ленту аккаунта в клетчатом стиле и использовать другие комбинации из шаблонов, и при этом важно, чтобы все они подходили друг другу.
  • Контрастный текст. Цвет текста на шаблоне обязательно должен быть контрастным — светлое на темном, темное на светлом.
  • Подборка фильтров. Редактируемые шаблоны — лишь один из элементов для создания единого стиля в аккаунте. Важно, чтобы и контент, который вы используете, был выполнен в единой тональности и имел приблизительно одинаковое освещения на всех постах. Для этого нужно заранее определиться с фильтром, подобрав оптимальный для вашего шаблона.
  • Концептуальная съемка. Желательно выбрать единый формат съемки. Например, если ведется блог для ресторана, можно выбрать формат фотографирования блюда сверху. Это поможет подчеркнуть единый стиль.

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

How to make photos on documents in Photoshop

In order to increase the sharpness of the photo only need make a few clicks of your mouse.
Downloadable in Photoshop blurred image to be improved by enhancing the clarity of the contour.

Next, create a duplicate layer by clicking on the layers panel, para .
Settings performed on the newly created layer and not on the original image.

Now go to menu Image-Adjustments-Desaturate to Desaturate the photo.

Then in the filter menu Filter-Other-Highpass and set the radius about 1 – 2 pixels.
For each image, this value will vary.

Click ОК and set the layer blend mode to Overlay. It’s possible to reduce the sharpness by putting, for example, the Opacity instead of 100% to 50-70%.

When the desired sharpness is obtained, keep the layers: Layer-Flatten Image.
The final result:


Often there are cases when you need to improve the quality of scanned document: remove dash, unnecessary lines, align, color, etc., we can do It….

Scan the document, save it in a graphic format that you will need (jpeg, tiff).
Take the tool the Eyedropper Tool and select on document dark area of the image. In the black-and-white documents you need to take a dark gray color.
Next create a layer Layer-New-Layer, take the Paint Bucket tool and fill the new layer with the color that was chosen previously, i.e., gray…
The blending mode of the top layer change on . If you realize that you have chosen a darker color than you need – don’t worry-you can reduce the opacity to the desired value, for instance 50-60%. Most importantly, the details of the document such as text and the print remained clear. Or better second option is to fill the lighter the color of the top layer, which is too long. Only need to select the eyedropper lighter color and fill the document. As it is described just above…

All unnecessary dash, stripes, squiggles, etc. can be removed with Eraser Tool, but you need to wash by itself on the bottom layer – layer of the document that we need to fix.
When the highlights are ready, go ahead and go to menu . We do this to ensure that the document was not grey, and white…
Now the most important thing! Go to .
In the following lessons I’ll disassemble the tool . Now we need to know one thing – the bottom is a dark color, the top is white. We need to lighten the document, but!!! do not overdo it, the letters should be read as in any document.
All our work is needed only in order to align the color of the document and to give it a neat appearance.
The document is ready!



In order to make photos for documents in Фотошоп first of all we need the image file of the person in front.

Now create a file with the size 10х15 см, разрешением 150 пикселей на дюйм – File-New.

Back to our previous file, take the Crop tool, and enter in the data that you need, ie for photos of 3×4 format input Width – 3 см, Height – 4 см.
And most importantly – do not forget to put Resolution of 150 Pixel/Inch to the resolution of the original and the generated file was the same.


After performing operation Crop tool, drag the image in the following file layout 10×15.
Next press Alt and, while holding the button, clone the image in the quantities that you need. Usually on the sheet 10×15 placed 6 photos of 3×4 format.

Turn off visibility of Background layer by clicking on the icon in the shape of the eye left of the layer.

Now click Layer-Merge Visible information, visible layers. After applying the previous steps we should remain two – background and a layer with images 3×4 format.
Emitted while pressing Ctrl или Shift both layers, go to menu Layer-Align-Horizontal Centers and Layer-Align-Vertical Centers to align the layers horizontally and vertically, respectively.
Now if we want the stroke to crop photos on a path, do the following:
Edit-Stroke and set the color and size of the stroke.
In principle, everything can press Print File-Print, set the settings on your printer and enjoy the result.

In this lesson are only 1 example – create a 3×4 format. If you need to do a photo on documents, you can use an action to form a sheet 10 cm by 15 cm formats: 3×4; 3,5×4; 3,5×4,5; 3,5×4,5 with a feather; 4×5; 4×6; 5×5


Купить экшен

Просмотров: 33

Шаблон фоторамки с тремя изображениями в Photoshop

Как создать фоторамку с тремя изображениями

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

Начнем с создания нового документа Photoshop. Перейдите в меню File в строке меню вверху экрана и выберите New . Или, чтобы быстрее создать новый документ, просто нажмите сочетание клавиш Ctrl + N (Win) / Command + N (Mac) :

Выберите «Файл»> «Создать» или нажмите Ctrl + N (Win) / Command + N (Mac).

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

Создайте новый документ размером 12 x 6 дюймов с разрешением 300 пикселей / дюйм.

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

Появится новый документ.

Шаг 2. Заполните новый документ черным цветом

Я хочу использовать черный для цвета фона, поэтому я перейду к меню Edit в верхней части экрана и выберу команду Photoshop Fill , которая позволяет нам заполнить слой или выделение цветом:

Перейдите в меню «Правка»> «Заливка».

Когда появится диалоговое окно Заливка, я установлю для параметра Использовать в разделе Содержимое в верхней части диалогового окна значение Черный :

Установите для параметра «Использование» значение «Черный».

Нажмите OK, чтобы выйти из диалогового окна, и Photoshop закрасит документ сплошным черным цветом:

Документ закрашен черным.

Шаг 3. Добавьте новый пустой слой

Нам нужно добавить новый пустой слой. Мы добавим заполнитель для нашего первого изображения на этом новом слое.Удерживая нажатой клавишу Alt (Win) / Option (Mac), щелкните значок New Layer в нижней части панели слоев:

Удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac), щелкните значок «Новый слой».

Удерживая нажатой клавишу Alt / Option при щелчке по значку нового слоя, мы говорим Photoshop открыть диалоговое окно New Layer перед добавлением нового слоя, и мы можем использовать диалоговое окно, чтобы придать нашему новому слою вид имя. Измените имя нового слоя со значения по умолчанию «Layer 1» на , заполнитель слева :

Измените имя нового слоя на «заполнитель слева».

Щелкните OK, чтобы принять изменение имени и выйти из диалогового окна. Если мы посмотрим на панель «Слои», то увидим, что теперь у нас есть новый пустой слой с именем «оставленный заполнитель», расположенный над фоновым слоем. Шаблон шахматной доски на миниатюре предварительного просмотра слоя слева от имени слоя говорит нам, что слой в настоящее время пуст:

Добавлен новый слой с именем «placeholder left».

Шаг 4. Выберите инструмент Rectangle Marquee Tool

.

Выберите Photoshop Rectangular Marquee Tool в верхней части панели инструментов или нажмите на клавиатуре букву M , чтобы быстро выбрать ее с помощью сочетания клавиш:

Выберите инструмент «Прямоугольная область».

Если выбран инструмент «Прямоугольная область», панель параметров в верхней части экрана изменится и отобразит параметры для инструмента «Прямоугольная область». Один из вариантов — Style . Измените его значение по умолчанию Нормальный на Фиксированное соотношение , затем введите 4 для Ширина и 6 для Высота . Это приведет к тому, что форма выделения, которую мы собираемся нарисовать, будет иметь соотношение сторон 4×6, что позволит нам позже добавить несколько фотографий 4×6 в документ:

Измените стиль на «Фиксированное соотношение», затем введите «4» для ширины и «6» для высоты.

Шаг 5: нарисуйте прямоугольное выделение на левой стороне документа

Вытяните прямоугольную область выделения в левой части документа. Здесь появится фотография слева. Вы заметите, что когда вы перетаскиваете выделение, его форма ограничивается соотношением сторон 4×6, которое мы установили на панели параметров на предыдущем шаге. Если вам нужно изменить положение выделения при его перетаскивании, просто удерживайте пробел , перетащите мышь, чтобы переместить выделение на место, затем отпустите клавишу пробела и продолжайте перетаскивание.Убедитесь, что в документе достаточно места для размещения еще двух фотографий:

Щелкните и растяните выделение вокруг области, где появится фотография слева.

Шаг 6: Залейте выделение серым

После того, как вы нарисовали выделение, вернитесь в меню Edit и снова выберите команду Fill :

Перейдите в меню «Правка»> «Заливка».

На этот раз, когда появится диалоговое окно Заливка, измените параметр Использовать в разделе Содержимое вверху диалогового окна на 50% Серый :

На этот раз измените параметр «Использовать» на «50% серого».

По завершении нажмите OK, чтобы выйти из диалогового окна. Photoshop заполняет выделение серым цветом. Нет особой причины, по которой мы выбрали серый цвет. Нам просто нужно было заполнить выделение цветом, и, поскольку мы используем его только в качестве заполнителя для изображения, серый цвет казался естественным выбором. Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы удалить контур выделения вокруг формы:

Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы удалить контур выделения после того, как вы залили его серым цветом.

Шаг 7: Добавьте тонкий белый штрих вокруг формы

Давайте добавим тонкую белую рамку вокруг формы. Щелкните значок Layer Styles в нижней части панели Layers и выберите Stroke в нижней части появившегося списка стилей слоя:

Щелкните значок «Стили слоя» и выберите «Обводка» из списка.

Это вызывает диалоговое окно Photoshop Layer Style , для которого в среднем столбце установлены параметры обводки. Сначала измените цвет обводки, щелкнув небольшой образец цвета справа от слова Color и выбрав белый цвет в палитре Color Picker , когда он появится.По завершении нажмите OK, чтобы закрыть палитру цветов. Увеличьте Размер обводки примерно до 10 пикселей (пикселей), затем измените Положение на Внутри :

Измените цвет обводки на белый, затем увеличьте размер примерно до 10 пикселей и измените положение на «Внутри».

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

Стили слоя — это простой способ добавить к изображению простые эффекты, например границы.

Шаг 8: Выберите инструмент «Перемещение»

Выберите Photoshop Move Tool на панели инструментов или нажмите на клавиатуре букву V , чтобы быстро выбрать ее с помощью ярлыка:

Выберите инструмент «Перемещение».

Шаг 9: перетащите копию формы в центр документа

Нажмите Shift + Alt (Win) / Shift + Option (Mac) и, удерживая обе клавиши нажатыми, щелкните свою серую фигуру внутри документа и перетащите ее вправо.Клавиша Alt / Option сообщает Photoshop, что мы хотим создать копию фигуры при перетаскивании вместо перемещения исходной формы, в то время как клавиша Shift ограничивает направление, в котором мы можем перетаскивать, что упрощает перетаскивание по прямой линия вправо.

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

Удерживая Shift + Alt (Win) / Shift + Option (Mac), перетащите копию фигуры в середину документа.

Шаг 10: переименуйте новый слой «Средний заполнитель»

Если мы посмотрим на панель «Слои», мы увидим, что вторая фигура появилась на собственном слое над исходной формой. Photoshop назвал новый слой «левой копией заполнителя». Дважды щелкните имя нового слоя и измените его на средний . Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять изменение:

Новая форма появится на отдельном слое над исходной.Переименуйте новый слой в «середину заполнителя».

Шаг 11: перетащите еще одну копию фигуры в правую часть документа

Еще раз зажмите Shift + Alt (Win) / Shift + Option (Mac), щелкните по средней фигуре и перетащите ее копию в правую часть документа. Он станет заполнителем для изображения, которое появится справа. Опять же, белая обводка копируется вместе с формой. Постарайтесь оставить такое же пространство между новой фигурой и правым краем документа, как между левой фигурой и левым краем документа.Пока не беспокойтесь, если сами фигуры не распределены равномерно, как у меня, очевидно, нет:

Постарайтесь оставить такое же пространство между третьей фигурой и правым краем документа, как между исходной формой и левым краем.

Шаг 12: переименуйте новый слой «Заполнитель справа»

Если мы снова посмотрим на панель «Слои», то увидим, что третья фигура появляется на отдельном слое над двумя другими фигурами, и Photoshop автоматически назвал новый слой «средняя копия заполнителя».Дважды щелкните имя слоя и измените его на , заполнитель справа . Нажмите Введите (Win) / Верните (Mac), чтобы принять изменение, когда вы закончите:

Переименуйте новый слой в «заполнитель справа».

Шаг 13: выберите сразу все три слоя-заполнителя

Давайте выровняем три фигуры, чтобы они были равномерно разнесены. С уже выбранным верхним слоем («заполнитель справа»), удерживая нажатой клавишу Shift , щелкните слой исходной формы («заполнитель слева») на панели «Слои».Это выберет все три слоя-заполнителя сразу (вы увидите, что все они выделены синим цветом, что говорит нам, что они выбраны):

Удерживая Shift, щелкните «заполнитель слева», чтобы выбрать все три слоя-заполнителя сразу.

Шаг 14: Щелкните значок «Распределить по центрам по горизонтали»

Когда все три слоя выбраны и инструмент «Перемещение» все еще выбран, вы увидите серию значков на панели параметров в верхней части экрана, которые дают нам различные способы выравнивания и распределения слоев.Щелкните значок Распределить по центрам по горизонтали , чтобы расположить фигуры по горизонтали:

Щелкните значок «Распределить горизонтальные центры» на панели параметров.

Все три формы заполнителя теперь должны быть равномерно расположены в документе:

Теперь заполнители распределены равномерно.

Мы готовы добавить в документ несколько фотографий. Мы сделаем это дальше!

Шаг 15: Откройте первое фото для добавления в рамку

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

Первое фото, которое я добавлю в документ.

Шаг 16. Скопируйте фотографию в буфер обмена

Нажмите Ctrl + A (Win) / Command + A (Mac), чтобы быстро выбрать всю фотографию. Вы увидите контур выделения вокруг изображения. Затем нажмите Ctrl + C (Win) / Command + C (Mac), чтобы скопировать изображение в буфер обмена. Вы можете закрыть окно документа фотографии, как только скопируете изображение в буфер обмена.

Шаг 17: Выберите слой «Заполнитель слева»

Вернитесь к рамке документа, щелкнув в любом месте внутри окна документа, затем щелкните заполнитель слева слоя на панели «Слои», чтобы выбрать его:

Выберите слой «заполнитель слева» в документе фрейма.

Шаг 18. Вставьте фотографию в рамку документа

Нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию в рамку документа.Photoshop поместит фотографию на свой собственный слой прямо над выбранным слоем, и если мы посмотрим на панель «Слои», то увидим, что фотография появляется на собственном слое прямо над слоем «заполнитель слева», который мы выбрано на предыдущем шаге:

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

Единственная проблема в том, что я хочу, чтобы эта фотография отображалась как левое изображение в кадре, но на данный момент она не только появляется в середине, но и скрыта за средней формой из-за того, что слой «средний заполнитель» находится выше фото на панели «Слои».Все, что я вижу на изображении, — это внешние края, выходящие за пределы формы:

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

Шаг 19: перетащите фотографию поверх формы «заполнитель слева»

Не снимая выделения с инструмента «Перемещение», щелкните внутри документа и перетащите фотографию влево, пока она не появится поверх формы «заполнитель слева»:

Щелкните и перетащите фотографию на фигуру «заполнитель слева».

Шаг 20. Создайте обтравочную маску

Как только фотография окажется поверх формы «заполнитель слева», перейдите в меню Layer вверху экрана и выберите Create Clipping Mask :

Перейдите в Layer> Create Clipping Mask.

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

Фотография теперь «обрезается» по форме заполнителя под ней.

Шаг 21. Измените размер фотографии с помощью команды свободного преобразования

Давайте изменим размер фотографии так, чтобы мы могли видеть все изображение, а не только ту часть, которая оказывается над формой заполнителя. Нажмите Ctrl + T (Win) / Command + T (Mac), чтобы быстро открыть окно Photoshop Free Transform и обработать изображение.Несмотря на то, что мы можем видеть только область фотографии, которая находится непосредственно над формой, маркеры Free Transform появляются вокруг фактических размеров изображения. Если вы не видите маркеры Free Transform, потому что ваше изображение настолько велико, что края выходят за пределы видимой области окна документа, нажмите Ctrl + 0 (Win) / Command + 0 (Mac), чтобы Photoshop уменьшает масштаб до тех пор, пока все не умещается в окне документа (известное как вид По размеру экрана ). Нажмите еще раз, когда закончите изменять размер изображения.

Перетащите угловые маркеры Free Transform (маленькие квадраты) внутрь, пока они не выровняются с углами формы заполнителя, чтобы форма и фотография были одинакового размера. Конечно, это предполагает, что вы используете фотографию с тем же соотношением сторон 4×6, что и форма заполнителя, как и я. Если ваша фотография использует другое соотношение сторон, просто измените размер изображения до тех пор, пока оно не поместится в форме, насколько это возможно. Удерживайте нажатой клавишу Shift при перетаскивании маркеров, чтобы ограничить соотношение сторон фотографии, чтобы случайно не исказить ее внешний вид при изменении размера.При необходимости вы можете изменить положение фотографии, щелкнув в любом месте внутри поля «Свободное преобразование» и перетащив его мышью:

Перетащите угловые ручки Free Transform внутрь, пока фотография не станет того же размера, что и форма заполнителя.

Когда вы закончите изменение размера изображения, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды Free Transform:

Размер фотографии теперь соответствует размеру заполнителя под ней.

Шаг 22. Добавьте еще две фотографии в рамку

Выполните те же действия, чтобы добавить еще две фотографии в рамочный документ: одну для средней области и одну для правой. Сначала откройте фотографию, которую хотите использовать. Нажмите Ctrl + A (Win) / Command + A (Mac), чтобы выбрать его, затем Ctrl + C (Win) / Command + C (Mac), чтобы скопировать его в буфер обмена. Закройте окно документа фотографии после копирования изображения в буфер обмена. Вернитесь к рамке документа и щелкните либо заполнитель , средний , либо слой , правый заполнитель на панели «Слои», чтобы выбрать его (в зависимости от того, в какой из них вы добавляете фотографию).

Нажмите Ctrl + V (Win) / Command + V (Mac), чтобы вставить фотографию в документ. Photoshop поместит фотографию на свой собственный слой прямо над выбранным вами слоем-заполнителем. Используйте инструмент Move Tool , чтобы перетащить фотографию поверх формы заполнителя, если необходимо, затем перейдите в меню Layer вверху экрана и выберите Create Clipping Mask . Наконец, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть поле Free Transform и обработать изображение.Удерживая нажатой клавишу Shift , перетащите угловые маркеры, чтобы изменить размер фотографии. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы выйти из Free Transform.

Вот мой документ с рамкой после добавления фотографий в среднюю и правую части:

Окончательный результат из трех фотографий.

Шаг 23. Преобразование трех фотографий в смарт-объекты

Для оставшихся нескольких шагов вам понадобится Photoshop CS2 или выше. Мы увидим, насколько легко использовать наш окончательный результат в качестве шаблона, заменяя другие фотографии в кадре и вне кадра по мере необходимости, используя смарт-объектов , которые были впервые представлены в Photoshop CS2.

На панели «Слои» щелкните слой, содержащий первую добавленную нами фотографию (тот, который находится непосредственно над слоем «заполнитель слева»), чтобы выбрать его. Он должен быть на слое с именем «Layer 1»:

Щелкните «Слой 1», который содержит первую добавленную нами фотографию.

Выбрав слой, Щелкните правой кнопкой мыши (Win) / Щелкните имя слоя, удерживая клавишу Control, (Mac) и выберите Преобразовать в смарт-объект в появившемся меню:

Выберите в меню «Преобразовать в смарт-объект».

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

На миниатюре предварительного просмотра слоя появляется маленький значок смарт-объекта.

Сделайте то же самое с двумя оставшимися изображениями (которые вы найдете на «Layer 2» и «Layer 3»), сначала щелкнув слой на панели Layers, затем Щелкните правой кнопкой мыши (Win) / Control — щелкнув (Mac) на имени слоя и выбрав в меню Convert to Smart Object .Когда вы закончите, все три фотографии должны иметь значок смарт-объекта в правом нижнем углу эскиза предварительного просмотра их слоя.

Шаг 24. Замените содержимое каждого смарт-объекта, чтобы добавить разные фотографии

Теперь, когда все три слоя с фотографиями преобразованы в смарт-объекты, щелкните еще раз «Слой 1» на панели «Слои», чтобы выбрать фотографию слева, затем Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните (Mac) один раз снова в названии слоев, чтобы открыть то же меню, которое мы видели минуту назад.На этот раз выберите в меню Заменить содержимое :

Снова выберите «Слой 1», затем щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу «Control» (Mac), и выберите в меню «Заменить содержимое».

Откроется диалоговое окно Photoshop Place . Перейдите в папку на жестком диске, содержащую фотографию, которой вы хотите заменить первое изображение. У меня есть три новые фотографии, сохраненные в папке на моем рабочем столе. Щелкните имя фотографии, которую хотите использовать, затем нажмите кнопку Place :

Щелкните имя фотографии, затем щелкните «Поместить».

Как только вы нажимаете кнопку «Поместить», Photoshop заменяет исходную фотографию новой фотографией в документе! Если вам нужно изменить размер нового изображения, нажмите Ctrl + T (Win) / Command + T (Mac), чтобы открыть маркеры Free Transform , затем перетащите угловые маркеры, чтобы изменить его размер, как мы это делали с исходную фотографию, удерживая нажатой клавишу Shift при перетаскивании, чтобы ограничить соотношение сторон. Опять же, если вы не видите маркеры, потому что изображение слишком велико для размещения в окне документа, нажмите Ctrl + 0 (Win) / Command + 0 (Mac), чтобы переключиться на Fit на экране режим просмотра.Нажмите еще раз, когда закончите изменять размер изображения:

Если новое изображение кажется слишком большим, измените его размер с помощью команды «Свободное преобразование».

Нажмите Введите (Win) / Верните (Mac), когда вы закончите, чтобы принять преобразование и выйти из Free Transform:

Левое фото заменено.

Сделайте то же самое с двумя другими фотографиями, чтобы поменять их местами с другими изображениями. Сначала выберите слой фотографии на панели «Слои» («Слой 2» или «Слой 3»), затем Щелкните правой кнопкой мыши (Win) / , удерживая клавишу Control, щелкните имя слоя (Mac) и выберите Заменить содержимое из появившееся меню.Когда появится диалоговое окно «Поместить», выберите новую фотографию, которую хотите использовать, затем нажмите кнопку « Поместить ». Если вам нужно изменить размер нового изображения, нажмите Ctrl + T (Win) / Command + T (Mac) и перетащите угловые маркеры Free Transform, удерживая при перетаскивании Shift . Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы выйти из Free Transform.

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

Заменить исходные изображения на новые стало просто благодаря смарт-объектам!

Убедитесь, что вы сохранили документ как Photoshop.PSD , когда вы закончите, чтобы вы не повредили слои и смарт-объекты, готовые к следующему разу, когда вам нужно будет повторно открыть файл и добавить новые фотографии!

Как создавать шаблоны изображений в Photoshop для Pinterest ~ Elan Creative Co.

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

Вот несколько функций, которые помогают мне создавать изображения в Photoshop:

Посмотрите, как я создаю шаблоны изображений в Photoshop

Пожалуйста, подпишитесь на канал Elan Creative Co, если вы хотите увидеть больше видеоуроков.

Смотрите видео на Youtube.

Макет и размер

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

Образцы цвета

Откройте окно «Образцы», перейдя в окно Windows / Образцы . После очистки стандартного образца вы можете добавить цветовую схему, выбранную для своего блога. Вы можете сохранить его из раскрывающегося меню в правой части панели.

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

Работа со слоями и папками

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

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

Мои шаблоны разделены на три папки:

  • фон: здесь я храню все фоны, которые использую; вы можете легко сделать фон невидимым, щелкнув значок глаза в левой части слоя
  • посередине: здесь я храню все графические элементы, такие как линии или значок PSD, которые вы можете увидеть на избранном изображении
  • текст: как следует из названия, это для текстовых файлов; Я использую два шрифта, и шаблон изображения помогает мне запомнить их имена

Совет: Если фоновое изображение слишком темное, вы можете осветлить его, уменьшив непрозрачность.

Подробнее: Работа со слоями в Photoshop

Использование линейок и направляющих

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

Вы можете получить доступ к линейкам из View / Rulers или нажав Ctrl + R . Чтобы построить направляющую, вам просто нужно щелкнуть горизонтальную или вертикальную линейку и перетащить ее в нужное положение.Если у вас установлен флажок «Привязка» ( View / Snap ), направляющая защелкнется, когда окажется в середине вашего холста. Вы также можете почувствовать то же самое с вашим текстом или изображениями.

Единообразная типографика

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

Сохранение шаблона

Вы должны сохранить свой шаблон как PSD. Таким образом, вы можете редактировать его столько раз, сколько захотите. Если изображения, которые вы создаете, предназначены для использования в Интернете, вам следует использовать опцию «Сохранить для Интернета».

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

Если у вас нет Photoshop, существует множество бесплатных альтернатив.

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

Загрузите 3 бесплатных шаблона изображений для блога из библиотеки

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

Для создания графики в блоге требуется Adobe Photoshop CS5 или новее и базовые навыки работы с Photoshop.

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

Подпишитесь на рассылку новостей, чтобы получить доступ к нашей библиотеке.

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

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

Опубликовано: автор Heidi. Этот пост может содержать партнерские ссылки. 9 комментариев

Поскольку в последнее время я делюсь шаблонами, я хочу показать вам, как использовать шаблон Photoshop. Мне жаль, что я не знал, как я впервые начал цифровую ломку. Когда я начинал, я все делал по-своему. Я использовал шаблоны, но создавал свои проекты на их основе — используя их как руководство.Я кропотливо обрезал и изменил размер каждого изображения и бумаги, чтобы они соответствовали формам на шаблоне. Я понятия не имел, как их использовать. Хотел бы я знать, сколько времени они экономят!

Если вы меня вообще знаете, то знаете, что мне нравится все делать по-своему. Я просто не умею что-либо делать. Если я собираюсь делать фартук, я не могу просто следовать выкройке. Придется добавить что-то сложное, например, окантовку лентой. Если я хочу купить Adobe Photoshop Elements и приступить к цифровому редактированию, я не могу просто начать с простого макета.Я должен спланировать всю букварь. Я немного чокнутый. Это неизлечимо. Я ничего не могу поделать.

Выше J-страница моей первой книги. Я создал его по шаблону от PurpleTulipDesigns. Я не правильно сделал. Я сделал это нелегко. К счастью, к тому времени, когда я снова использовал шаблон для букв E, V и W, я уже все понял! Готовы научиться пользоваться шаблоном Photoshop? Я покажу вам, как я должен был создать J-страницу. Вот так!

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

А теперь секрет трюка. Большинство людей создают обтравочную маску, но это быстрый способ сделать то же самое. На панели слоев (это панель, которую вы видите на изображении выше, наведите курсор мыши между слоем рамки и слоем фотографии.Вы увидите значок с указательным пальцем. Теперь нажмите клавишу Alt. Значок изменится на два связанных круга с маленькой стрелкой. Удерживая нажатой клавишу Alt, щелкните мышью (щелкните левой кнопкой мыши). Ваш слой с фотографией переместится вправо на панели слоев. Это показывает, что слой с фотографией привязан к слою рамки.

Теперь вместо того, чтобы перекрывать рамку, ваша фотография будет полностью внутри рамки. (См. Ниже.) Теперь вы можете изменить размер и разместить фотографию внутри рамки. Размер кадра не изменится.Разве это не круто? Разве вы не хотели бы делать то же самое с бумажными отходами?

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

Еще одна подсказка. Если вы переместите рамки, изображения не будут двигаться вместе с ними. Вы можете связать рамку и изображение вместе, выделив оба слоя (используйте cntl + щелчок), а затем щелкнув значок в верхней или нижней части панели слоев (в зависимости от того, используете ли вы Photoshop или Elements), который выглядит как две ссылки в цепь.Это свяжет слои вместе. Чтобы отключить их, просто щелкните значок цепочки еще раз.

Вуаля! Готово! Еще одна замечательная вещь в шаблонах — это то, что вы можете использовать их снова и снова для создания новых дизайнов. Я использовал их для нескольких разных макетов в одной книге. Попробуйте повернуть весь шаблон или изменить отдельные элементы дизайна, чтобы придать новый вид. (На изображении ниже вы увидите две J-страницы. Это потому, что несколько лет спустя я сделала еще одну книгу для своей другой дочери.)

Итак, теперь, когда вы знаете, как использовать шаблон, вы готовы использовать мой бесплатный шаблон Photoshop для Дня отца или мой шаблон обложки для Facebook.

Хотите увидеть фартук, о котором я говорил? Вот!

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

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

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

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

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

Чтобы сделать шаблон коллажа в Photoshop, вам потребуется:

  1. Создайте новый слой и залейте его цветом
  2. Измените размер и продублируйте этот слой, чтобы сформировать узор коллажа
  3. Добавьте обтравочную маску, чтобы ограничить фото, чтобы оно соответствовало каждой конкретной форме
  4. Создайте новую обтравочную маску для каждого изображения, пока все не будет иметь заданную форму
  5. Экспорт шаблона коллажа в файл PSD для дальнейшей работы

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

Есть ли в Photoshop шаблоны коллажей?

Прежде чем начать, вам может быть интересно, есть ли в Photoshop какие-либо встроенные шаблоны коллажей. К сожалению, в Photoshop нет шаблонов, но их множество бесплатно в Интернете.

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

Как создать собственные шаблоны коллажей

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

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

Ниже мы рассмотрим, как сделать простой коллаж из сетки 3 × 3 . Вы можете менять эти квадратные формы на другие формы по своему желанию.

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

Шаг 1. Пакетный импорт изображений

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

Таким образом, вы можете импортировать сразу все свои коллажи, чтобы сэкономить время.

После создания папки изображений коллажа создайте новый документ Photoshop ( Command / Control + N ) с желаемыми размерами вашего коллажа.В этом примере я сделаю квадратный документ размером 2000 × 2000 пикселей с 300PPI .

Использование более высокого разрешения (PPI) улучшит качество изображения, если вы решите распечатать коллаж.

Нажмите , создайте , чтобы открыть новый документ в Photoshop.

Пришло время импортировать фотографии. Вместо того, чтобы выполнять их по отдельности (потому что кто хочет тратить время), давайте импортируем их все вместе. Просто зайдите в File> Scripts> Load Files Into Stack.

В новом диалоговом окне нажмите Обзор и найдите фотографии для коллажа на своем компьютере. Это должно быть легко, так как вы заранее поместите их все в специальную папку для коллажей!

Дважды проверьте, что ваши файлы перечислены в меню файлов, нажмите ОК, чтобы начать импорт фотографий.

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

Затем создайте группу, нажав Command + G (Mac) или Control + G (ПК). Это упростит перенос ваших изображений в шаблон коллажа позже.

Затем, просматривая каждое изображение в вашей группе индивидуально, щелкните правой кнопкой мыши на слое и перейдите к Преобразовать в смарт-объект.

Превращение каждого слоя в смарт-объект дает вам возможность масштабировать изображения без потери качества.Это будет очень важно, когда вы начнете вставлять фотографии в коллаж! Подробнее об этом позже.

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

Щелкните вкладку коллажа, чтобы переключиться на другое окно Photoshop.

Шаг 2. Создайте шаблон сетки для коллажа

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

Выбрав новый слой, установите цвет переднего плана на черный (или любой другой цвет кроме белого ) и нажмите Option + Delete (Mac) или Alt + Delete (ПК), чтобы заполнить слой цветом.

Чтобы изменить масштаб слоя, чтобы он соответствовал сетке коллажа 3 × 3, которую мы создадим, нажмите Command + T (Mac) или Control + T (ПК), чтобы получить доступ к инструменту преобразования.

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

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

Просто разделите 100 на количество фотографий в строке, чтобы получить правильное процентное значение для использования.

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

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

Самый простой способ сделать это — удерживая Alt или Option (ПК / Mac), затем щелкнув и перетащив на фигуру. Это автоматически дублирует и одновременно перемещает слой.

Повторите этот процесс дважды, пока три отдельных квадрата не заполнят весь ряд.

В некоторых случаях документы определенных размеров могут оставлять небольшие промежутки между фигурами. Чтобы избавиться от них, выберите слой с помощью инструмента «Перемещение» ( V ) и используйте клавиши со стрелками, чтобы переместить слой в нужное положение.

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

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

— Организация строки изображений

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

Удерживая нажатой клавишу Shift, щелкнув все три квадратных слоя, чтобы выбрать их, нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать их. Переименуйте эту группу в «Верхний ряд».

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

— Дублирование первой строки для заполнения шаблона

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

Выбрав верхнюю группу строк, нажмите Command + J (Mac) или Control + J (ПК), чтобы скопировать группу.

Возьмите инструмент «Перемещение», нажав V , и перетащите строку вниз, пока она не поместится в центре холста.

Переименуйте эту дублированную группу в «Средний ряд».

Повторите этот процесс со средней строкой, нажав Command + J (Mac) или Control + J (ПК), чтобы скопировать их сгруппировать, используя инструмент перемещения, чтобы расположить ее внизу.

Переименуйте эту последнюю группу в «Нижний ряд».

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

Как и в случае со слоями, небольшая разница в размерах не будет заметна в вашем коллаже Photoshop.

Пустое пространство между строками

Пустое пространство, заполненное перемещением строки с помощью клавиш со стрелками.

Шаг 3. Обрежьте изображения по форме каждой строки

Теперь начинается самое интересное, и вы можете добавлять фотографии в свой шаблон коллажа! Переключая окна, чтобы найти изображения, выберите инструмент «Перемещение» ( V ) и щелкните групповой слой.

Затем щелкните и перетащите эту группу на другую вкладку , чтобы перенести ее в свой шаблон коллажа. Отпустите курсор при наведении курсора на шаблон коллажа. Все ваши фотографии теперь будут в том же проекте, что и ваш шаблон.

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

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

Теперь ваша фотография будет видна только внутри той формы, к которой она была вырезана. Вы можете использовать инструмент «Перемещение» ( V ), чтобы изменить масштаб и расположить изображение так, чтобы оно лучше вписывалось в форму. Поскольку слой изображения представляет собой смарт-объект, вы можете увеличивать или уменьшать его масштаб без потери качества!

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

Шаг 4. Добавление линий между изображениями в коллаже

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

Щелкните и удерживайте инструмент «Область» на панели инструментов, чтобы открыть выделение одной строки и одного столбца. Для этого я буду использовать выделение в один столбец.

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

При активном выборе установите белый цвет переднего плана и нажмите Option + Delete (Mac) или Alt + Delete (ПК), чтобы залить выделение белым цветом.

Нажмите Command + D (Mac) или Control + D (ПК), чтобы отменить выбор после того, как закончите.

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

Чтобы ускорить процесс, вы можете продублировать эту строку, чтобы снова использовать ее для дополнительных строк.Выделив линейный слой, возьмите инструмент перемещения ( V ), удерживайте Alt или Option (ПК / Mac), щелкните и перетащите из своей линии, чтобы дублировать ее. Соответственно переместите эту вторую строку в другой столбец.

Создав два новых линейных слоя, щелкните, удерживая клавишу Shift, между верхней и нижней линиями и нажмите Command + G (Mac) или Control + G (ПК), чтобы сгруппировать их. Переименуйте эту группу в «Граница столбца».

Чтобы упростить жизнь строкам, продублируйте группу столбцов, нажав Command + J (Mac) или Control + J (ПК).Выберите инструмент перемещения, нажав V , и поверните границы столбцов, пока они не выровняются со строками вашего коллажа. После этого переименуйте эту группу в «Rows Border».

— Обводка всего коллажа цветной рамкой

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

Создайте новый слой в верхней части стека слоев и установите цвет переднего плана на черный .Залейте этот новый слой черным, нажав Option + Delete (Mac) или Alt + Delete (ПК).

Измените режим наложения слоя с Normal на Screen , чтобы сделать весь черный прозрачный.

Затем дважды щелкните свой слой, чтобы открыть опцию стилей слоя. Выберите опцию Stroke , установите положение внутри , выберите цвет и отрегулируйте размер вашего штриха.Нажмите ОК , когда будете довольны результатом.

Теперь у вас будет цветной контур по краям коллажа, который добавит приятный эффект вашему шаблону!

Шаг 5. Сохранение шаблона коллажа в формате PSD

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

Все, что осталось — сохранить шаблон!

Чтобы начать процесс, перейдите к Файл> Сохранить как.

Затем переименуйте файл и выберите место для сохранения на вашем компьютере.

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

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

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

Нажмите «Сохранить», и ваш шаблон коллажа Photoshop готов!

Получите доступ к 5 бесплатным шаблонам коллажей для Photoshop

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

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

Щелкните здесь, чтобы получить доступ к этим 5 бесплатным шаблонам!

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

Счастливого коллажирования!

— Брендан 🙂

Связанные

Учебное пособие по Photoshop: создание фото шаблона смарт-объекта

Покойный (великий!) Писатель-фантаст Дуглас Адамс однажды сказал: «Я люблю дедлайны. Мне нравится свистящий звук, который они издают, когда проходят мимо ». К сожалению, этот «свистящий шум» слишком знаком, и в сегодняшнем экономически напряженном мире сроки выполнения критически важны.В конце концов, чтобы получить деньги в карман, нужно выпускать проекты на рынок! К сожалению для большинства креативщиков, солнце встает каждый день только для того, чтобы освещать список дел длиной в милю и горы электронных писем. Черт возьми, это чудо, что мы вообще можем встать с постели!
К счастью, смарт-объекты Photoshop позволяют вам работать умнее, а не усерднее, экономя массу времени. Из этого урока вы узнаете, что такое смарт-объект, чем он полезен и как с его помощью можно создавать одни из самых красивых фото шаблонов, которые вы когда-либо видели.Затем используйте то, чему вы научились, для создания собственных безграничных умных эффектов!
Что такое смарт-объект?
Хотя Adobe называет смарт-объект контейнером, «чудо-слой» лучше подходит. Смарт-объекты (которые дебютировали еще в Photoshop CS2) позволяют работать со всеми типами файлов изображений, даже с теми, которые не были созданы в Photoshop (например, Camera Raw и векторные файлы). Когда вы открываете изображение как смарт-объект или помещаете его в существующий документ, Photoshop запоминает все об оригинале, включая его размер и формат файла.Это позволяет:
Изменить размер содержимого без потери качества. Вместо изменения размера экземпляра (копии) содержимого, которое вы вставили в документ, Photoshop запоминает информацию об оригинале, изменяет ее размер, а затем помещает эту информацию обратно в ваше изображение (оставляя фактический исходный файл без изменений). Не имеет значения, находится ли этот оригинал где-нибудь на жестком диске (вектор, файл Camera Raw и т. Д.) Или прямо в документе Photoshop (скажем, на другом слое).В мгновение ока Photoshop обновляет ваш документ содержимым с новым измененным размером. Если это векторное изображение, вы можете сделать его большим, и оно не будет выглядеть блочно. Если это пиксельное изображение, убедитесь, что оно не превышает исходный размер. А если вы используете CS4, вы также можете использовать весь спектр команд преобразования для смарт-объектов.
Неразрушающим образом сожмите группу слоев в один. В отличие от объединения слоев, вы можете преобразовать несколько слоев в один смарт-объект и сохранить исходные слои.Это полезно, если Photoshop задыхается от количества слоев, имеющихся в вашем документе, или если вы хотите редактировать несколько слоев, как если бы они были одним (например, когда вы применяете стили слоев).
Запустите фильтры без разрушения. Когда вы запускаете фильтр для смарт-объекта, фильтрация происходит на новом слое. Таким образом вы можете настроить или отменить эффекты фильтра. У них даже есть собственная маска слоя, позволяющая скрыть эффект фильтра в определенных областях. Дополнительные сведения о смарт-фильтрах см. В следующем руководстве.
Обновление нескольких экземпляров одного и того же содержимого. Если вы разместили одно и то же содержимое в нескольких местах документа — например, большой логотип в одном месте и меньшую версию того же логотипа в другом месте — и вы вносите изменения в исходный файл, Photoshop автоматически обновит его для вас везде. он появляется в вашем документе. Сладкий!
Обмен содержимым. После того, как вы правильно отформатировали смарт-объект, вы можете поменять его содержимое на другое изображение, и новое изображение примет атрибуты оригинала.Это мощная магия, когда дело доходит до создания креативных шаблонов, которые можно использовать снова и снова, но с разными изображениями (фотографы любят такие вещи).
Хотя диапазон эффектов, которые вы можете создать с помощью шаблона смарт-объекта, безграничен, сегодня вы узнаете, как создать такой, который преобразует цветное изображение в черно-белое, придает ему оттенок сепии и виньетку. Вот как это сделать.
Шаг 1
Запустите Photoshop и выберите «Файл»> «Открыть как смарт-объект». Перейдите туда, где находится изображение на жестком диске, и нажмите «Открыть» (вы можете использовать различные форматы файлов, включая Raw, JPEG, TIFF, EPS и т. Д.).). Затем Photoshop создаст новый документ, содержащий изображение как смарт-объект (обратите внимание на маленький значок смарт-объекта на миниатюре слоя, обведенном ниже).

Step 2
Создайте корректирующий слой «Черно-белый» с помощью новой панели «Коррекция» в Photoshop CS4 (показанной внизу слева) или щелкнув половину черного / полубелого круга в нижней части панели «Слои» (как показано ниже) справа).

Step 3
Если вы используете CS4, вы увидите набор ползунков на панели настроек.Если вы используете CS3, откроется диалоговое окно, содержащее тот же набор ползунков. В любом случае вы можете настраивать ползунки цвета, пока не получите высококонтрастное черно-белое изображение. ПРИМЕЧАНИЕ. Если вы работаете в CS3, пока не закрывайте диалоговое окно «Черно-белое»!

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

Шаг 5
На панели «Слои» щелкните один раз, чтобы выбрать слой с фотографией смарт-объекта, а затем выберите «Фильтры»> «Искажение»> «Коррекция объектива». В появившемся миниатюрном диалоговом окне (ха!) Снимите флажок сетки в самом низу, чтобы вы могли видеть, что, черт возьми, вы делаете.Затем наведите указатель мыши на правую часть диалогового окна и найдите раздел под названием «Виньетка». Возьмите ползунок «Сумма» и перетащите его до упора влево, и края вашего изображения сразу же потемнеют. Чтобы сделать их еще темнее, перетащите ползунок «Средняя точка» влево. По завершении нажмите ОК.

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

Step 6
Сохраните шаблон, выбрав «Файл»> «Сохранить как», дайте ему умное имя, например «My Way Cool Smart Sepia Template», и нажмите «Сохранить».
Шаг 7
Чтобы поменять местами фотографии, откройте шаблон, наведите указатель мыши на панель «Слои» и, удерживая нажатой клавишу «Ctrl» (щелкните правой кнопкой мыши на ПК), нажмите слой фотографии смарт-объекта. В появившемся меню выберите «Заменить содержимое», перейдите туда, где находится новое изображение, и нажмите «Поместить».

Загляните в панель «Слои», и вы увидите, что фотография действительно изменилась:

И вы также увидите, что новая фотография сделана со всеми эффектами оригинала:

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

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

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

Чтобы помочь нашим читателям GIMP, я создал новый набор шаблонов, и когда я их делал, мне показалось хорошей идеей включить инструкции для Photoshop и Photoshop Elements, а также для GIMP. Вот как использовать загружаемый шаблон для создания монтажа изображений:

Начните с посещения этого сайта и загрузите zip-файл шаблона.

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

Когда вы откроете его, вы обнаружите, что есть ряд слоев. На этом этапе верхний слой можно отключить или удалить. Следующие два слоя — это инструкции для пользователей GIMP и Photoshop. Опять же, вы можете отказаться от этих двух слоев.

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

В шаблоне щелкните слой A, затем щелкните первое изображение и перетащите слой фона из первого изображения в основное изображение.

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

Вы можете точно настроить размещение и размер, перемещая содержимое нового слоя.


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

Повторите это для слоя C, используя третье изображение.

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

Этот же процесс можно использовать в Photoshop Elements.

Обзор создания шаблонов в Photoshop

Customer’s Canvas может импортировать шаблоны из файлов PSD. В результате он преобразует их во внутренний формат .st на основе JSON. В большинстве случаев вам не следует иметь дело с .st напрямую, поэтому, вероятно, проще думать об этом как о «открытии» файлов PSD в веб-дизайнере для печати.

Примечание

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

Действительные шаблоны PSD

Вы не можете передать произвольный файл PSD на холст клиента. Однако какие файлы PSD вы можете открывать?

Customer’s Canvas работает с многослойными файлами PSD, содержащими изображения, текст, фигуры и интеллектуальные слои. Цветовой формат должен быть RGB, CMYK или Grayscale. Он не должен содержать эффектов причудливых слоев — вы должны по возможности сгладить их.

Текстовые слои могут содержать следующие настройки шрифта:

  • Название и размер шрифта
  • Стиль: полужирный, курсив, искусственный жирный, искусственный курсив и т. Д.
  • Цвет
  • Отслеживание (интервал между символами) и интерлиньяж (интервал между базовыми линиями)

И следующий параграф настроек:

  • Выравнивание
  • Отступ первой строки, отступ слева и отступ справа
  • Пробел до и пробел после

Остальные параметры игнорируются.

Customer’s Canvas поддерживает как текстовые слои «Точка», так и «Абзац». Эти текстовые слои могут быть ориентированы вертикально или горизонтально.В Point Text у вас всегда есть одна позиция, которая указывает, где находится текст (в зависимости от выбранного режима выравнивания, который определяет левую, центральную или правую позицию слоя), а Paragraph Text определяет границы. Если текст превышает это поле, он обрезается.

Важно помнить, что если пользователь редактирует слой Point Text, его можно разбить на несколько строк, нажав Enter . Если вы хотите ограничить пользователя одной строкой текста, используйте слои текста абзаца с высотой, равной размеру шрифта.

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

Теперь давайте попробуем создать шаблон PSD, совместимый с Customer’s Canvas.

Учебное пособие: первый шаблон

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

Если мы собираемся печатать наши визитки с разрешением 300 DPI, а размер визитки 3×5 дюймов, давайте воспользуемся фоновым изображением размером 900×1500 пикселей. Откройте это изображение в Photoshop.

Теперь давайте создадим текстовый слой. Чтобы создать слой «Точечный текст», щелкните инструмент «Текст» на панели «Инструменты » , а затем щелкните то место, куда вы хотите поместить текст. Введите образец текста, чтобы пользователи знали, какие данные они должны вводить.

Чтобы вставить логотип, просто найдите образец логотипа и вставьте его как слой изображения.

В результате должно получиться примерно так:

Чтобы открыть шаблон на холсте клиента, поместите его в папку \ assets \ designs \ и инициализируйте продукт, используя имя шаблона. Вы должны увидеть что-то вроде этого:

Вы можете захотеть управлять поведением шаблона в дизайнере web-to-print, например, заблокировав положение слоя (не допустив его перемещения пользователем), но разрешив редактировать текстовую строку.Форматирование в Photoshop для этого недостаточно гибкое. Вот почему мы создали систему так называемых маркеров — специальных символов, которые вы добавляете к имени слоя, которые используются холстом клиента для управления разрешениями для каждого элемента. Вы можете найти подробную информацию о синтаксисе маркеров и их полный список в теме Поддерживаемые маркеры.

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

Чтобы пометить фон как нередактируемое изображение, дважды щелкните имя соответствующего слоя в Photoshop и добавьте к нему . Нет разницы, в каком месте вы ставите маркер — в начале имени, в конце или где-то внутри строки. Более того, вы можете оставить только маркер, если хотите.

Вы можете заблокировать положение текста аналогичным образом. Дважды щелкните имя текстового слоя и добавьте маркеры и , чтобы запретить перемещение текста по горизонтали и вертикали.

В результате список названий слоев выглядит следующим образом:

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

Подготовка шаблонов холста заказчика из существующих файлов PSD

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

Вот список наиболее частых взаимодействий с файлами PSD и рекомендации по их устранению.

Сбой при визуализации пробных изображений с исключением

В

Photoshop CC 2020 появился инструмент Enhanced Warp Tool. Если вы разработали макет для предварительного просмотра в 3D, вы, скорее всего, применили преобразование деформации к смарт-объектам.Однако холст клиента не может читать преобразования, созданные этим инструментом.

Решение : Избегайте использования преобразования деформации в Photoshop CC 2020.

PSD-файл не открывается

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

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

Невидимые слои видны

«Холст клиента» игнорирует флаг «Видимость» слоя.

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

Параметры слоя игнорируются

«Холст клиента» игнорирует такие параметры слоя, как «Блокировка», «Заливка», «Непрозрачность» и т. Д.

Решение : Вам следует избегать использования этих параметров. Попробуйте объединить слои с такими параметрами в слой изображения. Также вы можете создать альфа-канал, используя маску слоя. Для этого щелкните правой кнопкой мыши маску на вкладке Layers , а затем нажмите Apply Layer Mask .

Без визуальных эффектов

Холст клиента не может считывать информацию о визуальных эффектах (свечение, атлас и т. Д.).

Решение для фиксированных слоев: превратите визуальные эффекты в отдельные слои изображения. Для этого щелкните правой кнопкой мыши в представлении «Слои» и выберите Создать слой .

Слои корректировки, эффекта и заливки игнорируются

Customer’s Canvas поддерживает растровые (изображения) слои, векторные фигуры, смарт-объекты и текстовые слои.

Решение : примените или сгладьте все эти слои перед открытием шаблона на холсте клиента.

Некоторые настройки шрифта / абзаца не применяются

Холст клиента считывает только следующие параметры шрифта:

  • Название и размер шрифта
  • Стиль: полужирный, курсив, искусственный жирный, искусственный курсив и т. Д.
  • Цвет
  • Отслеживание (интервал между символами) и интерлиньяж (интервал между базовыми линиями)

И следующий параграф настроек:

  • Выравнивание
  • Отступ первой строки, отступ слева и отступ справа
  • Пробел до и пробел после

Шаблон загружается слишком медленно

Это происходит, если в шаблоне много слоев, особенно слоев изображений.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *