Шаблон цитаты из Instagram в Swift Publisher

• May 16, 2024

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

Размеры постов в Instagram составляют 1080 x 1080 пикселей, поэтому мы будем использовать эти измерения для нашего шаблона. Этот шаблон будет иметь два основных элемента дизайна. Первый - это фоновый слой, который может быть заполнен фотографией, иллюстрацией, рисунком, градиентом или сплошным цветом. Для шаблона мы будем использовать фотографию из встроенной коллекции клипартов. Далее у нас есть слой переднего плана для всего текста. Мы узнаем, как использовать инструмент «Текстовое поле» и панель «Текст».

Давайте откроем Swift Publisher и начнем. Когда вы запустите программу, вы увидите экран приветствия (см. Скриншот) со списком видео слева. Но давайте посмотрим на этот слой.

1. Нажмите кнопку Закрыть в нижней части экрана приветствия. Откроется окно Галерея шаблонов.

Как видите, существует множество шаблонов, из которых можно выбирать. Но мы разрабатываем наш собственный шаблон.


2. В разделе «Публикация на рабочем столе» окна «Галерея шаблонов» выберите шаблон «Пустой ландшафт» (см. Скриншот).

Шаблон откроется в рабочей области. Инспектор находится справа от рабочей области и содержит большинство элементов управления для разработки нашего проекта. Он имеет четыре вкладки: вкладки «Документ», «Геометрия», «Внешний вид» и «Текст».


3. Выберите вкладку «Документ», и вы увидите Размер страницы и другую информацию о нашей новой странице (см. Скриншот). Измените единицы измерения с дюймов на пиксели. Затем измените ширину и высоту с 8,5 x 11 дюймов на 1080 x 1080 пикселей.

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


4. С активным фоновым слоем выберите инструмент «Прямоугольник» в разделе «Инструменты редактирования» верхней панели инструментов (см. Скриншот). Нарисуйте прямоугольник на весь дизайн холста.

В верхней части панели Geometry вы увидите, что наша форма имеет правильный размер (1080 x 1080 px), а позиции X и Y равны нулю.


5. Нажмите обе кнопки в разделе «Центр» (см. Скриншот). Левая кнопка будет центрировать прямоугольник по горизонтали, а правая - вертикально.

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


6. Выберите прямоугольник заполнителя. На панели «Внешний вид» снимите флажок «Цветная заливка» (см. Скриншот). Это очистит прямоугольник заполнителя.


7. Выделив прямоугольник, перетащите выбранную фотографию с вкладки «Фото» на панели «Источник» в местозаполнитель прямоугольника (см. Скриншот). Если фотография не покрывает весь прямоугольник, удерживайте нажатой клавишу «Shift» и измените размер фотографии. Затем вернитесь на вкладку «Внешний вид» Инспектора и установите для раскрывающегося меню «Растянуть» значение «Заполнить» (см. Скриншот).

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


8. Выберите слой переднего плана на панели «Слои».


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

По умолчанию текст маленький 9 пт. Давайте изменим шрифт и увеличим текст, используя панель «Текст» в Инспекторе.


10. Выделите текст, перейдите на вкладку «Текст» в Инспекторе и нажмите кнопку «А», чтобы открыть панель «Шрифты» (см. Снимок экрана). Выберите свой шрифт, стиль, цвет и размер. В инспекторе установите выравнивание по центру.

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

Необязательно: Если вы хотите маркировать графическое изображение цитаты, добавьте название своей компании или URL-адрес веб-сайта в нижнем крае графического объекта (см. Скриншот).

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


11. В верхнем меню выберите Файл - Сохранить как шаблон и назовите шаблон. Шаблон цитаты из Instagram.

Далее мы сохраним проект в формате .spub Swift Publisher, а затем снова в формате .jpg для Интернета.


12. В верхнем меню выберите «Файл» - «Сохранить» и назовите свой проект.


13. Затем нажмите «Файл» - «Экспорт» (см. Скриншот) и снова экспортируйте свой проект в формате .jpg.

Swift Publisher
Amadine
BeLight Software

Скриншоты Swift Publisher, используемые с разрешения BeLight Software Ltd.




Видео инструкция: Беслан. Помни / Beslan. Remember (english & español subs) (May 2024).



Шаблон цитаты из Instagram в Swift Publisher, Цифровое искусство и дизайн, Графические цитаты из Instagram в Swift Publisher