Як створити ретро-логотип з афінним дизайнером

Sep 15, 2025
Як

Простий у використанні та з рядом творчих інструментів під його поясом, дизайнер Affinity є відмінною альтернативою Adobe Illustrator . Отже, якщо ви працюєте над новим Дизайн логотипу Наприклад, у нього є все, що потрібно створити унікальний та вражаючий дизайн.

У цьому підручнику я покажу вам, як піти ретро, ​​використовуючи градієнти та ефекти шару для створення логотипу 1980-х років у дизайнері афінності. Потрібен ідеальний шрифт? Дивіться наш вибір вершини Безкоштовні шрифти сценарію .

01. Налаштуйте свій базовий текст

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

По-перше, створіть новий документ (CMD + N), надаючи достатньо місця для вашої типографії. Виберіть інструмент прямокутника (м) і малювати на чорному тлі. Інструмент заповнення та інсульту можна знайти праворуч від інтерфейсу. Виберіть артистичний текстовий інструмент (t) та встановіть копію. Введіть гідний Сляба Sans Serif і шрифт скрипту, щоб отримати 80-х років (перевірте нашу Кращі безкоштовні шрифти для дизайнерів пост для натхнення).

02. Додайте градієнт

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Щоб отримати цей 80-х років, більшість дизайну складається разом з градієнтами. У цьому випадку я використав: один для неба, один для горизонту, один для контуру, а один для неонової копії. Щоб створити градієнти в дизайнері, це легко. Просто виберіть свій об'єкт і натисніть інструмент заповнення, а вікно з'явиться нижче, а потім виберіть градієнтну вкладку. Щоб додати більше кольорів до градієнта, просто двічі клацніть по градієнтній лінії.

03. Налаштуйте градієнт

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Щоб зберегти градієнт, натисніть накладку "Зразки" під вікном градієнта. Поряд із меню випадаючого кольору є невелика піктограма палітри. Натисніть це. Щоб змінити напрямок градієнта, виберіть інструмент заповнення (g), це підуть довідник, який дозволить вам перемістити його.

04. Намалюйте в деяких формах

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Для горизонту виберіть інструмент для пера (P) і намалюйте розрізану лінію через середину тексту. Створіть форму, яка заповнює нижню половину типу, потім додайте фіолетовий градієнт. Далі, просто вирізати (CMD + X), переконайтеся, що ваш текст був обраний, потім вставте всередині (CMD + Alt + V). Якщо вам потрібно перемістити цю форму всередині типу, натисніть стрілку поруч із шаром у вікні шару, а форма вибору та переміщення повинна відкриватися нижче.

05. Додайте блиск

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Щоб додати градієнт до інсульту типу, натисніть інструмент інсульту, у верхньому правому куті інтерфейсу, потім додайте змінний чорно-білий градієнт контурів. Щоб змінити напрямок градієнта контуру, виберіть інструмент заповнення (G), щоб дістатися до контуру. У верхньому лівому куті є спадне меню контексту, змініть це від заповнення в інсульт. Для цього ми повинні йти з кута до кута, щоб дати вигляд блиску.

06. Зробити неонові свічення

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Для неонової частини додайте темно-рожевий до світло-рожевого градієнта, а потім виберіть значок FX у нижній частині палітри шарів. Це підсумть вікно ефектів ефекту шару. Ось де ми гонга, щоб додати зовнішній світ, і ефект беза / тиснення. Для зовнішнього світла, збережіть режим суміші на екрані та змініть "радіус і інтенсивність", щоб отримати бажаний ефект. Надання йому середнього рожевого кольору допоможе завершити ефект.

07. Налаштуйте кольори

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Після того, як ви позначили поле Bevel / Emboss, переконайтеся, що тип Bevel встановлений на "внутрішній". Зміна "радіусу та пом'якшення" дасть вам краю під час налаштування світлового напрямку, а "виділити та показувати колір", повинен додати деталі. Я отримав виділення рожевого / білого тонусу, а тінь глибокий фіолетовий.

08. Прикрасьте з спалахами

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Для спалахів, намалюйте два еліпси з інструментом Ellipses (M), один більший за інший. Далі додати ефект гауссового розмитого шару з значком FX, роблячи більший ще один розмитий, що менший. Використовуючи клавішу Shift, виберіть їх обох, і і покладіть їх на вершину один одного. Це гарна ідея до групи (CMD + G) у цьому пункті. Копіювати (CMD + C) стільки, скільки вам потрібно, і перемістіть їх до білих частин контуру, щоб дати ефект блиску.

09. Створіть форму, щоб супроводжувати текст

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Вибір інструменту трикутника, намалюйте трикутник і скористайтеся середньою точкою для обертання, щоб повернути його 180 градусів. Одного разу, намалюйте п'ять прямокутників (м), рівномірно відстаючи від них, і поєднуйте їх разом з додаванням значком, синім колом та квадратом разом у верхньому правому куті інтерфейсу. Потім вибираючи як трикутник, так і прямокутник, віднімайте їх за допомогою піктограми біля значка Додати. Після заповнення темно-синім, вам може знадобитися перемістити форму за головним логотипом. Ви можете зробити це за допомогою (CMD + [) і (CMD +]), щоб перемістити його шаром вперед і назад.

10. Накладання деякого шуму

Click the arrows icon (top right) to enlarge this screenshot

Натисніть значок стрілки (праворуч), щоб збільшити цей скріншот

Щоб додати фінішні штрихи, ми застосуємо деякий шум. Найпростіший спосіб зробити це - намалювати прямокутник протягом усього логотипу та заповнити білим. Коли ви натискаєте інструмент заповнення (у цьому випадку ліворуч), виберіть вкладку Колір. У нижній частині, є слайдер непрозорості, якщо ви натиснете невелике коло поруч із ним, він буде змінюватися на слайдер шуму. Посуньте це, щоб додати стільки шуму, скільки хочете. Все, що вам потрібно зробити зараз, він змінює режим зміни шару від норми, щоб помножити. Робота.

Пов'язані статті:

  • Як малювати фотографію спорідненості для iPad
  • 10 знакових прикладів дизайну Мемфіса
  • 5 Тенденції дизайну логотипів на 2018 рік

Як - Найпопулярніші статті

Зробіть свій власний стилус лише 4 предмети побуту (серйозно)

Як Sep 15, 2025

(Зображення кредиту: olly curtis) Чи знаєте ви, що можна зробити свій в..


Налаштування конфіденційності Facebook: Як зберегти свій профіль приватний

Як Sep 15, 2025

(Зображення кредиту: Alex Blake / Facebook) Налаштування конфіденційност�..


Як повернути день у ніч у Photoshop

Як Sep 15, 2025

Щоденні конверсії були навколо, поки Photoshop мав налаштування шарів, але ..


Головний контроль версії для віддалених команд

Як Sep 15, 2025

Працюючи дистанційно став набагато частіше в веб-розробці протягом ос..


Створіть приголомшливі плитні текстури в блендері

Як Sep 15, 2025

Page 1 з 2: Сторінка 1 Сторінка 1 ..


Модель Дарт Вейдер у Збрансі

Як Sep 15, 2025

Page 1 з 2: Сторінка 1 Сторінка 1 ..


Як створити яскраву фею королеву

Як Sep 15, 2025

Попросять малювати Fair Fairy Queen за допомогою нікого, крім мого улюбленого..


Неймовірна потужність Flexbox

Як Sep 15, 2025

FLEXBOX або гнучкий макет коробки - це потужний модуль макета CSS, який дає в..


Категорії