Инструкция по редактированию шаблонов PNG с помощью мобильного телефона.

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

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

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

Содержание:
1. Установка шрифтов:
1.1. Установка шрифтов на iPhone в приложениях Over, PicsArt, InShot.
1.2. Установка шрифтов на Android в приложениях PixelLab, PicsArt, InShot.

2.  OVER.
2.1. Добавить текст на шаблон в Over на iPhone.
2.2. Добавить фото в шаблон в Over на iPhone.
2.3. Добавить видео в шаблон в Over на iPhone.

3. PIXELLAB
3.1. Добавить текст на шаблон в PixelLab на Android.
3.2. Вставить фото в шаблон в PixelLab на Android.

3. PICSART
3.1. Добавить текст на шаблон в PicsArt на iPhone/Android.
3.2. Вставить фото в шаблон в PicsArt на iPhone/Android.

4. INSHOT.
4.1. Вставить видео в InShot и добавить  надпись в InShot на iPhone/Android.

1. Установка шрифтов.

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

Прежде чем скачивать и устанавливать шрифты вам нужно будет скачать сами  приложения: Over, PicsArt и InShot для iOS и PixelLab, PicsArt и InShot для Android. Приложения бесплатные. Но у большинства приложений есть платные тарифы и функции — они нам не нужны. Нам будет достаточно бесплатных версий.

После установки для некоторых приложений нужно будет пройти простую регистрацию.

1.1. Установка шрифтов на iPhone в приложениях Over, PicsArt, InShot.

Начнем с телефоном на операционный системе iOS.

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

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

Открываем приложение «Файлы» и находим скачанный нами файл.

Нажимаем «Выбрать» и отмечаем файл шрифта(.ttf)

Дальше нажимаем «Поделиться» и выбираем нужное нам приложение — Over.

После этого шрифт будет отображаться во вкладке «Downloaded» в разделе шрифтов в приложении Over при редактировании текста.

Установка шрифтов в других приложениях аналогичная. Мы также нажимаем «Поделиться» и выбираем нужное нам приложение для установки —
«копировать в Over»
«копировать в PicsArt»
«копировать в InShot»

В PicsArt шрифты отображаются в разделе «My Fonts» в разделе шрифтов.

В InShot шрифты отображаются также в разделе шрифтов при непосредственном редактировании текста.

1.2. Установка шрифтов на Android в приложениях PixelLab, PicsArt, InShot.

Скачиваем файл шрифта на телефон(.ttf) Обычно он сохраняется в папку «Загрузки» или «Downloads».

Для установки шрифта в приложении PixelLab нам в памяти телефона(в проводнике) нужно создать папку «Fonts» и в неё сохранить файл шрифта.

Заходим в папку загрузок. Выделяем файл шрифта и копируем его в созданную папку «Fonts».

Теперь шрифт будет отображаться при редактировании текста в приложении PixelLab в разделе «Font» — «My fonts».

Чтобы загрузить шрифт в приложении PicsArt, нужно скопировать файл шрифта в папку PicsArt/Fonts.

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

Теперь загрузим шрифты в приложении InShot.

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

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

Нажимаем импорт шрифтов и находим папку Загрузки и выбираем шрифты для импорта и нажимаем галочку в правом верхнем углу.

Теперь шрифты загружены в приложении InShot.

Готово!

2. OVER.
Over — это приложение для редактирования фото. Оно есть как на iPhone, так и на Android. Но есть значительные различия: на iPhone в приложении Over можно бесплатно загружать свои шрифты. Также в приложении на iPhone есть возможность вставить не только фото, но и видео в шаблон.

По этой причине я решила рассказать как пользоваться приложением только для iPhone.

2.1. Добавить текст на шаблон в Over на iPhone.

Итак:
1. Скачиваем нужный файл шаблона на телефон.
2. Открываем приложение Over.
3. Нажимаем плюсик «+» и дальше в разделе «Backgrounds» нажимаем «Image» (открываются последние сохраненные фото) и выбираем скачанный шаблон(картинку в формате PNG), который нужно будет редактировать. Подтверждаем размер и переходим в главное меню редактирования.
4. Теперь чтобы добавить надпись нажимаем «Текст» и пишем заголовок поста и нажимаем галочку.
5. Дальше мы можем редактировать вид текста: его цвет, размер, шрифт, наклон, прозрачность и другие параметры. Все инструменты будут на специальной панели инструментов.
6. Чтобы изменить шрифт, выбрать другой, нужно нажать на стрелочку слева от всех шрифтов. Откроется меню шрифтов.
— «Downloaded» — загруженные шрифты. Здесь могут быть бесплатные шрифты в самом приложении, которые сохранены по умолчанию. А также загруженные с телефона.
— «Library» — библиотека шрифтов приложения Over. Здесь вы можете выбирать шрифты с базы Over, есть бесплатные, а также платные шрифты. Если вам понравился какой то шрифт — нужно на него нажать и он автоматически будет применен к тексту и добавлен в раздел «Downloaded».
— «New» — здесь показаны последние новинки шрифтов.
— «Custom» — с помощью этого раздела вы также можете загрузить свой шрифт в приложение Over. Нужно лишь нажать на кнопку «Add fonts» и выбрать откуда нужно загрузить шрифт. Например с iPhone, iCloud Drive и др.

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

Чтобы сохранить — нажимаем на желтую стрелочку в правом верхнем углу и нажимаем сохранить — «Save»

8. Также вы можете открыть меню настроек экспорта нажав на «Export Settings». В нем можно выбрать в каком формате и качестве вы хотите сохранить изображение.

9. Готово.

2.2. Добавить фото в шаблон в Over на iPhone.

Для добавления фото в шаблон мы повторяем первые три шага:

1. Скачиваем нужный файл шаблона на телефон.
2. Открываем приложение Over.
3. Нажимаем плюсик «+» и дальше в разделе «Backgrounds» нажимаем «Image» (открываются последние сохраненные фото) и выбираем скачанный шаблон(картинку в формате PNG), который нужно будет редактировать. Подтверждаем размер и переходим в главное меню редактирования.
4. Теперь нужно добавить фото, которое вы также подготовили заранее. Для этого нажимаем «Image» и выбираем фото.
5. Заходим в меню слоев и перетаскиваем слой с фото под слой с шаблоном.
6. Масштабируем и перемещаем фото. Размещаем его таким образом, чтобы оно заполнило всё место для фото.
У фото, как и у текста, есть меню инструментов для редактирования: можно изменить размер, прозрачность, наклон и т.д.
7. Если необходимо — можно ещё добавить текст(как это сделать смотрите выше). Если не нужно — тогда просто сохраняем.

2.3. Добавить видео в шаблон в Over на iPhone.
Также повторяем пункты 1-3 с предыдущего примера.
1. Скачиваем нужный файл шаблона на телефон.
2. Открываем приложение Over.
3. Нажимаем плюсик «+» и дальше в разделе «Backgrounds» нажимаем «Image» (открываются последние сохраненные фото) и выбираем скачанный шаблон(картинку в формате PNG), который нужно будет редактировать. Подтверждаем размер и переходим в главное меню редактирования.
4. Добавляем любое фото из галереи (не важно какое — мы его позже удалим).
5. Переходим в меню слоев и перетаскиваем слой с этим фото под слой с шаблоном. Выходим из меню слоев. Нажимаем галочку.
6. Теперь вставляем видео.
7. Переходим в меню слоев и удаляем фото, которое находится над слоем с видео и под слоем с шаблоном.
8. Нажимаем на слой с видео — слой станет активным и теперь можно будет редактировать его.

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

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

Если нужно можно ещё добавить текст (как это сделать смотрите выше)

И так же нажимаем сохранить.

Готово.

3. PIXELLAB
3.1. Добавить текст на шаблон в PixelLab на Android.

1. Заходим в приложение PixelLab.
2. Открывается стандартный шаблон приложения. Пролистываем вправо в самый край и выбираем простой шаблон с белым фоном.
3. На панели инструментов нажимаем «Import». Открываются недавно сохраненные фото.  Выбираем шаблон.

Если не отображается скачанный вами шаблон, тогда нажимаем на три полоски в левом верхнем углу и нажимаем «Изображения» после чего будут показаны все папки на вашем телефоне. Открываем папку загрузок, куда мы сохранили шаблон, и выбираем шаблон для импорта.
4. Импортируем файл шаблона.
5. После вставки на панели инструментов находим параметр «relative size» и нажимаем его. Тянем ползунки на 100% и нажимаем галочку✓
6. Заходим в меню слоев и нажимаем значок замочка. Таким образом мы блокируем слой с шаблоном. Это нужно, чтоб случайно не сместить его при дальнейшем редактировании. Выходим из меню слоев.
7. Нажимаем на плюсик в левом верхнем углу и выбираем «text».
8. Чтобы стала активной панель инструментов для редактирования текста нужно нажать на букву А на нижней панели инструментов.

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

9. Чтобы поменять шрифт текста на панели инструментов ищем параметр «font»
10. Нажимаем «My fonts» и выбираем шрифт, который мы до этого скопировали в папку «fonts».
11. Чтобы изменить цвет — нужно нажать на параметр «Color»
12. Чтобы изменить размер текста нужно нажать на параметр «Size» или потянуть за ползунки в левом нижнем углу текста.
13. Когда текст расположен так как надо, можно сохранить файл для публикации.

Для этого нажимаем на значок дискеты и  выбираем «Save as image»

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

Когда все параметры настроены нажимаем «Save to gallery».

Готово.

3.2. Вставить фото в шаблон в PixelLab на Android.

Первые 6 шагов такие же как и в предыдущем примере.

1. Заходим в приложение PixelLab.
2. Открывается стандартный шаблон приложения. Пролистываем вправо в самый край и выбираем простой шаблон с белым фоном.
3. На панели инструментов нажимаем «Import». Открываются недавно сохраненные фото.  Выбираем шаблон.

Если не отображается скачанный вами шаблон, тогда нажимаем на три полоски в левом верхнем углу и нажимаем «Изображения» после чего будут показаны все папки на вашем телефоне. Открываем папку загрузок, куда мы сохранили шаблон, и выбираем шаблон для импорта.
4. Импортируем файл шаблона.
5. После вставки на панели инструментов находим параметр «relative size» и нажимаем его. Тянем ползунки на 100% и нажимаем галочку✓
6. Заходим в меню слоев и нажимаем значок замочка. Таким образом мы блокируем слой с шаблоном. Это нужно, чтоб случайно не сместить его при дальнейшем редактировании. Выходим из меню слоев.
7. В левом верхнем углу нажимаем на плюсик и нажимаем «from gallery»
8. Выбираем фото для вставки, которое мы заранее подготовили.
9. Импортируем фото.
10. Масштабируем его. Можно воспользоваться параметром «relative size», а можно потянуть за ползунки в правом нижнем углу.
11. Нажимаем переложить на задний план.
12. Если нужно поменять расположение или масштаб — меняем.
13. Когда всё готово — нажимаем сохранить.
Для этого нажимаем на значок дискеты и  выбираем «Save as image»

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

Когда все параметры настроены нажимаем «Save to gallery».

Готово.

3. PICSART
3.1. Добавить текст на шаблон в PicsArt на iPhone/Android.
1. Открываем PicsArt.
2. Нажимаем +
3. В разделе «Фотографии» — нажимаем «Все фото».
4. Выбираем скачанный шаблон.
5. На панели инструментов выбираем «Рисовать».
6. Теперь мы в окне рисования. Здесь есть слои — они нам как раз и нужны.
7. Открываем меню слоев и видим два слоя. Верхний пустой, нижний слой с шаблоном.
8. Перетаскиваем пустой слой

3.2. Вставить фото в шаблон в PicsArt на iPhone/Android.

1.Открываем PicsArt.

2.Нажимаем на плюсик.

3.Переходим в раздел «»Рисунки» и нажимаем «Выбрать холст».

4.Выбираем размер 1024×1024 пикселя.

5.Заходим в меню слоев.

6.Добавляем слой фото.

7.Выбираем скачанный шаблон из галереи телефона.

8.Подтверждаем размер.

9.Делаем активным пустой слой под шаблоном.

10.Выходим из меню слоёв.

11.Добавляем фото, которое мы подготовили для вставки в шаблон(нажимаем на значок картинки). Выбираем фото из галереи телефона

12.Подтвержаем размер.

13.Масштабируем фото и размещаем где нужно.

14.Сохраняем фото. Нажимаем на три точки в верхнем меню и нажимаем сохранить изображение.

15.Также можно сохранить изображение нажав на стрелку в правом верхнем углу и выбрать «Сохранить и поделиться». Сохраняем как обычно в PicsArt.

16.Готово✓

4. INSHOT

4.1. Вставить видео в шаблон и добавить  надпись в InShot на iPhone/Android

1. Открываем приложение.
2. Нажимаем «Создать новое» — «Видео».
3. Выбираем видео для редактирования.
4. Нажимаем «Стикер».
5. Добавляем шаблон из галереи.
6. Масштабируем шаблон с помощью ползунка в правом нижнем углу. Перекрываем шаблоном весь холст видео.
7. Нажимаем галочку и выходим из меню добавления стикеров. Смотрим видео и проверяем правильно ли расположен шаблон.
8. Если всё ок — снова заходим в меню «Стикер» и продлеваем длительность воспроизведения шаблона на всю длину видео. Для этого нажимаем на стрелочку на самом слое шаблона на панели слоев и нажимаем «Конец видео».
9. Теперь, если нужно, мы можем изменить расположение видео под шаблоном. Для этого нажимаем «Холст» и уменьшаем или увеличиваем/перемещаем видео.
10. Теперь добавим текст. Нажимаем «Текст»
11. Пишем нужный текст.
12. Теперь отредактируем его. Масштабируем его с помощью ползунка в правом нижнем углу.
13. Увеличим время воспроизведения текста на видео так же как и шаблон.
14. Теперь нажмём на кнопку «Редактировать».
15. Заходим в раздел шрифтов. И выбираем нужный шрифт.
16. Если шрифт не загружен, его можно загрузить в самом приложении. Для этого нажимаем на значок загрузки и выбираем папку на телефоне с которой нужно будет загрузить шрифты.
17. Выбираем нужные шрифты и подтверждаем выбор галочкой в правом верхнем углу.
18. Выбираем шрифт.
19. Если нужно поменять расположение — меняем его.
20. Если нужно ещё одно слово — добавляем его также.
21. Также можно добавить к тексту эффект анимации. При редактировании текста рядом со вкладкой шрифт есть раздел анимация.
22. Можно выбрать один из нескольких вариантов анимации.
23. Теперь можно сохранить видео. Нажимаем «Сохранить» и выбираем качество видео в котором нужно сохранить видео.
24. Готово✓