Maak een Retro-logo op een onscherpe achtergrond in Adobe Illustrator

Wat je gaat creëren

In deze tutorial gaan we een stijlvol retro-logo maken en dit op een onscherpe achtergrond plaatsen die is gemaakt met een foto in Adobe Illustrator. We zullen enkele basisvormen en -effecten gebruiken en werken met Gradient Mesh om van onze foto een onscherpe achtergrond te maken. Laten we beginnen!

1. Maak een Retro-logo van cirkels

Stap 1

Begin met het nemen van de Ellipse Tool (L) en vorm een ​​gelijkmatige cirkel door de Verschuiving knop. Voeg een kleinere cirkel toe in de eerste cirkel.

Stap 2

Selecteer beide gemaakte kringen, klik op de rechtermuisknop en kies Compound-pad maken in het vervolgkeuzemenu. Vul de nieuwe vorm met een zwarte kleur.

Stap 3

Voeg nog een zwarte ring toe in de eerste vorm. U kunt de delen van het samengestelde pad afzonderlijk bewerken door tweemaal op het pad te klikken en zo de isolatiemodus te betreden (u zult merken dat alle andere delen van uw afbeelding grijs worden). Maak de ring dunner door het binnenste gedeelte te selecteren met de Direct selectie gereedschap (A) en het uit te breiden.

Stap 4

Dubbelklik de Star Tool om het pop-upoptiesvenster te openen en de punten waarde voor 20.

Houd de toets ingedrukt Controle toets en sleep om de punten van de ster min of meer scherp te maken.

Stap 5

Vouw de ster uit, maak deze groter dan de zwarte ringen en Sturen het to Back (Shift-Control- [), plaatsen onder de andere vormen. 

Laten we de vorm soepeler maken. Voor Adobe Illustrator CC-gebruikers: selecteer de gemaakte ster, neem de Direct selectie gereedschap (A) en je zult zien dat er kleine cirkelindicatoren naast elk punt van de ster verschijnen. Klik en sleep om het even welke cirkel om de punten te verzachten. 

Ga naar als u een eerdere versie van Adobe Illustrator gebruikt Effect> Stileer> Ronde hoeken en stel de Radius waarde tot ongeveer 30 px. Object> Uiterlijk uitbreiden om het effect toe te passen.

Stap 6

Vorm een ​​andere cirkel, waardoor deze iets groter is dan de ringen.

Selecteer zowel de ster als de nieuw gecreëerde cirkel en gebruik de Minus voorkant functie van de verkenner paneel om een ​​gat te verwijderen.

Stap 7

Voeg een kleinere cirkel toe, plaats deze in het midden van de andere ringen en breng een 2 pt zwart Beroerte ernaar, het instellen van Vullen kleur voor geen. Ga naar Effect> Vervormen en transformeren> Zig Zag en stel de Grootte naar 2 px, ruggen per segment naar 30 en punten naar Glad. Controleer de Voorbeeld om ervoor te zorgen dat uw vorm op de ringen past.

Stap 8

Laten we wat tekst toevoegen om de lege ruimtes te vullen en ons logo ingewikkelder te maken. We gebruiken enkele bekende gratis lettertypen (Lobster Two en Playfair Display), die passen bij ons retro-stijlbeeld.

Stap 9

Gebruik de Star Tool om een ​​kleine te vormen 5-puntige ster. Plaats een rij van drie sterren in zowel het bovenste als onderste deel van het logo, met de nadruk op de tekst.

Stap 10

Laten we de positie van de elementen aanpassen om ons logo perfect uitgelijnd te maken. Selecteer alle onderdelen en klik op het buitenste gebogen gedeelte van ons logo terwijl u de knop ingedrukt houdt alt sleutel om er een te maken Sleutelvoorwerp. Op deze manier zullen alle andere objecten worden uitgelijnd met het Key Object. Klik op de Horizontaal centreer uitlijnen om de elementen te verplaatsen.

2. Vorm een ​​onscherpe achtergrond van uw foto

Stap 1

Laten we een contrasterende abstracte foto gebruiken, die er leuk uitziet als achtergrond. Ik heb deze natuurfoto uit mijn persoonlijke archief gekozen.

Stap 2

Bestand> Plaats de foto in ons document. U kunt het roteren om een ​​betere hoek te vinden en slechts een deel van de afbeelding in het tekengebied passen.

Stap 3

Ga verder door onze foto te selecteren en ga naar Effect> Blur> Gaussiaanse vervaging. Stel vervaging in Radius naar 30 px, het beeld onscherp maken.

Stap 4

Nu moeten we de foto in vector veranderen. Ga hiervoor naar Object> Verloopnet maken. Stel de rijen waardenaar 10 en de columns naar 15, een raster maken met vierkante cellen.Maak de cellen van het raster niet te klein of te groot om artefacten en ongelijkmatige stukken in de afbeelding te voorkomen na het converteren naar mesh.

Stap 5

We moeten af ​​van die delen van de mesh buiten het tekengebied. Laten we een rechthoek maken ter grootte van ons tekengebied (in deze zelfstudie hebben we een vierkant 600 x 600 px Artboard) en plaats deze bovenop alle andere objecten (Shift-Control-]). Selecteer zowel het gemaakte vierkant als ons net, klik op de rechtermuisknop en pas toe Maak knipmasker uit het vervolgkeuzemenu, waardoor de onnodige onderdelen in het masker worden verborgen.

Stap 6

Plaats ons logo op de gemaakte achtergrond en vul deze met grijze kleur. Schakel over Overvloeimodus naar Scherm, het logo semi-transparant maken.

Gefeliciteerd! Je stijlvolle retro logotype is klaar!

Goed werk! U kunt nu dezelfde logo's maken met dezelfde eenvoudige techniek en uw foto's omzetten in zachte, onscherpe vectorachtergronden. Ik hoop dat je een aantal nuttige tips en trucs hebt gevonden in deze korte zelfstudie. Blijf op de hoogte en veel geluk!