Miten luodaan retro-logo Affinity Designer

Feb 2, 2026
Miten tehdään

Helppokäyttöinen ja useita luovia työkaluja hihnan alla, Affinity Designer on suuri vaihtoehto Adobe Illustrator . Joten, jos työskentelet uudella Logon suunnittelu Esimerkiksi sillä on kaikki, mitä sinun tarvitsee luoda ainutlaatuinen ja silmiinpistävä muotoilu.

Tässä opetusohjelmassa näytän, kuinka mennä retro, käyttäen kaltevuuksia ja kerrosvaikutuksia luoda 1980-luvun logotyyppi affiniteettisuunnittelijan. Tarvitsetko täydellisen fontin? Katso valintasi Ilmainen kirjoitusfontti .

01. Aseta perusteksti

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Ensinnäkin luo uusi asiakirja (CMD + N), joka antaa itsellesi tarpeeksi tilaa typografiaan. Valitse suorakulmion työkalu (m) ja piirrä mustalla taustalla. Täytä ja aivohalvaustyökalu löytyy käyttöliittymän oikealle. Valitse taiteellinen tekstityökalu (t) ja aseta kopio. Kirjoita kunnollinen laatta sans serif ja skriptifontti saada 80-luvun tuntuu (tutustu Parhaat ilmaiset fontit suunnittelijoille Lähetä inspiraatiota).

02. Lisää gradientti

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Saadaksesi tämän 80-luvun näyttämisen, suurin osa suunnittelusta koostuu kaltevuuksien kanssa. Tässä tapauksessa olen käyttänyt: yksi taivaalle, yksi horisonttiin, yksi ääriviivat ja yksi neon-kopio. Luodaan kaltevuuksia suunnittelijalla, se on helppoa. Valitse vain objesi ja napsauta täyttötyökalua ja näyttöön tulee ikkuna ja valitse Gradient-välilehti. Lisää värejä gradientisi vain kaksoisnapsauttamalla kaltevuuslinjaa pitkin.

03. Muokkaa gradientti

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Voit tallentaa gradientin napsauttamalla Gradientin ikkunan alapuolella olevaa Swatch-välilehteä. Pudotusvalikon vieressä on pieni paletti-kuvake. Napsauta tätä. Jos haluat muuttaa gradientin suuntaa, valitse täyttötyökalu (g), tämä tuo esiin ohjaimen, jonka avulla voit siirtää sen.

04. Piirrä joissakin muodoissa

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Valitse horisontti, valitse kynätyökalu (p) ja piirrä regged viiva tekstin keskelle. Luo muoto, joka täyttää tyypin alareunan, lisää sitten violetti gradientti. Seuraavaksi yksinkertaisesti leikkaus (CMD + X), varmista, että teksti on valittu ja liitä sitten sisälle (CMD + Alt + V). Jos sinun on siirrettävä tämä muoto tyypin sisällä, napsauta kerroksen ikkunan kerroksen vieressä olevaa nuolta ja muotoinen ja siirto on avattava alla.

05. Lisää kiilto

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Jos haluat lisätä gradientin tyypin aivohalvaukselle, napsauta aivohalvaustyökalua liitännän oikeassa yläkulmassa ja lisää vuorotteleva musta ja valkoinen ääriviivagradientti. Jos haluat muuttaa Outline Gradientin suuntaa, valitse täyttötyökalu (g), päästäksesi ääriviivat. Paikalla vasemmalla on konteksti avattava valikko, muuta tämä Täytä aivohalvaus. Vaikutus meidän on mentävä kulmasta kulmaan antamaan kiilto.

06. Tee neon hehku

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

NEON-osaan lisää pimeä vaaleanpunainen vaaleanpunainen kaltevuus ja valitse sitten FX-kuvake kerroksen paletin alareunassa. Tämä tuo esiin kerros effects -ikkunan. Tässä on, missä olemme Gong lisäävät ulomman hehkun ja viisteen / kohokuvioineen. Ulkohihnolle pitää sekoitustila näytöllä ja muuta "säde ja intensiteetti" saadaksesi halutun vaikutuksen. Antaa sen puolivälin vaaleanpunainen väri auttaa lopettamaan vaikutuksen.

07. Säädä värejä

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Kun olet valinnut viisto / kohokuviolaatikko, varmista, että BEVEL-tyyppi on asetettu "sisäiseksi". "Säteen ja pehmennys" muuttaminen antaa sinulle reunan, kun se on valon suunta ja "Korosta ja näytä väri", lisää yksityiskohdat. Olen antanut korostaa vaaleanpunaisen / valkoisen sävyn ja varjo syvä violetti.

08. Koristele soihdut

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Piirrä kaksi ellipsiä ellipses-työkalulla (M), yksi suurempi kuin toinen. Seuraavaksi Lisää Gaussin hämärtynyt vaikutus FX-kuvakkeeseen, mikä tekee suuremmasta silmänräpäyksestä, että pienempi. Valitse Shift-näppäimellä molemmat ja aseta ne toistensa päälle. Se on hyvä ajatus ryhmitellä (CMD + G) tässä vaiheessa. Kopioi (CMD + C) niin monta kuin tarvitset ja siirrä ne ääriviivojen valkoisiin osiin antamaan kiiltovaikutus.

09. Luo muoto tekstin mukana

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Triangle-työkalun valitseminen, piirrä kolmio ja käytä keski-ankkuripistettä pyörittämään sitä 180 astetta. Kun olet tehnyt, piirrä viisi suorakulmiota (m) tasaisesti erilleen toisistaan ​​ja yhdistää ne yhdessä Lisää-kuvakkeen, sinisen ympyrän ja neliön kanssa yhdessä oikeassa yläkulmassa. Valitse sitten sekä kolmio ja suorakulmio, vähentävät ne Lisää-kuvakkeen vieressä olevaa kuvaketta. Kun olet täynnä tummansinisen sinän, saatat joutua siirtämään muotoa tärkeimmän logon takana. Voit tehdä tämän käyttämällä (CMD + [) ja (CMD +]) siirtämään se kerros edestakaisin.

10. Päätä melua

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

Napsauta nuolinäppäimiä (oikeassa yläkulmassa) suurentaaksesi tämän kuvakaappauksen

Jos haluat lisätä viimeistelyn kosketukset, käytämme melua. Helpoin tapa tehdä tämä on tehdä suorakulmio koko logolle ja täyttää valkoisella. Kun napsautat täyttötyökalua (tässä tapauksessa vasemmalle), valitse Väri-välilehti. Alareunassa on läpinäkymättömyys liukusäädintä, jos napsautat sen vieressä olevaa pientä ympyrää, se muuttuu melun liukusäätimeen. Liu'uta tämä lisätäksesi niin paljon kohinaa kuin haluat. Sinun tarvitsee vain tehdä nyt, että se muuttaa kerroksen sekoitustilaa normaalilta moninkertaistaa. Työ tehty.

Aiheeseen liittyvät artikkelit:

  • Kuinka piirtää affiniteetti Kuva iPadille
  • 10 Iconic esimerkkejä Memphis Designista
  • 5 Logo Design Trendit vuodelle 2018

Miten tehdään - Suosituimmat artikkelit

Kuinka käyttää pilvivarastoa luovana

Miten tehdään Feb 2, 2026

(Kuva luotto: Jan Vašek Pixabaystä) Miksi sinun täytyy tietää, miten voit käyttää pilvivarastointia? Well Clo..


Kuinka tehdä Rose: aloittelija ja kehittyneet vinkit

Miten tehdään Feb 2, 2026

Miten tehdä ruusu - Kuinka tehdä Rose Video - Kuinka tehdä Rose: aloittelijat - Kuinka tehdä R..


Luo animoitu CSS-taide

Miten tehdään Feb 2, 2026

(Kuva luotto: Tiffany Choong) CSS-kuvien luominen on hauska tapa harjoittaa taitojasi ja luoda siisti taideteos. Se o..


Aloita Babel 7

Miten tehdään Feb 2, 2026

Javascript on ainutlaatuinen ekosysteemin leveyden vuoksi. Vaikka uudet standardit lisäävät syntaktista sokeria, saada ne tuke..


Kuvan painopisteen korostaminen

Miten tehdään Feb 2, 2026

Käyttämällä elementtejä Lyijykynän underdrawing on erinomainen tapa kaapata katsojan huomion pala. Lisäksi ..


Luo laadukkaita digitaalisia kopioita taiteestasi

Miten tehdään Feb 2, 2026

Taide ei ole vain luomista, se on myös jakamisesta. Kun olet tehnyt kauniin työn, olet ylpeä, on vain luonnollista, että haluat muiden näkemään sen. Tätä on useita tapoja. Tietenkin ..


Luo yksinkertaisia ​​kuvia verkkoille

Miten tehdään Feb 2, 2026

Istuin alas, pelannut jotain musiikkia, himmennettiin valot ja avasi kannettavan tietokoneeni. Minulla oli paljon tekemistä. Pyr..


Tutki luovaa koodia P5.JS: llä

Miten tehdään Feb 2, 2026

Viettää päivä Brendan Dawes at Luo Lontoo ja löyd..


Luokat