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

Содержание
  1. Как сделать шаблон картинок в Adobe Photoshop Или в
  2. Шаг 3. Поле для текста
  3. Добавляем скрин
  4. Шаг 5. Добавление текста
  5. Шаг 6. Сохранение документа
  6. Пошаговая инструкция для «Фотошопа»-онлайн
  7. Шаг 3
  8. Результат
  9. Создание шаблона в Photoshop
  10. Как создаётся шаблон
  11. Правила создания простого шаблона
  12. Правила создания шаблона на основе трёх слоёв
  13. Как вставляется фотография в шаблон
  14. Правила вставки изображения в шаблон
  15. Как грамотно организовать PSD-файлы в Фотошоп? / Фотошоп-мастер
  16. 1. Используйте Направляющие и Сетки
  17. 2. Используйте смарт-объекты для повторяющихся элементов
  18. 3. Работайте с группами слоев и их масками
  19. 4. Давайте имена и различные цвета вашим слоям
  20. 5. Старайтесь поддерживать четкость текста
  21. 6. Используйте Композиции слоев вместо нескольких PSD файлов
  22. 8. Используйте Векторные фигуры всегда, когда это возможно
  23. 9. Используйте образцы для согласованных цветов
  24. 10. Удаляйте ненужные слои
  25. Как сделать шаблон для инстаграм
  26. Как сделать шаблон для инстаграм в фотошопе
  27. Трансформация фигуры
  28. Создание верха заготовки
  29. Создание объёма
  30. Эффекты с бликами
  31. Эффект боке
  32. Как в канве сделать шаблон для инстаграм
  33. Как сделать заготовку для поста в picsart
  34. Настройка размера
  35. Добавляем надпись
  36. Как пользоваться шаблонами для инстаграм
  37. Как редактировать готовый шаблон в фотошопе
  38. Как вставить видео в пост
  39. Как вставить фото в фото в фотошопе
  40. Подготовка фотографий. Загружаем в фотошоп
  41. Вставляем фотографии
  42. Обработка вставленных фото
  43. Сохраняем фото

Как сделать шаблон картинок в Adobe Photoshop Или в

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

Программа создаст ваш прямоугольник на отдельном слое.

В итоге у вас должна получиться вот такая картинка.

Цветной прямоугольник с черной обводкой внутри белого.

Шаг 3. Поле для текста

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

Для этого обязательно создаём новый слой.

Это можно сделать из верхнего меню →

Или с помощью панели инструментов справа →

Далее по уже знакомому пути.

Выбираем инструмент «Прямоугольник» в левой панели инструментов. На верхней панели выставляем белый цвет заливки.

Очень узким его делать не надо, так как текст у вас, наверное, будет крупным.

Шаблон создан, сохраняем в формате *.psd. Файл в таком формате можно редактировать: добавлять (менять) изображения и подписи.

Обычно используют два типа изображений:

  • готовые картинки (файлы форматов *.jpeg, *.png и т.п.)

Добавляем готовую картинку

Открываем изображение →

Выбираем файл. При открытии файла появится предупреждение, нажмите клавишу «ОК». Файл откроется отдельной вкладкой.

Так выглядит меню справа.

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

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

В поле «Назначение ーдокумент» нужно выбрать название шаблона. У меня он называется «Без имени-2». После выбора нужного документа нажимаем «ОК».

Результат →

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

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

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

Находимся на «Слое 1», нажимаем сочетание клавиш CTRL+T (режим свободной трансформации). У нашей картинки появляется рамка. Картинка большая, поэтому видно только ее часть.

Для того чтобы изменить размеры изображения одновременно:

  • нажимаем и удерживаем левую клавишу мыши в видимом уголке рамки
  • сдвигаем изображение внутрь (наружу)

Уменьшение большой картинки происходит за несколько шагов: уменьшили ➝ передвинули картинку по экрану ➝ уменьшили ➝ передвинули. Таким образом достигаем нужного размера.

У меня получилось вот так →

Если картинка небольшого размера, то ее нужно не сжимать, а наоборот, — растягивать.

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

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

При выделенном «Слое 1» нажимаем клавишу «Alt» и кликаем мышкой.

Так картинка не выходит за пределы прямоугольника.

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

Если картинку нужно подвигать внутри рамки, то при выделенном «Слое 1», выбираем инструмент «Перемещение» в левой панели инструментов.

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

Добавляем скрин

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

Например, это можно сделать приложением LightShot или скриншотилкой от Яндекс.Диска.

Выделенную область копируем привычным «Ctrl+C». Вставку изображения через «Ctrl+V» делаем сразу на шаблон. Изображение отражается отдельным слоем.

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

Шаг 5. Добавление текста

Мышкой кликаем по слою «Прямоугольник 2».

В левом углу панели выбираем инструмент «Текст», в верхнем меню выставляем параметры: название шрифта, толщину и размер.

Кликаем мышкой по белому прямоугольнику и теперь можем набирать текст — подпись к картинке.

Текст накладывается поверх прямоугольника отдельным слоем.

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

«Захватить» текст мышкой и переместить в нужном направлении.

Шаг 6. Сохранение документа

Картинку можно сохранить в двух форматах:

*.psd ー формат «Фотошопа», сохраняет все слои, позволяет вносить изменения в документ. В таком формате документ можно использовать только в программе «Фотошоп», в других программах он открываться не будет.

2) *.png ー формат рисунка. После сохранения внести изменения в документ не получится. Этот формат позволяет использовать картинку в текстах, соцсетях и других графических редакторах

Файлы с картинками лучше всего сохранять и в формате *.psd, и в формате *.png.

Пошаговая инструкция для «Фотошопа»-онлайн

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

В «Фотошопе»-онлайн используются уже готовые изображения. Это значит, что картинку нужно заранее скачать, а скрин сохранить как картинку.

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

Шаг 1

Запускаем программу http://online-photoshop.org/edit

Открываем нужную картинку.

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

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

Для изменения размера исходного изображения воспользуемся меню:

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

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

Когда картинка достигнет нужных размеров, не забудьте нажать «Enter». Рамка должна исчезнуть.

Шаг 3

На этом шаге сделаем прямоугольник для подписи к картинке.

Сначала создаем новый слой.

В панели инструментов нажимаем значок «Рисование».

Сразу выставляем настройки, особенно цвет заливки.

После этого рисуем прямоугольник.

На этом шаге сделаем подпись к рисунку.

Как обычно, создаем новый слой.

В панели инструментов нажимаем значок «Текст».

Кликаем по белому прямоугольнику.

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

Чтобы переместить подпись, нужно воспользоваться инструментом «Перемещение».

На этом шаге обрежем лишнее. В панели инструментов нажимаем значок «Обрезка».

Растягиваем рамку вокруг рисунка.

Сохраняем полученную картинку. Для этого воспользуемся верхним меню.

Выбираем формат *.png, нажимаем «Да».

Открывается папка для сохранения. Придумываем имя файла и сохраняем.

Результат

Adobe Photoshop

С квадратной картинкой.

С прямоугольной картинкой.

«Фотошоп»-онлайн

С квадратной картинкой.

С прямоугольной картинкой.

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

  • выполнять всё шаг за шагом

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

Источник: https://free-writing.ru/kak-sdelat-shablon-v-photoshop/

Создание шаблона в Photoshop

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

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

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

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

Как создаётся шаблон

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

Правила создания простого шаблона

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

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

Выберите фото, которое послужит исходником вашего шаблона

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

Такие фотографии можно сделать, если предварительно подготовить шаблон в Фотошопе.

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

Для более комфортной работы с изображением желательно увеличить масштаб, что также легко достигается комбинацией клавиш «Ctrl» и «+».

Далее, на панели инструментов выбирают инструмент «перо», при помощи которого аккуратно выделяют лицо того, кто содержится на фото.

После того, как контур выделения замкнётся, следует кликнуть правой кнопкой мыши, вызывая дополнительное меню, в котором выбирается пункт «Образовать выделенную область».

Показатель радиуса растушёвки должен быть равен либо 1, либо 2. Нажмите на «Delete», лицо исчезнет. Если пользователь желает создать классический шаблон, то перед удалением следует скопировать первое фото, задействовав комбинацию клавиш — первоначально «Ctrl» и «C», а затем «Ctrl» и «V». Таким образом, будет получено два одинаковых слоя, только на одном из них будет удалено лицо.

Правила создания шаблона на основе трёх слоёв

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

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

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

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

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

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

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

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

Сохраните полученный шаблон в формате PSD

Как вставляется фотография в шаблон

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

Правила вставки изображения в шаблон

Первоначально, в Adobe Photoshop следует открыть ранее сохранённый шаблон, который может быть создан на основе нескольких слоёв. Они отображаются на вкладке «Слои».

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

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

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

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

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

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

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

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

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

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

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

Источник: https://nastroyvse.ru/programs/review/kak-sdelat-shablon-v-fotoshope.html

Как грамотно организовать PSD-файлы в Фотошоп? / Фотошоп-мастер

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

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

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

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

1. Используйте Направляющие и Сетки

В программе Фотошоп есть достаточно много вариантов, которые могут помочь вам выровнять объекты по отношению друг к другу. Направляющие (Guides) и Сетки (Grids) являются очень полезными инструментами, которые помогут вам спозиционировать и трансформировать объекты на вашей пиксельной сетке.

2. Используйте смарт-объекты для повторяющихся элементов

Используйте смарт-объекты (Smart Objects) всякий раз, когда вы хотите использовать несколько экземпляров одного и того же слоя или группы слоев. Это позволит вам вносить изменения во все экземпляры одновременно, просто отредактировав то, что вам необходимо в исходном экземпляре.

3. Работайте с группами слоев и их масками

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

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

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

4. Давайте имена и различные цвета вашим слоям

Называние абсолютно каждого слоя, один за другим, может показаться достаточно затратным занятием по времени, но на самом деле это один из лучших способов улучшить эффективность вашего рабочего процесса в программе Фотошоп. С выходом обновления программы до версии Photoshop CC (14.

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

Вы всегда можете использовать Фильтрацию слоев (Layer Filtering) в верхней части палитры Слои (Layers Panel), чтобы искать слои по их имени или цветовым ярлыкам.

5. Старайтесь поддерживать четкость текста

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

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

Если вы используете одну и ту же стилизацию на нескольких текстовых слоях, то вам нужно определить стили Символа и Параграфа (Character and Paragraph Styles), чтобы сэкономить время и быть более организованным.

6. Используйте Композиции слоев вместо нескольких PSD файлов

Если вам требуется использовать несколько вариантов макета в фотошопе, то вам лучше воспользоваться опцией Композиции слоев (Layer Comps), вместо того, чтобы сохранять отдельные PSD файлы для каждого из вариантов.

Преимущество от хранения только одного PSD файла, используя Композиции слоев (Layer Comps), заключается в том, что вы по-прежнему можете вносить изменения в ваши слои и видеть получившиеся изменения на ваших сохраненных Композициях слоев (Layer Comps).

Это может быть очень хорошим вариантом для экономии времени, и, применяя Композиции слоев (Layer Comps), вы также сможете сэкономить значительный объем памяти для хранения ваших проектов.

7. Используйте корректирующие слои

Корректирующие слои (Adjustment Layers) – это великолепный инструмент, который поможет вам применять “неразрушающие” редактирующие воздействия к вашим изображениям в Фотошоп. Помимо этого, кто угодно, работающий с вашим файлом PSD, сможет быстро увидеть, какие именно настройки вы использовали для определенного элемента.

8. Используйте Векторные фигуры всегда, когда это возможно

Векторные маски (Vector Masks), векторные фигуры (Shapes) и контуры (Paths) обеспечивают намного большую гибкость, по сравнению с растровыми слоями, и они могут быть легко отредактированы и настроены с помощью таких инструментов как, Выделение узла (Direct Selection Tool) и Перо (Pen Tool). Главное преимущество работы с векторной графикой – это то, что она абсолютно независима от разрешения экрана, что на практике означает, что мы можем свободно изменять размеры векторного объекта без потери качества.

9. Используйте образцы для согласованных цветов

Если вы выбрали вашу цветовую схему для проекта на ранних этапах, т.е. в процессе разработки дизайна, позаботьтесь о создании образцов для ваших выбранных цветов. Сохранение образцов цвета в палитре Образцы (Swatches Panel) даст вам в дальнейшем быстрый и легкий доступ к вашей цветовой схеме.

10. Удаляйте ненужные слои

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

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

Чтобы удалить пустые слои в Фотошоп, выберите меню Редактирование – Скрипты (Edit > Scripts), далее Удалить все пустые слои (Delete All Empty Layers), или же воспользуйтесь опциями фильтрации в палитре Слои (Layer Panel).

Martin Perhiniak

Источник: https://Photoshop-master.ru/lessons/basics_a/237-kak-gramotno-organizovat-psd-faylyi-v-fotoshop

Как сделать шаблон для инстаграм

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

Туториал как сделать шаблон для инстаграм в фотошопе, и самостоятельно создать оформление для постов и сторис в редакторах Canva и Pics Art.

Как сделать шаблон для инстаграм в фотошопе

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

  1. Открываем фотошоп.
  2. Создаем новый документ (Ctrl N).
  3. Задаем размер шаблона для инстаграм 1080px*1080px.
  4. На панели инструментов выберем прямоугольник (Rectangle Tool).
  5. Щелкнем в любом месте документа, чтобы открылось окно настроек прямоугольника.
  6. Зададим размеры: ширина 1080, а высота на усмотрение, например, 200 px и нажмём OK.

В верхней панели поменяем цвет прямоугольника и уберём у него обводку.

Теперь подровняйте прямоугольник:

  1. На панели инструментов выберем инструмент Move Tool или нажмём клавишу V.
  2. Далее нажимаем Ctrl A (выделить все) и в верхней панели нажимаем на кнопки “Выровнять по центру” и “По нижнему краю”.
  3. Затем Ctrl D для снятия выделения.

Теперь наш прямоугольник внизу:

Сделаем из прямоугольника волну.

Трансформация фигуры

Идём в меню Edit – Transform – Wrap. Инструмент трансформирования гибко меняет контур фигуры.

Для этого тянем в стороны за «рычаги» до тех пор, пока очертания «волны» нас не устроят:

Для завершения трансформирования нажмём на галочку на верхней панели. Сделаем копию с прямоугольником, проще это сделать, если зажать Ctrl, кликнуть по слою и потянуть вниз.

Чтобы не путаться в копиях (их ещё будет много), пронумеруем слои.

Трансформируем второй слой. Нажмём Ctrl T или в меню Edit – Free Transform. Требуется увеличить высоту фигуры так, чтобы нижняя часть осталась неизменной. По умолчанию трансформация происходит из середины фигуры.

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

Здесь же поменяем высоту фигуры – в поле Height введём нужное значение, можно к цифре добавить через математическое выражение, например, +60 px.

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

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

Продублируем второй слой, переименуем копию в No3 и произведём те же шаги:

  1. Трансформация изображения.
  2. Увеличение высоты.
  3. Смена цвета.

Выделим три волны и объединим в группу для удобства Ctrl G. Переименуем группу в «нижняя фигура». В результате удалось сделать шаблон для инстаграм с фиолетовой волной:

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

Создание верха заготовки

Чтобы создать шаблон для инстаграм целиком, добавим верхнюю фигуру:

  1. Берём прямоугольник, устанавливаем ширину 1080 px и высоту 80 px.
  2. Убираем обводку, заливку делаем такого же цвета, как нижняя фигура.
  3. Выравниваем по центру и по верхнему краю.
  4. Идём в меню Edit – Transform – Wrap.

На этот раз будем «выгибать» фигуру не вручную, а воспользуемся заготовками.

Найти шаблоны можно в верхней панели. Возле надписи Wrap в выпадающем меню выберем Arc Lower и поменяем значение Bend на 15%.

Нажимаем на галочку для завершения трансформирования.

Далее дублируем этот слой, копию называем No2, нажимаем Ctrl T или в меню Edit – Free Transform.

Требуется поменять точку трансформации (точку ещё называют anchor point), но теперь anchor point будет сверху.

Изменим высоту фигуры и цвет так же, как в прошлый раз.

Сделаем копию, переименуем её в слой No3 и произведём те же шаги. Получится так:

Объединим три фигуры в группу и назовем группу «верхняя фигура». Уменьшите высоту обеих фигур.

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

Повторяем действия с верхней фигурой. Так смотрится получше:

Фиолетовые фигуры плоские, придадим объема.

Создание объёма

Будем это делать на нижней фигуре, а потом повторим для верхней. Чтобы сделать шаблон для инстаграм в фотошопе объёмным, сначала добавим первому слою внутреннее свечение (Inner Glow).

Итак, дважды щёлкаем по фигуре No1, чтобы открылось окно Layer Style, выбираем пункт Inner Glow и выставляем такие параметры:

Цвет берём светлее фонового. Впрочем, параметры могут и отличаться, смотрите по результату.

А объекту No2 добавим тень.

Дважды щёлкнем по слою, в окне Layer Style выберем пункт Drop Shadow и сделаем настройку:

Затем применим такие же стили к слоям верхней фигуры.

Чтобы не настраивать стили заново, – скопируйте. Встаём на первый слой нижней фигуры, нажимаем правую кнопку мыши и в появившемся меню выбираем Copy Layer Style.

Затем переходим на первую фигуру верхнего слоя, правая кнопка мыши и выбираем Paste Layer Style. И также с остальными.

Теперь приступим к созданию бликов.

Эффекты с бликами

Чтобы сделать шаблоны для инстаграм в фотошопе с эффектом бликов:

  1. Инструментом эллипс нарисуем круг диаметром 150 px.
  2. Уберем обводку, а в качестве заливки выберем радиальный градиент от белого к черному.
  3. Уменьшим непрозрачность у маркеров градиента. У белого цвета ползунок непрозрачности поставим на 80%, а у черного на 0%.

У слоя с эллипсом поменяем режим наложения, вместо Normal выберем Linear Dodge.

Если блик кажется слишком ярким, уменьшите непрозрачность.

Далее готовый блик копируем и распределяем по фигурам.

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

Выделим блики и объединим в группу.

Эффект боке

Теперь создадим эффект боке. Для этого понадобится картинка с текстурой. Например, такая:

Чтобы создать шаблон для инстаграм в фотошопе с эффектом боке, добавим картинку в наш документ. Затем применим к шаблону корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность).

Делайте это через меню Layer – New Adjustment Layer – Hue/Saturation или внизу палитры Layers нажать значок.

Придадим картинке фиолетовый оттенок

Выделим картинку вместе с корректирующим слоем, затем ПКМ – Convert to Smart Object.

Назовём получившийся слой «боке» и применим к нему фильтр Filter – Blur Gallery – Field Blur. Настраиваем по усмотрению.

Нажимаем OK.

Затем нужно вставить фото в шаблон для инстаграм и опустить снимок вниз. У слоя боке поменяем режим наложения на Screen.

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

В нашем случае боке сильно перекрывает лицо девушки, чтобы это исправить применим маску.

Встаем на слой с боке и добавляем маску – нажимаем на значок внизу окна Layers.

Затем берём мягкую круглую кисть и сделаем пару мазков черным цветом на маске:

И в конце добавим текст. В нашем случае это будет текст — заглушка для примера.

Наш шаблон для инстаграма готов.

Как в канве сделать шаблон для инстаграм

Заходим на главную страницу Канвы.

В разделе «Создать дизайн» выбираем «Публикация в Instagram» или в настраиваемых размерах задаём ширину и высоту 1080px*1080px.

По сравнению с Фотошопом функционал Канвы сильно ограничен. Здесь нет режимов наложения, стилей слоя и много другого.

В Канве применяют фильтры к фотографии, настраивают яркость и контраст, насыщенность и добавляют виньетку.

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

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

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

Как сделать заготовку для поста в picsart

Pics Art – мобильный редактор, с функционалом, напоминающим Фотошоп. Разработчики дают бесплатный доступ и расширенный функционал за деньги. В программе Pics Art редактируют как фото и картинки, так и видеоролики.

Чтобы сделать шаблон для инстаграм в picsart открываем приложение:

Внизу главной страницы размещена кнопка “+”. Кликаем на плюс.Перелистываем ниже, в разделе “Рисунки” выбираем пункт “Холст”. Здесь устанавливаем параметры рабочей области, либо задаём значения вручную.

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

Бесплатные шаблоны для инстаграм в одном стиле скачивайте на нашем сайте.

  1. Для этого задаем квадратную ориентацию 1080 на 1080 пикселей.
  2. Подготовленную заранее заготовку загружаем в телефон. Рекомендуем пользоваться шаблонами для инстаграм в телефоне в формате png. В заготовке оставьте место, куда будем вставлять фотоснимок.
  3. В нижнем углу установлена опция “Слои”. Кликайте на “Слои”.
  4. Добавляйте фотоизображение на верхний новый слой.
  5. Кликайте на кнопку “+”, далее на опцию “Фото”.
  6. Отмечает изображение для вставки и жмём “ОК”.
  7. Растянем изображение за светлые точки на полях снимка. Фото зафиксируется на рабочей области, после нажатия на пустые поля вокруг снимка.

Настройка размера

Установим стандартный размер шаблона:

  1. Кликайте на опцию “Слои”.
  2. Фоновый слой с фотографией требуется выделить. Жмёте на значок “Меню”,
  3. Отмечаете опцию “Преобразить”.

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

Снимок требуется задвинуть под шаблон – в пункте Слои выбираем слой с фотографией и перемещаем вниз. Нажимаем кнопку “Слои”. Готово.

Чтобы удалить фотографию, заходим в “Слои”, отмечает фон с ненужным изображением, кликаем на “Корзину”.

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

Добавляем надпись

Для того, чтобы сделать картинку с надписью для инстаграм:

  1. кликайте “Далее”.
  2. Затем “Редактировать”.
  3. В открывшемся меню кликайте на “Текст”. В поле делайте надпись.
  4. Далее, открываем новое меню, где сможем править тексты. Появится возможность редактировать цвет и менять тени с обводкой.

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

Как пользоваться шаблонами для инстаграм

Готовые шаблоны для инстаграм различают трех видов:

  1. Векторные (для редактирования в Иллюстраторе или другой векторной программе). Шаблоны в формате .eps или .ai.
  2. Для Фотошопа (в формате .psd).
  3. В формате .png (подходят для редактирования на мобильных устройствах).

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

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

Текст в png – заготовке нельзя отредактировать.

Шаблоны в .psd формате – самый пластичный вариант. Заготовки в psd рекомендуем:

  1. Применять как шаблон для создания маски в инстаграм.
  2. Использовать шаблоны для бесконечной ленты инстаграм.
  3. Делать картинки для сторис.

Как редактировать готовый шаблон в фотошопе

Скачанный в интернете шаблон в .psd формате, откроем в фотошопе и отредактируем под себя:

Откроем панель Layers и посмотрим, из чего состоит шаблон. Заготовка структурирована, элементы в отдельных группах, слои и группы подписаны:

В первую очередь поменяем фотографию.

Открываем папку Image и дважды кликаем по смарт объекту (слой с надписью Place Your Image Here).

Смарт – объекты всегда открываются в новом окне, сюда мы и вставим свою фотографию.

Предыдущее фото удалите, затем сохраните и закройте.

Наша фотография автоматически будет вставлена в шаблон:

Дальше заменим зелёный цвет элементов.

Идём в папку Design. В папке три прямоугольника. Поменяем сначала цвет рамки.

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

Теперь поменяем цвет тёмно – зелёных элементов. Это тоже прямоугольники, но с заливкой.

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

Повторите действия со светло-зелёным фоном. Для него выберем светло-фиолетовый.

Вот что получилось:

К фотографии применён корректирующий слой Gradient Map и выглядит снимок не красиво. Можно  удалить или отключить корректирующий слой и добавить собственный вариант.

Внизу палитры Layers нажимаем на значок корректирующего слоя и выбираем Solid Color.

Здесь подберём фиолетовый фон для фото в инстаграм. Далее поменяем у корректирующего слоя режим наложения на Soft Light.

Можно также уменьшит непрозрачность, если нужно.

В шаблоне можно также поменять текст, добавить логотип.

Оставим этот вариант и рассмотрим вопрос о том, как вставить в шаблон видео.

Как вставить видео в пост

Иногда вместо картинки требуется сделать видео шаблон для инстаграм.

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

Размер видео меняйте как у картинки. Когда в документе появится видео, то автоматически откроется окно Timeline. Если этого не произошло, то зайдите в меню Window – Timeline.

Теперь, чтобы сохранить шаблон в формате видео заходим в меню File – Export – Render Video.

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

готово. Вот что получилось:

Источник: https://instapik.ru/kak-sdelat-shablon-dlya-instagram/

Как вставить фото в фото в фотошопе

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

На интересном примере мы рассмотрим вопрос вставки фото в фото, используя фотошоп.

Здравствуйте, дорогие посетители сайта Pixelbox.ru!

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

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

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

Подготовка фотографий. Загружаем в фотошоп

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

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

Работать мы будем с основной фотографией — комната. Именно в это фото мы вставим другие фото. На стол мы вставим фото кота и рядом летающую бабочку.

Вставляем фотографии

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

Перейдите к изображению с котом — cat.png, выбрав на панели сверху нужное окошко с изображением в фотошопе.

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

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

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

Жмем OK. После этого слой с котом окажется в документе с изображением комнаты.

Этим же способом перенести изображение бабочки в изображение с комнатой.

Обработка вставленных фото

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

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

Перейдите к изображению с комнатой — room.jpg

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

Что нужно сделать в первую очередь:

  1. Уменьшить изображения
  2. Правильно расположить изображения

Давайте начнем с бабочки, так как она загораживает весь обзор. Найдите слой с бабочкой на панели слоев:

Выберите этот слой, щелкнув на него один раз мышкой. Нажмите CTRL+T чтобы масштабировать изображение слоя. Чтобы уменьшить изображение бабочки — тяните уголок, с зажатыми клавишами SHIFT+ALT, по диагонали вниз вправо.

Когда нужный размер будет достигнут — нажмите ENTER.

Перейдите на слой с котом и проделайте тоже самое.

Найдите инструмент Перемещение на панели инструментов.

Переместите кота на стол, а бабочку расположите на котом.

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

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

Выберите изображение с котом, нажмите CTRL+L чтобы вызвать функцию Уровни. Эта функция поможет настроить правильный оттенок.

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

Изображение с бабочкой я также высветлил — используя настройки «на глаз».

Теперь создайте новый слой — на котором мы будем рисовать тень от кота.

Для этого перейдите на слой с фоном (комната) и нажмите на кнопку создания слоя (нарисовано стрелкой) и появиться новый слой (Слой 3).

Выберите и настройте кисть в фотошопе (по ссылке целый обзор посвященный настройке кисти)

  1. Выберите цвет черный
  2. Найдите кисть на панели инструментом
  3. Настройте нажим — 1%

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

Совет: ориентируйтесь на уже существующие тени на фото, например, на тени от горшков.

Для реалистичности движения бабочки можно добавить фильтр «Размытие в движении» на бабочку.

Перейдите на слой с бабочкой и примените фильтр:

Угол я выбрал 0%,а смещение — 3. Чем больше вы задаете смещение, тем больше размывается изображение.

Результат нашей работы:

Сохраняем фото

Осталось сохранить вашу фотографию. Выполните пункт меню Файл — Сохранить Как

Выберите формат JPG, задайте имя файлы и нажмите Сохранить.

Источник: https://pixelbox.ru/kak-vstavit-foto-v-foto-v-photoshop

Очень просто
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: