June 8, 2021

Гайд по шаблону Banner XTB [1]

Привіт!) Це покрова інструкція як створити банер за допомогою цього шаблону

Зміст:

  • Фон [layer/Background]
  • Текст [layer/Background]
  • Зображення смартфонів [layer/One phone & Two phone]

Фон

1. Відкрий шар Background, виділи Color [Change color] та зміни його колір

2. Відкрий групу Gradient [Select one] та зміни видимість на будь-який один стиль.

Я тут помітив такий баг, що при деяких діях всі градієнти крім активного можуть зникнути (Замість них показується біла заливка) Єдине вирішення, якщо ти не зберіг файл, це ще раз відкрити шаблон, або ж видалити його та завантажити знову

3. Закрий шар та заблокуй його для того, щоб він не заважав тобі


Текст

1. Подвійний клік по тексту, ctrl+a, та пиши або вставляй свій текст

2. Зміни його розмір [Курсор на значення і з зажатим Shift покрутити колесо мишки]

3. Зміни міжрядковий інтервал (Значення «Авто» у цьому шрифті видає завелику відстань, тому потрібно вводити значення вручну)

4. Вирівняй текст по горизонталі (Зверни увагу чи зліва від кнопок вирівнювання у тебе така самий режим і іконка як у мене [Aligh to Artboard])

5. Перемісти нижній текст на відстань чуть ближче ніж міжрядковий інтервал [Shift + Стрілки на клавіатурі]

Зображення смартфонів

1. Відкрий шар One phone [Select one] або Two phone [Select one] та увімкни видимість потрібного тобі стилю

2. Відкрий файл Smartphone [1,2].psd та увімкни видимість потрібного тобі смартфону. Збережи файл та відкрий Illustrator, там має зявитися пропозиція оновити його

Якщо пропозиція не зявилася, файл можна оновити вручну.
Також у тому ж випадаючому меню можна скористатися Relink... для того щоб вказати місцезнаходження файлу Smartphone [1,2].psd на ПК

3. Виділи Image [20:9], або перемкни видимість та виділи Image [19.5:9] у випадку якщо в файлі Smartphone [1,2].psd ти обрав смартфон з форматом екрану 19.5:9

Та заміни його на свій скріншот

Положення смартфонів можна змінювати, лише потрібно пам'ятати ці деталі:
В шарі Two phone [Select one] не забувати виділити тінь (Shadown [×])
Та в шарі One phone [Select one] потрібно відключати прив'язку до маски

Додатково якщо на скріншоті з'являється «Лесенка» його можна растеризувати, інколи це допомогає

Бонус: Емоджі для підкреслення емоції теми відео
— Відкрий файл Emoji - Vector.ai та перемісти, або копіюй і встав потрібний тобі емоджі на будь-який банер

Все! Можна експортувати

Оновлено 14 Липня 2021

Файли шаблону:

https://dl.uploadgram.me/60ef4e001b003h

Шрифти, просто перемісти їх в C:\Windows\Fonts:

https://dl.uploadgram.me/60c5a57fbf1f8h

Файл Emoji:

https://dl.uploadgram.me/60c6552c3528ch

Бажано завантажити останню версію Illustrator, ось посилання:

https://repack.me/software/repacks/multimedia/497-adobe-illustrator-2021.html

Файл налаштування Illustrator:

https://dl.uploadgram.me/60c5a44669cf6h