Å 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?
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.
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.
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.
Lag en horisontal linje som strekker seg fra den ene siden av sirkelen til den andre.
Gå til Objekt> Transformere> Roter og roter linjen i en -25 graders vinkel.
Dra linjen langs banen mot venstre side. På den måten har du et klart kryss av stier med sirkelen.
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).
Kopier og lim inn linjen på plass (Command + F) Gå til Objekt> Transform> Reflektere. Vend det via den vertikale aksen.
Gjenta linjeprosessen (dra linjen langs banen, ta sirkelen på toppen, legg til et skjæringspunkt i sirkelen).
Kopier og lim inn sirkelen på plass, og gå til Objekt> Transform> Skala. Gjør det 225% større.
Dra 15-graders vinkel toppunktet i den store sirkelen direkte på toppen av det minste punktet. De burde stikke sammen på plass.
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.
Dette er hva din konstruksjon skal se nå. Dette fullfører den ytre kant av brevet. Neste opp er den indre radiusgrensen.
Kopier og lim inn den lille sirkelen til ytre radius. Skal ned til 50%.
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.
Kopier og lim inn den lille sirkelen (vi kaller denne nye en mellomstor). Skalere det på 130%.
Igjen, lag diameteren for sirkelen som du gjorde før, men i en -15 graders vinkel denne gangen.
Kopier og lim inn på plass en av de store kretsene. Gi den en -15 graders diameter også.
Flytt den store sirkelen slik at den tilsvarer sirkelens 15 graders vinkelpunkt.
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å).
Kopier og lim inn en annen stor sirkel, og klikk den til toppunktet for middelsirkelen. Gjør det samme for bunnen.
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.
Mens du har det store slaget valgt, går du til Objekt> Utvid.
Lag noen retningslinjer på hver side av dette tykke slag.
Slett tykk slag, og send styrene du nettopp har gjort på baksiden av lerretet.
hvor styrene krysser med de store ytre og indre sirkler, legg til skjæringspunkter.
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.
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.
Fra hjørneradiusen, la like mye for å forbinde den øverste og venstre store sirkelen.
Gjør det samme for venstre stor sirkel, og deretter bunnen.
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.
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.
Din utvendige oversikt er nå ferdig. Vær forsiktig så du ikke går glipp av løse ender.
Gjenta prosessen for det indre omrisset, bør gi deg dette resultatet. Husk å bli med i de to banene sammen også.
Husk de to vertikale guiderne vi plasserte? Lukk av 'a' bolle med rektangelverktøyet (M).
Fyll skålbanen med en solid farge, fjern oversikten og grupper den med rektangelet. Og til slutt har vi vårt første brev!
Dupliser det og la oss gå videre til neste brev. Lag en 15 graders vinkellinje.
Legg det nederste endepunktet på linjen over hjørnet av brevet.
I samme teknikk for å plassere endepunkter over kryssende stier, trim av bunnen av bollen.
Flytt rektangelet ved å knipse nederst til høyre over bokstavets nederste endepunkt.
Krymp rektangelet til en 70% vertikal proporsjon. Husk å gjøre dette ikke-samsvarende, for å bevare tykkelsen.
Dra øverste høyre hjørne av rektangelet til det klikker på bunken.
Trim av overskriften av bolle på høyre side av rektangelet, som vist nedenfor.
Dupliser rektangelet, roter det 90 grader vinkel og klikk det til hjørnet av forrige rektangel.
Dupliser det vertikale rektangelet og klem det til bunternes midterste ankeranker.
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.
'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!
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'.
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.
De røde linjene er nå vår x-høyde. Vi trenger nå en stigende linje (merket med hvitt).
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.
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.
Vi trenger nå en komponent for 'l' brevet. Lag en veldig stor sirkel på samme lag.
Fest det venstre horisontale ankeret til sirkelen til stammen.
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.
Trim av sirkelen til du er igjen med den lille nedre venstre delen. Koble stiene for å få et sluttbrev 'l'.
Opprett en lang 40 pt (linje tykkelse) vertikal linje, og roter den i en 35 graders vinkel.
Dupliser linjen og vri den horisontalt.
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.
Dupliser "a" og vri den horisontalt på den nederste raden.
Utvid stammen til den når oppstigningslinjen.
Dupliser "a" og vri den horisontalt på den nederste raden.
Utvid stammen til den når oppstigningslinjen.
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.
Du kan se endringen nedenfor, noe som forbedrer lesbarheten, spesielt i små størrelser.
Vår neste bokstav på listen er 't'. Kopier 'e', og klikk det over en duplisert 'l' som vist under.
Trim av alt, men det som vises på skjermbildet under.
Legg baren til 't' mens du bruker de riktige justeringene.
Legg til en -10 graders linje og bruk den som en veiledning for å endre linjen.
Å 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.
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).
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.
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.
Å lage ambigrammet er ganske enkelt. Kopier og lim inn to 'b' bokstaver på et annet lag.
Vend venstre, både vertikalt og horisontalt.
Juster de to som vist i bildet nedenfor.
Lag et 30 pt slag og utvide det. Juster den til begge kanter av stammen.
Ta tak i stifinderen og bruk alternativet Strekk fra formområde for å kutte ut ambigrammet.
Legg til en 30 pkt sirkel mens du forlater nok plass inni. Skalering ned symbolet vil vise hvor mye plass som er nødvendig.
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!