Luo logo Affinity Designerilla

Affinity-suunnittelija on uusi uusi suunnittelu- ja kuvitussovellus, joka räjähti paikalle viime vuonna ja voitti heti Toimittajan valinnan, ennen kuin hänestä tuli toisen vuoden 2014 parhaan sovelluksen kilpailu. Eilen Serif ilmoitti joistakin Affinity Designer 1.4: n uudet parhaat ominaisuudet .



2016 macbook pro kattaa 13 tuuman

Tässä opastan, kuinka luoda ainutlaatuinen logo ohjelmiston avulla. Käsittelen sovelluksen perusteet, mukaan lukien työskentely viivojen ja muotojen kanssa, sivun asettaminen ja erilaisten elementtien vieminen tehokkaaksi web-grafiikaksi.



Affinity Designer on toistaiseksi vain Mac-tietokone, mutta se voi muuttua, kun kehittäjät ovat viimeistelleet työkalupaketin (joka sisältää myös Affinity-valokuva ja Affinity Publisher).

Ennen kuin aloitat, lataa 10 päivän Affinity Designer -kokeilu ja asenna se (tai sukeltaa sisään ja osta se Mac App Storesta). Affinity Designer toimii OS X 10.7.5: ssä tai uudemmassa ja vaatii vain Core 2 Duo -prosessorin.



Vaihe 01

Määritä uusi asiakirjasi

Määritä uusi asiakirjasi

Käynnistä sovellus ja luo uusi asiakirja käynnistyspaneelista. Suunnittelemme skaalautuvaa vektorilogoa, asiakirjan tyyppi ja pikselikoko eivät ole kriittisiä - olemme valinneet WXGA: n (1280x800) Web-helppouden vuoksi. Suunnittelun valmistelemiseksi ota Snapping käyttöön ja valitse avattavasta luettelosta käyttöliittymän esiasetus, mikä mahdollistaa myös Force Pixel Alignment -tilan. Ota oppaat ja viivaimet käyttöön myös Näytä-valikosta.

Vaihe 02

Hanki kynätyökalu valmiiksi



Hanki kynätyökalu valmiiksi

Valitse kynätyökalu vasemmalta ja valitse 'Viivatila' -vaihtoehto yläreunan kontekstityökaluriviltä rajoittaa luomisen suoriin viivoihin. Aseta oikealla aivohalvauspaneelissa aivohalvauksen paino 9,6pt (tai kirjoita 40px, niin se muuntuu sinulle). Jos haluat, että aivohalvauspainot näytetään pikseleinä normaalipisteiden sijaan, poista valinta kohdasta Näytä linjat pisteinä kohdasta Affinity Designer> Asetukset.

Vaihe 03

Aloita piirtää viivoja

Aloita piirtää viivoja

Napsauta ja pidä alhaalla suunnittelualueen keskikohdasta ylhäältä ja vasemmalta, rajoita viiva pystysuoraan pitämällä Vaihto-painiketta ja vedä alaspäin. Vapauta vetääksesi lyöntiä (meidän on 580 kuvapistettä pitkä). Aseta korkkityypiksi Butt, jotta pää on tasainen. Siirry Siirrä-työkaluun (V), pidä cmd-näppäintä painettuna ja luo kopio napsauttamalla ja vetämällä viivaa siirtämällä sitä oikealle. Pidä vaihtonäppäintä painettuna pitämään kopio kohdistettuna.

Vaihe 04

Hanki oppaasi järjestyksessä

Hanki oppaasi järjestyksessä

Nyt on ilmeistä, että jotkut asetteluoppaat auttavat pitämään kasvavan määrän elementtejä siistinä. Ensimmäinen pystysuuntainen iskumme on X = 425, ja voit sijoittaa toisen silmällä tai lisätä ohjaimia napsauttamalla viivaimia ja vetämällä oikealle tai alas. Logollemme sopivaksi lisäämme vaakasuuntaiset ohjaimet 110, 400, 690 kuvapisteen kohdalla ja pystysuuntaiset ohjaimet 425, 640, 855 kuvapistettä käyttämällä Näytä> Oppaiden hallinta -toimintoa.

Vaihe 05

Asioiden pitäisi napsahtaa paikalleen

Asioiden pitäisi napsahtaa paikalleen

Aseta oikea viiva ohjaimen yli 855 kuvapisteen kohdalla - sen tulisi napsahtaa kauniisti paikalleen. Valitse kynätyökalu uudelleen ja piirrä diagonaalinen viiva logon vasemmasta yläkulmasta suoraan logotilan keskikohdan yläpuolelle. Vaihda Siirrä-työkaluun (V) uudelleen, pidä cmd-näppäintä painettuna ja vedä kopioidaksesi tämän, kuten teimme pystyviivalla. Käännä se käyttämällä ylätyökalurivin '' Käännä vaaka '' -painiketta. Sijoita se oikealle.

Vaihe 06

Laajenna aivohalvauksia

oppia piirtämään, kun vihaat piirtämistä
Laajenna aivohalvauksia

Voit muokata näitä viivoja siirtämällä päätysolmuja Solmu-työkalulla (A). Jos olet tyytyväinen, valitse molemmat lävistäjät napsauttamalla Vaihto-napsauttamalla niitä ja valitsemalla sitten Taso> Laajenna aivohalvaus. Tämä muuntaa ne suorakaiteen muotoisiksi muotoiksi, jotka on helpompi valita ja kohdistaa. Lähennä 'M': n pisteeseen ja aseta alimmat kulmat uudelleen keskilinjalle solmutyökalulla.

Vaihe 07

Lisää koristeita

Lisää koristeita

Aika kaunistaa 'M'! Napsauta vasemmanpuoleisen työkalurivin kolmion muotoa valitaksesi sen (lisää vaihtoehtoja on saatavana, jos pidät alhaalla) ja piirrä sitten kolmio, joka on 130 kuvapistettä 115 kuvapistettä. Täytä se mustana Väripaneelin kautta ja poista iskunpituus. Aseta M-kirjaimen vasempaan alakulmaan ja kopioi se sitten oikealle. Jos et ole vielä tallentanut malliasi, paina cmd + S ja nimeä tiedosto.

Vaihe 08

Yhdistä muodot

Yhdistä muodot

Kopioi kolmio uudelleen ja aseta sitten Muunna-paneeli oikeassa alakulmassa asettamaan sen kooksi 70 kuvapistettä ja 60 kuvapistettä. Kierrä 90 ° käyttämällä muodon pyörivää lollypopia pitämällä Shift-painiketta painettuna. Sijoita yksi kolmio ensimmäisen iskun vasemmalle keskelle, kopioi ja käännä sijoittaa toinen oikean iskun kohdalle. 'Laajenna aivohalvaus' kahdella pystyviivalla, valitse sitten kaikki cmd + A ja liitä muodot sitten oikeassa yläkulmassa olevalla Lisää-painikkeella.

Vaihe 09

Luo seuraava kirjain logollesi

Luo seuraava kirjain logollesi

Nyt aiomme luoda C: n, joka istuu M: n sisällä. Luo ellipsi 265x280 kuvapistettä ilman täyttöä ja 40 kuvapisteen viivaa. Keskitä se suunnittelualueelle ja muunna se sitten muodoksi (Taso> Laajenna viiva). Luo seuraavaksi suorakulmio, jonka korkeus on 60 kuvapistettä, ja aseta se ellipsin oikean puolivälin oikealle puolelle (tämä muodostaa tauon C: ssä). Valitse molemmat kohteet vaihto-napsauttamalla ja leikkaa suorakulmio ellipsistä 'Vähennä' -painikkeella. Olen myös lisännyt pienen kolmion kirjeen vasemmalle puolelle.

Vaihe 10

Käyrän manipulointi

Käyrän manipulointi

Jos tunnet käyrän manipulaatiota, voimme lisätä mielenkiintoa M: n keskipisteeseen. Lisää pieni ympyrä 40 pikselin vedolla ja muunna käyriksi. Katkaise käyrä ylemmän solmun kohdalta ja liikuta löysiä päitä muodostaaksesi pisaran muodon, joka täyttää M: n kädet. Joitakin käyriä koskevia käytäntöjä voi käydä osoitteessa bezier.method.ac. Voit myös lisätä siistin 5 kuvapisteen pyöristyksen M-yläpisteiden yläosaan Corner-työkalulla - valitse molemmat solmut ja napsauta ja vedä tasoittaaksesi.

Vaihe 11

Vie SVG: nä

Vie SVG: nä

Nyt haluamme tallentaa tiedostosi uudelleen ja viedä logon SVG: ksi, jotta voimme käyttää sitä helposti muissa projekteissa. Valitse kaikki painamalla cmd + A, siirry Tiedosto> Vie ja valitse Vie-valintaikkunan yläosassa olevista kuvakkeista 'SVG'. Valitse Vie-pudotusvalikosta Valinta ilman taustaa ja napsauta sitten Vie. Nyt sinun tarvitsee vain antaa logollesi nimi, valita kansio (muista missä se on!) Ja painaa Tallenna. Sulje suunnittelu Tiedosto-valikosta.

Vaihe 12

Sivu pilkkaa

Sivu pilkkaa

Seuraavien vaiheiden aikana aiomme käyttää tekniikoita, jotka olet jo oppinut pilkkaamaan sivua logosi ympärillä. Luo uusi muotoilu, saman kokoinen tai suurempi kuin aikaisemmin (meidän on 3840 x 7400 kuvapistettä), ja olemme poistaneet valinnan 'Läpinäkyvä tausta'. Kun olet avannut, varmista, että Snapping on käytössä, ja valitse käyttöliittymän esiasetus uudelleen. Napsauta sitten 'Aseta kuvatyökalu' -painiketta, valitse logosi SVG ja vedä se ulos sivun keskiosasta. Meillä on suunnilleen 260 kuvapistettä neliö, mutta se näyttää täydelliseltä missä tahansa koossa!

Vaihe 13

Suunnittele ulkoasu

Suunnittele ulkoasu

Valitse, aloitetaanko ensin ohjeista vai sisällöstä (ja ohjeista sen jälkeen) aloittaaksesi asettelusi. Oppaamme määrittelevät toistuvan alueen, joka sisältää taustakulmion, yhden suuren ja kolme pientä kuvaa, tuotetiedot ja painike-alueet. Voit vetää nämä oppaat viivainten sivulle.

Vaihe 14

Asettelutemppuja

Asettelutemppuja

Aika joitain asetteluvinkkejä! Voit tasata nopeasti keskelle napsauttamalla objektia hiiren kakkospainikkeella ja valitsemalla Tasaus> Tasaa keskusta. Tai lisää Tasaus (ja jakelu) -säätimet ylempään työkalupalkkiin vetämällä ja pudottamalla - muokkaa työkaluriviä valitsemalla Näytä> Mukauta työkalupalkki ... tämän saavuttamiseksi. Lisää tekstiä vasemmalla olevalla työkalulla, joko skaalautuva 'Taideteksti' tai perinteinen 'Kehysteksti'. Käytä Hex-värejä vaihtamalla Väri-paneelin valikosta Liukusäätimet ja pudotusvalikosta RGB Hex.

Vaihe 15

Vie elementtejä

Vie elementtejä

Kun olet tyytyväinen sivumalliin, on aika valita vietäviä elementtejä. Voit valita useita tuotekuvia napsauttamalla cmd + napsauttamalla kutakin Tasot-paneelissa tai Vaihto-napsauttamalla kutakin kuvassa. Vaihda nyt Vie persoonaan vasemmassa yläkulmassa olevalla painikkeella. Napsauta Tasot-paneelissa Luo viipaleita. Voit säätää viipaleita mihin tahansa kokoon missä tahansa asennossa.

Vaihe 16

Lopullinen vienti

Lopullinen vienti

Poista Viipaleet-paneelissa kaikki paitsi valitut kuvat. Valitse vietäänkö 1x, 2x, 3x (vai kaikki kolme). Katso asetuksia kohdasta Vie vaihtoehdot. Tuotamme JPG-tiedostoja korkealaatuisina käyttämällä Lanczos3-resampleria ja sivuutamme mielelläni ICC-asetukset (mutta ne ovat siellä, jos tarvitset niitä!). Napsauta nyt Viipaleet-paneelin alaosassa Vie valittu, valitse kansio ja napsauta Vie.

Olet valmis!

Logo käytössä

Logo käytössä

Se siitä! Olet nähnyt joitain luomistyökaluja, pikselimuotoisen täydellisen muodon manipulointia, asetteluavustajia, vientiä SVG: nä, vientialueiden luomista suunnitteluelementeistä ja optimoidun grafiikan vientiä. On paljon tapoja saada Affinity Designer sopimaan ainutlaatuiseen työnkulkuun - aloita sen käyttäminen omalla tavallasi nähdäksesi, mikä sopii!

miten tekstuuria käytetään kuvittajana

Tämä artikkeli julkaistiin alun perin numerossa 269 nettilehti .

Aiheeseen liittyvät artikkelit: