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

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

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

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

Здравствуйте.

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

Как это

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

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

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

Я знаю три варианта создать обложки быстро и не заморачиваясь:

  • Канва или другие онлайн редакторы с шаблонами
  • Найти бесплатный или купить psd-шаблон
  • Создать с нуля самому

PSD-шаблоны

PSD — это родной формат фотошопа. Он поддерживает работу со слоями. К сожалению, для того чтобы полноценно использовать psd-шаблоны придётся разобраться в фотошопе.

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

  • Во «ВКонтакте»
  • На торрентах
  • Где-то ещё

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

Я уже поработал за вас, и нашел две такие группы:

Бесплатные psd-шаблоны для соцсетей
psdbox – бесплатные PSD шаблоны

Заходите в группы.↓Выбираете шаблон.↓Скачиваете.↓Открываете фотошоп.↓

Редактируете.

Работаем с PSD-шаблоном

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

Запускаете фотошоп, нажимаете «Меню» → «Открыть». Или сочетание клавиш «ctrl+O» или для маков «⌘+О»

Сначала вам придётся удалить картинку-заглушку. Её можно просто удалить, а можно убрать видимость.

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

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

Для этого нужно выделить папку «фон». Дважды кликнуть на слое с плашечкой. Появится панель выбора цвета. Выбрать другой цвет.

Посмотреть на получившийся результат.

Мне логотип не нужен, поэтому я его уберу.

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

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

Осталось сохранить эту картинку в png и её можно использовать в работе. Я привык сохранять картинки для веба, но это необязательно. Достаточно нажать «Меню» → «Сохранить как» и выбрать нужный формат

Не забудьте выбрать нужный формат файла.

Создать с нуля

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

Канва

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

Работаем с Канвой

Зайдите на: canva.com и зарегистрируйтесь. По умолчанию нам доступны 5 типовых шаблонов. Для публикаций идеально подходит квадрат. Если вам нужны другие форматы раскройте плюс и найдите свой подходящий.

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

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

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

Великолепно, теперь у вас на компьютере есть обложка для публикации.

Подытожим

Фотошоп — это просто.

Искать шаблоны и редактировать — просто. Запомните две группы с бесплатными шаблонами:

Бесплатные psd-шаблоны для соцсетей
psdbox – бесплатные PSD шаблоны

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

Источник: https://smmplanner.com/blog/voruem-hleb-kak-samostoyatelno-sozdavat-oblozhki-dlya-publikacij/

Как сделать шаблон картинок в 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/

Пошаговое создание макета сайта в фотошопе – шаблон для сайта

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

6,186  1 

Оглавление

Итак, вы решили поднять бизнес на новый уровень и запустить свой собственный сайт. У вас есть несколько вариантов:

  • Заказать ресурс в web-студии. Вы получите качественный продукт с продуманным юзабилити и чистым кодом. Он будет работать без багов на любом устройстве: от ноутбука вашей бабушки до айфона последней серии. Однако такое вложение требует денег, которые не всегда есть в наличии.
  • Нанять фрилансера. Найти хорошего дизайнера на фрилансе – все равно что искать спонсоров для стартапа. Работа настоящего специалиста стоит дорого (см. пункт выше), а тратить время на постоянные переделки, доработки и споры с дилетантом, наверняка, не очень хочется.
  • Воспользоваться онлайн-конструктором. Не рекомендуем, т.к. такие сайты практически не поддаются SEO-продвижению, а перспективу годами платить за целевой трафик из контекстной рекламы радужной не назовешь.
  • Заняться созданием сайта своими руками с нуля. Владея минимальными навыками верстки работы в Фотошопе, вы сможете легко нарисовать простой макет. А затем сверстать и выложить его в Интернет.

Одним из самых популярных графических редакторов на сегодня является Adobe Photoshop. Не самый простой для новичка, но обладающий широким функционалом и разнообразным набором инструментов. Профессионалы годами постигают тонкости программы, оттачивая мастерство дизайна. Но для создания простого макета начинающему автору достаточно базовых знаний, фантазии и хорошего пошагового урока.

Как в Фотошопе сделать дизайн сайта

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

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

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

Прежде, чем начать: подготовительный этап

Создайте файл будущего макета и придумайте для него понятное имя. Для этого нажмите «Файл – создать».Размеры, которые предлагает Фотошоп по умолчанию, не подойдут. Создаем файл 1024×720 пикселей, а затем сохраняем его, включаем линейки (Ctrl+R) и активируем сетку (Ctrl+Э). Если все сделано правильно, вы увидите перед собой лист, расчерченный как школьная тетрадка в клеточку:

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

Сетку можно настроить самостоятельно (тут: «Редактирование – Настройки – Направляющие, сетка и фрагменты») или скачать готовое решение в Интернете.

Мы рекомендуем использовать сетку BOOTSTRAP? для удобства дальнейшей верстки и адаптации

Теперь нужно установить направляющие, между которыми будет находиться Тело, или основная часть будущего ресурса. Для этого нажмите «Просмотр-Новая направляющая» и выберите ориентацию «Вертикальная» и укажите положение от левого края будущей страницы (по линейке).

Направляющих нужно две, и расстояние между ними должно составлять не более чем 1003 пикселей (для дисплеев расширением 1024 х 720).

Начинаем рисовать

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

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

Чтобы добавить фон, откройте рисунок в Фотошопе и выделите изображение (Ctrl+A). Скопируйте картинку (Ctrl+С) и вставьте в будущий шаблон (Ctrl+V).

Справа внизу вы увидите новый слой, который можно переименовать («Параметры слоя») и изменить («Параметры наложения»).

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

Делаем шаблон для сайта

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

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

Разберем на примере хедера (header) и создания меню сайта. Создадим группу, назовем ее «Хедер» и в ней создадим подгруппу «Верхнее меню» с новым слоем «Фон». Для этого нажимаем на иконку в правом нижнем углу страницы:

Вот что у вас должно получиться:

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

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

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

Не будем подробно разбирать каждый из элементов страницы (от Хедера до Футера). Постарайтесь разместить на странице информацию, которая заинтересует ваших потенциальных клиентов.

И не забудьте про точки захвата и формы обратной связи.

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

Источник: https://stebnev-studio.ru/blog/sozdanie-maketa-sayta-v-photoshop-rukovodstv/

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

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

Туториал как сделать шаблон для инстаграм в фотошопе, и самостоятельно создать оформление для постов и сторис в редакторах 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/

Создание шаблона в 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

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

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