Lag et rationalisert, geometrisk ordmerke og ambigram

Å lage din egen grafiske identitet er aldri en enkel feat. Faktisk kan det være det vanskeligste du noensinne har gjort. Det er vanligvis ingen frist - bare en pretensiøs klient med irrasjonelle forventninger: deg selv.

I å prøve å finne det riktige utseendet, gikk jeg ikke grave gjennom populære skrifttyper og trendy fargeskjemaer. Siden det meste av arbeidet mitt er eksperimentelt og helt selvfremstillet, hvorfor bør ikke min egen logo være så bra?


Introduksjon

Det første du bør vite er at skape brevformularer er ikke for alle. For de fleste anbefales det å bruke et eksisterende skrift. Faktisk kan man spørre "Hvis ditt ordmerke er så enkelt, hvorfor bry deg? Hvorfor ikke bare bruke en skrift?" Jeg er sikker på at det er tonnevis av bedre utseende skrifttyper der ute. Men ingen av dem gjør meg så glad som denne. Du skjønner, jeg har gjort dette. Hvis du er en praktisk mann som meg, å være fornøyd med noe, betyr det at det oppfyller dine krav. Så, hva vil du få ut av logoen din?


I denne opplæringen lærer jeg deg hvordan du lager en logo som oppfyller følgende behov. Først og fremst er jeg en bildemaker som overveiende viser arbeid i digitalt format. Det er allerede en indikator på at fonten min må se bra ut på skjermen. Sans-serif-fonter fungerer godt digitalt, så det er allerede en god grunn til å gå i den retningen.

For det andre trenger arbeidet mitt en signatur, et symbol, noe som identifiserer et bestemt arbeid som min egen. I den digitale verden kalles det et vannmerke. Svært tidlig bestemte jeg meg for at symbolet ville være et monogram. Jeg har alltid vært tiltrukket av gammeldags ting, og dette kan faktisk være mer enn et sentimentelt valg. Monogrammer opptar lite plass, kan vises i både store og små formater, men tilbyr nok informasjon til å bli gjenkjennelig. I en veldig lang skissearbeid skjønte jeg at monogrammet mitt kunne bli en ambigram (leser det samme når det roteres opp-ned). Det er +1 for awesomeness. :)

Bra, så jeg vil ha et enkelt sans-serif-ordmerke og tilhørende ambigram. Nå hvordan kan man gjøre det til mer enn en skisse? Det finnes forskjellige måter å opprette en skrift på. Siden jeg er en slik kontrollfreak i arbeidet mitt, valgte jeg å gjøre dette gjennom geometrisk konstruksjon. Det betyr at ingenting er grovt estimert ved syn. Kurver er opprettet ved å tilpasse en serie proporsjonalt skalerte sirkler. Deres radius bestemmes av nøyaktig vinklede linjer, og skrifttypevektene er metrisk spesifisert. Enkelt sagt, ingenting er igjen til sjansen.


Trinn 1

Før vi kommer inn i det, trodde jeg at jeg ville vise en av mine brev i forhold til Futura Std, slik at du får en følelse av proporsjon på hvor stort for å lage kretsene dine. Dette er også nettverket vi skal lage.



Steg 2

I de følgende trinnene la jeg brevet 'e' på plass. Dette vil tjene som en veiledning, igjen for proporsjonal skyld, selv om vi gjenskaper det fra bunnen av. Denne bokstavet vi skal skape, blir senere omgjort til en 'a', 'e' og en 'c'.

For å begynne, lag din første sirkel. Dette vil være bollen hjørnet, så å si. I hele denne delen må du sørge for at Illustrators Smart Guide-alternativ er slått på (Command + U) og snapping aktivert (Option + Command + "). Det er ikke bare en tidsbesparende i denne situasjonen, men også nødvendig.



Trinn 3

Lag en horisontal linje som strekker seg fra den ene siden av sirkelen til den andre.



Trinn 4

Gå til Objekt> Transformere> Roter og roter linjen i en -25 graders vinkel.



Trinn 5

Dra linjen langs banen mot venstre side. På den måten har du et klart kryss av stier med sirkelen.



Trinn 6

Linjen er nå over sirkelen, siden den ble opprettet etterpå. Vi vil at sirkelen skal være på toppen, siden vi prøver å legge til et skjæringspunkt i sirkelens sti. Endre arrangementet ved å bringe sirkelen på toppen, eller kutt og lim sirkelen på plass (Command + F). Deretter holder du musen over krysset og legger et punkt med pennverktøyet (P).



Trinn 7

Kopier og lim inn linjen på plass (Command + F) Gå til Objekt> Transform> Reflektere. Vend det via den vertikale aksen.



Trinn 8

Gjenta linjeprosessen (dra linjen langs banen, ta sirkelen på toppen, legg til et skjæringspunkt i sirkelen).



Trinn 9

Kopier og lim inn sirkelen på plass, og gå til Objekt> Transform> Skala. Gjør det 225% større.



Trinn 10

Dra 15-graders vinkel toppunktet i den store sirkelen direkte på toppen av det minste punktet. De burde stikke sammen på plass.



Trinn 11

Kopier og lim inn den minste sirkelen. Dra denne som du gjorde med den første, unntatt over det nedre punktet i den store sirkelen.



Trinn 12

Dette er hva din konstruksjon skal se nå. Dette fullfører den ytre kant av brevet. Neste opp er den indre radiusgrensen.



Trinn 13

Kopier og lim inn den lille sirkelen til ytre radius. Skal ned til 50%.



Trinn 14

Ved hjelp av Smart Guides-alternativet, legg til et punkt med pennverktøyet på den indre radiuskretsen på 135 grader (veilederen vises automatisk). I utgangspunktet er dette en 45 graders diagonal.



Trinn 15

Kopier og lim inn den lille sirkelen (vi kaller denne nye en mellomstor). Skalere det på 130%.



Trinn 16

Igjen, lag diameteren for sirkelen som du gjorde før, men i en -15 graders vinkel denne gangen.



Trinn 17

Kopier og lim inn på plass en av de store kretsene. Gi den en -15 graders diameter også.



Trinn 18

Flytt den store sirkelen slik at den tilsvarer sirkelens 15 graders vinkelpunkt.



Trinn 19

Kopier og lim inn de to sirklene (små og mellomstore). Vend dem vertikalt (horisontal refleksjon) og klikk dem på det nedre 15 graders punktet i den store sirkelen (hvis du ikke har opprettet en, gjør det nå).



Trinn 20

Kopier og lim inn en annen stor sirkel, og klikk den til toppunktet for middelsirkelen. Gjør det samme for bunnen.



Trinn 21

Opprett nå et 37 pt slag som er større enn brevet. Lag også et tynt slag som du vil bruke som en guide (sett i svart). Fest styrelinjen til høyre i middelsirkelen.



Trinn 22

Mens du har det store slaget valgt, går du til Objekt> Utvid.



Trinn 23

Lag noen retningslinjer på hver side av dette tykke slag.



Trinn 24

Slett tykk slag, og send styrene du nettopp har gjort på baksiden av lerretet.



Trinn 25

hvor styrene krysser med de store ytre og indre sirkler, legg til skjæringspunkter.



Trinn 26

Vår konstruksjon er nå fullført. La oss begynne å kutte sammen den ytre grensen. Kopier bare de ytre kantelementene til et nytt lag, og skjul det forrige.



Trinn 27

Slik fungerer dette. Hver sirkel er bare relevant til den berører en annen sirkel. Så fra den store ytre toppsirkelen (fortsatt oppbevart som en hvit linje for referanse) er alt vi trenger, den lille, øvre delen. Siden vi har lagt inn krysspunkter for alle, er alt vi trenger å gjøre, å trimme ekstramaterialene ved å slette unødvendige punkter med direkte valgverktøyet (A-hvitt pil). Slett alt, men den uthevede delen nedenfor.



Trinn 28

Fra hjørneradiusen, la like mye for å forbinde den øverste og venstre store sirkelen.



Trinn 29

Gjør det samme for venstre stor sirkel, og deretter bunnen.



Trinn 30

Akkurat nå, så ser sirkelen din ut. Ikke bry deg om at toppen er lengre. Det er egentlig ikke - bokstavet er litt mindre bredt enn "a" på toppen.



Trinn 31

Banen kan se kontinuerlig ut, men faktisk splittes den opp i de mange stykkene vi opprettet. Vi trenger nå å delta i alle kryssingspunktene sammen. Med direkte utvalgsverktøyet (A) drar du over de to overlappingspunktene og går sammen i stiene sammen (Command + J). Gjør dette for alle splittede endene.



Trinn 32

Din utvendige oversikt er nå ferdig. Vær forsiktig så du ikke går glipp av løse ender.



Trinn 33

Gjenta prosessen for det indre omrisset, bør gi deg dette resultatet. Husk å bli med i de to banene sammen også.



Trinn 34

Husk de to vertikale guiderne vi plasserte? Lukk av 'a' bolle med rektangelverktøyet (M).



Trinn 35

Fyll skålbanen med en solid farge, fjern oversikten og grupper den med rektangelet. Og til slutt har vi vårt første brev!



Trinn 36

Dupliser det og la oss gå videre til neste brev. Lag en 15 graders vinkellinje.



Trinn 37

Legg det nederste endepunktet på linjen over hjørnet av brevet.



Trinn 38

I samme teknikk for å plassere endepunkter over kryssende stier, trim av bunnen av bollen.



Trinn 39

Flytt rektangelet ved å knipse nederst til høyre over bokstavets nederste endepunkt.



Trinn 40

Krymp rektangelet til en 70% vertikal proporsjon. Husk å gjøre dette ikke-samsvarende, for å bevare tykkelsen.



Trinn 41

Dra øverste høyre hjørne av rektangelet til det klikker på bunken.



Trinn 42

Trim av overskriften av bolle på høyre side av rektangelet, som vist nedenfor.



Trinn 43

Dupliser rektangelet, roter det 90 grader vinkel og klikk det til hjørnet av forrige rektangel.



Trinn 44

Dupliser det vertikale rektangelet og klem det til bunternes midterste ankeranker.



Trinn 45

Dra de to endepunktene til det horisontale rektangelet med Direct Selection Tool (A) til det klikker til det tredje rektangel. Slett sistnevnte for å avsløre gapet.



Trinn 46

'C' er en enkel modifikasjon over 'e'. Bare trim av den horisontale deleren mens du bruker en guide fra 'e'. Vi har nå de tre vanskeligste bokstavene å lage!



Trinn 47

Vi begynner nå å lage formuleringen, og opprette nye bokstaver der det er nødvendig. For å begynne, trenger vi et plasseringsnett. Lag to svært lange horisontale linjer og snap dem til lengst vertikale ankre på 'a'.



Trinn 48

Grupper de to linjene (Command + G), klipp og lim dem på et nytt lag, kopier og lim dem på plass (Command + F). Skal denne nye gruppen ned til 94% på sin vertikale akse. Hvorfor det dobbelte sett med guider? Ta en rask titt på hver profesjonell skrifttype i biblioteket ditt. Du vil legge merke til at tellerne alltid når lengre enn stengene. Dette skyldes at når telleren og stammen er på like nivåer, oppfatter man visuelt at stammen er høyere. For å kompensere denne forskjellen i nivå må man øke tellernivået utenfor x-høyden.



Trinn 49

De røde linjene er nå vår x-høyde. Vi trenger nå en stigende linje (merket med hvitt).



Trinn 50

Opprett en vertikal linje som klikker fra oppstigningslinjen, til grunnlinjen. Ikke bland grunnlinjen med tellerlinjen. Husk stenglene (det vi lager nå), faller ikke sammen med tellerlinjene. Det kan hjelpe deg med å endre fargen på basislinjen og x-høyden til en annen.



Trinn 51

Legg til en annen guide som snaps til toppen av bokstaven 'a' bolle (som vist nedenfor). Deretter legger du på skriftslaget 20 graders vinkellinje og klikker topppunktet hvor styret krysser med stammen.



Trinn 52

Vi trenger nå en komponent for 'l' brevet. Lag en veldig stor sirkel på samme lag.



Trinn 53

Fest det venstre horisontale ankeret til sirkelen til stammen.



Trinn 54

Legg til ankre på stiene der de krysser med støttelinjene. En for disklinjen, og en annen for grunnlinjen. Pass på å låse styrelaget, ellers vil ankrene ende opp på støttelinjene, i stedet for stier.



Trinn 55

Trim av sirkelen til du er igjen med den lille nedre venstre delen. Koble stiene for å få et sluttbrev 'l'.



Trinn 56

Opprett en lang 40 pt (linje tykkelse) vertikal linje, og roter den i en 35 graders vinkel.



Trinn 57

Dupliser linjen og vri den horisontalt.



Trinn 58

Utvide det og trimme overskuddet, igjen, ved hjelp av grunnlinjen og x-høyden som en veiledning. Når x er fullført, roter du en 'l' med 90 grader og snap den til bunnen av tellerlinjen. Deretter dupliserer du støttelinjene, og klem dem til bunnen av den roterte 'l'. Vi har i utgangspunktet nettopp opprettet guider for en andre rad med noen radavstand som er identiske med skriftvekt. Dette gir en veldig stram layout, men umulig å gjøre med store typer kropper.

Du ser, jeg har ingen synkende bokstaver i mitt fornavn (ex 'g' - bokstaver som faller utover grunnlinjen). Med en slik utforming vil descenders overlappe med andre rad, noe som ville være et problem åpenbart.



Trinn 59

Dupliser "a" og vri den horisontalt på den nederste raden.



Trinn 60

Utvid stammen til den når oppstigningslinjen.



Trinn 59

Dupliser "a" og vri den horisontalt på den nederste raden.



Trinn 60

Utvid stammen til den når oppstigningslinjen.



Trinn 61

Modifikasjonen vi skal lage er en som forbedrer lesbarheten i små størrelser. Det er den typen ting man merker etter trykking av trykker og små størrelsestester på skjermen. Opprett en sirkel som gir et omtrentlig resultat som vist nedenfor. Ved hjelp av teknikken som er forklart i første del av opplæringen, trim bollen.



Trinn 62

Du kan se endringen nedenfor, noe som forbedrer lesbarheten, spesielt i små størrelser.



Trinn 63

Vår neste bokstav på listen er 't'. Kopier 'e', ​​og klikk det over en duplisert 'l' som vist under.



Trinn 64

Trim av alt, men det som vises på skjermbildet under.



Trinn 65

Legg baren til 't' mens du bruker de riktige justeringene.



Trinn 66

Legg til en -10 graders linje og bruk den som en veiledning for å endre linjen.



Trinn 67

Å bevare den visuelle enhet i en skrift kan bety at gjenbruk av deler av et brev for å skape andre (som vi gjorde med "a," e, "c"), men det kan føre til ekstremer. Å slå en 'b' til en 'h' er ingen måte å gå. Vinkelen må skarpere og overgangen til den andre stilken rundt en strammere radius. Du må kjenne teknikken nå, så opprett en med bunnbildet som en guide.



Trinn 68

Og til slutt, et brev 'jeg' laget av en forkortet 'l'. Legg til prikken, men gjør prikken 105% større enn skriftvekten (eller mer hvis du vil).



Trinn 69

Vårt siste trekk med ordmerket er på brevavstand, også kjent som kerning. For å begynne, plasserer vi metriske bokstavene våre ved å bruke et 'l' brev som en mal. Fest alle bokstavene til denne avstandsblokken for å få det samme resultatet.



Trinn 70

Det vi egentlig vil ha, er optisk avstand. Når du har like mellomrom, får du uønskede hull på grunn av den forskjellige form for hvert brev. Spaltene må utjevnes ved å flytte hvert bokstav til venstre eller høyre. For eksempel, i 'tec' -delen flyttet jeg 'e' mer til venstre for å korrigere gapet. Ikke flytt sluttbrevet til hvert ord (a, x; b, i). Flytt innholdet rundt i stedet.

En uklar måte å forklare kjerne på er dette. Tenk deg at du skulle fylle mellomrom mellom hvert brev med sand. Hvert rom skal da være omtrent like stort.


Og her er ordmerket, før og etter kerning.



Trinn 71

Å lage ambigrammet er ganske enkelt. Kopier og lim inn to 'b' bokstaver på et annet lag.



Trinn 72

Vend venstre, både vertikalt og horisontalt.



Trinn 73

Juster de to som vist i bildet nedenfor.



Trinn 74

Lag et 30 pt slag og utvide det. Juster den til begge kanter av stammen.



Trinn 75

Ta tak i stifinderen og bruk alternativet Strekk fra formområde for å kutte ut ambigrammet.



Trinn 76

Legg til en 30 pkt sirkel mens du forlater nok plass inni. Skalering ned symbolet vil vise hvor mye plass som er nødvendig.



Konklusjon

Og her er de, ambigram og ordmerke. Jeg håper denne opplæringen har lært deg en ting eller to om typografi. Jeg gleder meg til å se dine egne navn og personligheter uttrykt gjennom egendefinerte ansikter!