Sådan opretter du et retro logo med Affinity Designer

Jan 26, 2026

hvordan

Nem at bruge og med en række kreative værktøjer under dets bælte er Affinity Designer et godt alternativ til Adobe Illustrator. . Så, hvis du arbejder på en ny logo design. For eksempel har det alt hvad du behøver for at skabe et unikt og slående design.

I denne tutorial vil jeg vise dig, hvordan man går retro, ved hjælp af gradienter og lagseffekter til at oprette en Logotype fra 1980'erne i Affinity Designer. Har du brug for den perfekte skrifttype? Se vores valg af top Gratis script skrifttyper .

Mere info om Affinity Designer

01. Indstil din base tekst

Click the arrows icon (top right) to enlarge this screenshot — Klik på pilene i Icon (øverst til højre) for at forstørre dette screenshot

Først skal du oprette et nyt dokument (CMD + N), der giver dig plads nok til din typografi. Vælg rektangelværktøjet (m) og træk i en sort baggrund. Fyldnings- og slagværktøjet kan findes øverst til højre for grænsefladen. Vælg det kunstneriske tekstværktøj (T) og indstil din kopi. Skriv en anstændig Slab Sans Serif. og script skrifttype for at få 80'erne føler (tjek vores Bedste gratis skrifttyper til designere post til inspiration).

02. Tilføj en gradient

For at få dette 80'ers udseende sættes størstedelen af designet sammen med gradienter. I dette tilfælde har jeg brugt: en til himlen, en til horisonten, en til omridset, og en til neonkopien. For at skabe gradienter i designer er det nemt. Vælg blot dit objekt, og klik på Fill-værktøjet, og et vindue vises nedenfor, og vælg derefter fanen Gradient. For at tilføje flere farver til din gradient, skal du dobbeltklikke på gradientlinjen.

03. Tilpas gradienten

For at gemme din gradient skal du klikke på fanen Swatch under gradientvinduet. Ved siden af rullemenuen er der et lille paletteikon. Klik på dette. For at ændre retningen af din gradient skal du vælge Fill Tool (G), dette vil medbringe en guide, der giver dig mulighed for at flytte den rundt.

04. Træk i nogle former

For horisonten skal du vælge Pen-værktøjet (P) og tegne en ragged linje over midten af teksten. Opret en form, der fylder den nederste halvdel af typen, og tilsæt derefter din lilla gradient. Derefter skal du blot klippe (cmd + x), sørg for, at din tekst er valgt, og indsæt derefter inde (cmd + alt + v). Hvis du har brug for at flytte denne form inde i typen, skal du klikke på pilen ved siden af laget i lagvinduet, og formen til at vælge og flytte skal åbnes nedenfor.

05. Tilføj en glans

For at tilføje en gradient til typen af typen skal du klikke på Stroke-værktøjet øverst til højre for grænsefladen og derefter tilføje den vekslende sort / hvid-omrids gradient. For at ændre retningen af omridsgradientens retning, vælg fyldningsværktøjet (G) for at komme til omridset. I øverste venstre er der en sammendragsmenu, skift dette fra Fyld til slagtilfælde. For effekten skal vi gå fra hjørne til hjørne for at give udseendet af en glans.

06. Lav neon glød

For neondelen skal du tilføje en mørk pink til en lyserød gradient, og vælg derefter FX-ikonet nederst på paletten Lag. Dette vil medbringe vinduet Layer Effects. Her er hvor vi er Gong for at tilføje en ydre glød og vinkel / Emboss-effekten. For den ydre glød skal du holde blend-tilstand på skærmen og ændre 'radius og intensitet' for at få den ønskede effekt. At give det en mid-pink farve vil hjælpe med at afslutte effekten.

07. Juster farverne

Når du har krydset Bevel / Emboss-boksen, skal du sørge for, at skråtypen er indstillet til 'Indre'. Ændring af 'Radius og SOFTEN' vil give dig kanten, mens du tweaking lysretningen, og 'Highlight and Show Color' skal tilføje detaljerne. Jeg har givet højdepunktet en off pink / white tone, og skyggen en dyb lilla.

08. Dekorer med blusser

For blusserne trækker to ellipser med ellipsesværktøjet (m), en større end den anden. Næste Tilføj en Gaussian Blur Layer-effekt med FX-ikonet, hvilket gør den større endnu mere sløret, den mindre. Brug af Shift-tasten, vælg dem begge og læg dem oven på hinanden. Det er en god ide at gruppere (cmd + g) dem på dette tidspunkt. Kopier (cmd + c) så mange som du har brug for og flyt dem til de hvide dele af omridset for at give glanseffekten.

09. Opret en form for at ledsage teksten

Valg af Triangle Tool, Tegn en trekant og brug Middle Anchor Point for at rotere den 180 grader. Når du er færdig, tegne fem rektangler (m) jævnt afstand af dem fra hinanden og kombinere dem sammen med add-ikonet, en blå cirkel og firkantet i øverste højre hjørne af grænsefladen. Derefter vælger både trekanten og rektanglet, trækker dem ved hjælp af ikonet ved siden af ikonet Tilføj. Når du er fyldt med en mørkblå, skal du måske flytte formen bag hovedlogoet. Du kan gøre dette ved hjælp af (cmd + [) og (cmd +]) for at flytte det til et lag frem og tilbage.

10. Overlejer nogle støj

For at tilføje de afsluttende hånd, vil vi anvende noget støj. Den nemmeste måde at gøre dette på er at tegne et rektangel over hele logoet og fylde med hvidt. Når du klikker på Fyldværktøjet (i dette tilfælde til venstre), skal du vælge fanen Farve. I bunden er der en opacitet skyder, hvis du klikker på den lille cirkel ved siden af den, vil det skifte til en støjskyder. Skub dette for at tilføje så meget støj som du vil. Alt du behøver for at gøre nu, ændrer det Layer Blend-tilstanden fra Normal til at formere sig. Færdigt arbejde.

Relaterede artikler:

Sådan tegner du med affinitetsfoto til iPad
10 ikoniske eksempler på Memphis Design
5 LOGO DESIGN TRENDS FOR 2018

Sådan opretter du et retro logo med Affinity Designer

01. Indstil din base tekst

02. Tilføj en gradient

03. Tilpas gradienten

04. Træk i nogle former

05. Tilføj en glans

06. Lav neon glød

07. Juster farverne

08. Dekorer med blusser

09. Opret en form for at ledsage teksten

10. Overlejer nogle støj

hvordan - Mest populære artikler

Jamstack: Byg hurtigere, mere effektive hjemmesider i dag

Sådan komprimeres billeder: En webdesignervejledning

10 ting du ikke vidste, at du kunne gøre med Photoshop

Opret specielle udskrivninger i InDesign

Anatomy Masterclass: Perfekt dine figurer

Sådan laver de lækre teksturer med blyanter

Mal et munch-stil portræt i Photoshop CC

Model Darth Vader i Zbrush

Kategorier