Advertisement
  1. Design & Illustration
  2. Logo Design

Maak een Retro logo op een onscherpe achtergrond in Adobe Illustrator

Scroll to top
Read Time: 4 min
This post is part of a series called How to Create a Logo.
Comparing the Logo Creation Process Between Adobe Photoshop and Illustrator
Team Awesome: From Hand-Lettered Logotype to Vector in Adobe Illustrator

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In deze tutorial gaan we creëren een stijlvolle retro logo en plaats deze op een onscherpe achtergrond gemaakt van een foto recht in Adobe Illustrator. We zijn met behulp van sommige basisvormen en effecten en werken met de Gradient Mesh aan onze foto omzetten in een intreepupil achtergrond. Laten we beginnen!

1. Maak een Retro Logo van cirkels

Stap 1

Start door het nemen van de ellips Tool (L) en vormen een zelfs cirkel door de Shift knop ingedrukt houden. Een kleinere cirkel binnen het ene toevoegen.

make circles with Ellipse Toolmake circles with Ellipse Toolmake circles with Ellipse Tool

Stap 2

Selecteer beide gemaakt kringen, klikt u op uw rechter muisknop en kies samengestelde pad maken in het dropdownmenu. De nieuwe shape opvullen met zwarte kleur.

make compound path from circlesmake compound path from circlesmake compound path from circles

Stap 3

Voeg een andere zwarte ring in de eerste vorm. U kunt de delen van het samengestelde pad afzonderlijk bewerken door te klikken op twee keer op de weg en dus voeren de isolatiemodus (u zult merken dat alle andere delen van uw afbeelding worden lichter gekleurd weergegeven). De ring dunner maken door te selecteren de binnenste gedeelte met de Direct Selection Tool (A) en het uit te breiden.

edit the compound path in isolation modeedit the compound path in isolation modeedit the compound path in isolation mode

Stap 4

Dubbelklik op het gereedschap ster om te noemen het venster pop-opties en de punten waarde ingesteld op 20.

create a star with 20 pointscreate a star with 20 pointscreate a star with 20 points

Houd de Control-toets ingedrukt en sleep om de punten van de ster meer of minder scherp.

vary the points sharpness with control keyvary the points sharpness with control keyvary the points sharpness with control key

Stap 5

Vouw de ster, waardoor het groter is dan de zwarte ringen en stuur het naar rug (Shift-Control-[), plaatsen van het onder de andere vormen.

Laten we de vorm vloeiender. Voor Adobe Illustrator CC gebruikers: Selecteer de gemaakte star, neem de Direct Selection Tool (A) en je zult merken indicatoren van de kleine cirkel weergegeven naast elk punt van de star. Klik en Sleep elke cirkel te vlakken van de punten.

Als u van een eerdere versie van Adobe Illustrator gebruikmaakt, gaat u naar Effect > Stileer > ronde hoeken en reeks de straal waarde aan ongeveer 30 px. Object > uitbreiden uiterlijk om het effect te passen.

smoothen the corners of the starsmoothen the corners of the starsmoothen the corners of the star

Stap 6

Vormen een ander cirkel, waardoor het iets groter dan de ringen.

create a circle with ellipse toolcreate a circle with ellipse toolcreate a circle with ellipse tool

Selecteer zowel de ster en de nieuw gecreëerde cirkel en gebruik de Minus Front functie van het deelvenster Pathfinder te snijden een gat.

use minus front to cut out a hole in the staruse minus front to cut out a hole in the staruse minus front to cut out a hole in the star

Stap 7

Toevoegen van een kleinere cirkel, brengen het in het midden van de andere ringen, en de toepassing van een 2 pt zwarte lijn, instellen van de opvulkleur op geen. Ga naar Effect > vervormen & Transform > Zig Zag en de grootte van het op 2 instellen px, ruggen per Segment naar 30 en wijst naar Smooth. Controleer het voorbeeldvak om te controleren of dat uw vorm past de ringen.

create a zig zag inside the ringscreate a zig zag inside the ringscreate a zig zag inside the rings

Stap 8

Laten we Voeg wat tekst om te vullen de lege ruimten en ons logo ingewikkelder maken. Wij zullen sommige bekende gratis lettertypen (twee kreeft en Playfair Display), die passen bij ons imago retro-stijl gebruiken.

Add retro textAdd retro textAdd retro text

Stap 9

Gebruik de ster gereedschap om te vormen van een kleine 5-puntige ster. Plaats een rij van drie sterren in zowel de bovenste en onderste delen van het logo, nadruk op de tekst.

add 5-pointed stars to our logoadd 5-pointed stars to our logoadd 5-pointed stars to our logo

Stap 10

Laten we bewerken de positie van de elementen om ons logo perfect zijn uitgelijnd. Selecteer alle onderdelen en de gebogen buitenste deel van ons logo op terwijl u de Alt-toets om er een Key-Object. Op deze manier die zal alle andere objecten worden uitgelijnd op het hoofdobject. Klik op de horizontale Centreren als u wilt verplaatsen van de elementen.

align the elements to the key objectalign the elements to the key objectalign the elements to the key object

2. vorm een onscherpe achtergrond van uw foto

Stap 1

Laten we een contrasterende abstracte foto, die er mooi als achtergrond ziet gebruiken Ik heb dit soort schot van mijn persoonlijke archief geplukt.

select a photo for your backgroundselect a photo for your backgroundselect a photo for your background

Stap 2

Bestand > plaats van de foto in ons document. U kunt het om te zoeken naar een betere hoek, draaien inpassen slechts een deel van de afbeelding in het tekengebied.

File Place the photo in our documentFile Place the photo in our documentFile Place the photo in our document

Stap 3

Blijven door onze foto te selecteren en te verplaatsen naar Effect > Blur > Gaussian Blur. De blur Radius ingesteld op 30 px, waardoor de opname intreepupil.

apply gaussian blur to the photoapply gaussian blur to the photoapply gaussian blur to the photo

Stap 4

Nu moeten we de foto omzetten in vector. Voor dit doel, ga naar Object > Gradient Mesh maken. Stel de waarde van rijen naar 10 en de kolommen naar 15, een raster met vierkante cellen maken. Maak niet de cellen van het raster te klein of te groot om te voorkomen dat artefacten en ongelijke stukken op de afbeelding na het omzetten van het gaas.

Create Gradient Mesh from our photoCreate Gradient Mesh from our photoCreate Gradient Mesh from our photo

Stap 5

We moeten om zich te ontdoen van die delen van het net buiten het tekengebied. Laten we maken een rechthoek met de grootte van onze tekengebied (in deze tutorial hebben we een vierkant 600 x 600 px tekengebied) en plaats het boven op alle andere objecten (Shift - Control-]). Selecteer zowel de gemaakte plein en onze mesh, klikt u op de rechter muisknop en Knipmasker maken van het dropdown menu, dus verbergen de overbodige delen binnen het masker toepassen.

create clipping maskcreate clipping maskcreate clipping mask

Stap 6

Onze logo op de gemaakte achtergrond plaatsen en vul deze met grijze kleur. De Blending Mode op scherm, waardoor het logo semi-transparante schakelen

apply screen blending mode to the logoapply screen blending mode to the logoapply screen blending mode to the logo

Gefeliciteerd! Uw stijlvolle Retro Logotype Is klaar!

Tof job! Nu kunt u soortgelijke logo's met behulp van de dezelfde eenvoudige techniek en turning uw foto's in zachte intreepupil vector achtergronden maken. Ik hoop dat je hebt gevonden enkele nuttige tips en trucs in deze korte tutorial. Stay tuned en veel geluk!

final image of retro logo on a blurred vector backgroundfinal image of retro logo on a blurred vector backgroundfinal image of retro logo on a blurred vector background
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
One subscription. Unlimited Downloads.
Get unlimited downloads