SÅDAN DESIGNES ET VINTAGE BRAND LOGO

Til denne tutorial vi gået sammen med Nyt Havesamfund for at vise dig, hvordan du designer et Logo inspireret af den victorianske æra. Vi viser, hvordan man kombinerer skrifttyper og dekorative elementer til et sammenhængende etiketdesign.

"Til denne tutorial har vi brugt "Vintage Skrifttype Bundt”. Det omfatter forskellige skrifttyper og stor samling af omhyggeligt udformet grafiske elementer.

Vi har brugt det i Adobe Illustrator CS5 (på PC), og det fungerede perfekt! Selvom det normalt er lettere for os at starte vores oprettelse med en skitse, har "Vintage Font Bundle" faktisk tilladt os at oprette dette uden nogen tegning."

Målet for os var at skabe en typografi baseret logo design til vores “Nyt Havesamfund"studio, med indviklede detaljer omkring det . Derfor begyndte det med at vælge den rigtige skrifttype til os. Vores valg var “”. Næste skridt var at bestemme det rigtige layout til dette.

At have dette som base inspirerede os til at foretage yderligere justeringer. Første ting var at udvide ordene (vælge gruppen og klikke på Objekt > Udvid udseende). Gør derefter det samme igen, vælg "Udvid" og tryk på "OK". Sørg for, at du rammer "Udvid" to gange, fordi den ene er til udfyldningen, og den ene er til slag af dit typevalg.

Stort bogstav N blev brugt i slutningen af haven, og vi regnede med, at det ville give en bedre balance, hvis vi vender "N" lodret, så blomstringen var nederst til højre i modsætning til øverst til venstre. En af måderne at gøre det på: ved hjælp af Direct Selection Tool (A på dit tastatur) skal du vælge det bogstav N, du skal rotere. Skift til almindeligt valgværktøj (V), flyt musen bare lidt uden for hjørnet af dit valg, hold Skift nede og drej det 180 grader.

Næste ting, vi besluttede at gøre, er at arrangere stigende udseende af "haven". Da vi kunne lide balancen af figurerne i disse smukke bogstaver g og roteret N, ønskede vi at undgå at forvrænge det på nogen måde. Derfor anvender vi rise effect kun på" ARDE " - delen.

Vi har grupperet disse fire bogstaver (Vælg alle 4 med markeringsværktøj og tryk på Ctrl + G på dit tastatur; Ctrl eller Cmd + g betyder at oprette en gruppe; du kan også opnå dette ved at højreklikke og vælge Gruppe.) For at arrangere denne effekt skal du vælge gruppen og gå til effekt > Warparp > Rise. 30% på vandret stigning gjorde tricket for os.
 
For at tilføje lidt mere sammenhæng til dette design er der få ting, vi har omarrangeret, såsom at udvide descender/tail på bogstavet R, subtile sænkeben på N i "ny", skaleret ned lidt bogstav N i slutningen af "Have" og skalere bogstavet G I "have" lidt . Også, knibning på samfundet er omarrangeret (mere mellemrum mellem bogstaverne), og detaljer fra bogstavet N er indarbejdet i bogstavet A.

I det næste trin har vi tilføjet en dejlig dråbe skygge til den nye Havedel af ordene. Først har vi lavet en gruppe ud af Ne.Garden (vælg disse bogstaver og tryk derefter på Ctrl + G). Så har vi kopieret det og indsat foran (Ctrl + C & Ctrl + F). Derefter skal vi højreklikke på det og vælge: Arranger > Send baglæns (så det er lige under hovedbogstaverne). Giv det en sort farve og tilføj et sort slag i en bredde, du kan lide. Mens det er valgt, gentag den forrige proces (Ctrl + C & Ctrl + F derefter højreklik på det og vælg Arranger > Send baglæns). Skift farve, flyt den lidt til siden og sænk slagtykkelsen. Resultatet skal være som i billedet ovenfor.

Vigtig tilføjelse er at gentage processen med nu farvede bogstaver, tilføje en anden kopi, sende baglæns, ændre det til sort og tilføje mere tykkelse til sort streg på det. Vi gjorde det, så vi kan tilføje elementer bag og stadig holde bogstaverne klar foran alt. Husk, at hvis du skifter dine baggrundsfarver, skal du ændre dit slag for at matche, hvilket giver det den fordelte skyggeeffekt.
 
Da vi fik det, vi synes ser godt ud som en base, har vi fortsat med at vælge forskellige rammer og enkeltelementer fra "Vintage Font Bundle" - pakken.

Den første ting, vi ønskede at tilføje, er en linje over og under haven, så vi yderligere kan understrege strømmen, og voil.inden for den enkelte Elementfil, vi har fundet selv disse linjer. :) Bare en subtil rotation og positionering af de to, og der er det. Pænt placeret bag alt.

I filen" Rammer" fra pakken "Vintage Font Bundle" kan du finde en masse gode foruddannede rammer, og vi har besluttet at gå med et af cirkeldesignene, der resonerede bedst med det, vi forsøger at opnå. Det er placeret helt bag bogstaver (Højreklik på det og vælg Arranger > Send til Back), og placeret på en måde at gøre bogstav G midten af det.

På dette tidspunkt havde vi en temmelig klar ID.om, hvordan dette skal udfyldes. Målet er at skabe symmetrisk udseende på både vandret og lodret akse. En af måderne til at opnå dette er at skabe solide objekt over alt, og mere end alt, og for at skabe et solidt objekt venstre af alt, der er højere end din sammensætning og perfekt afstemt med cirkel, der anvendes bag G. bogstaver sammensætning er allerede perfekt vandret linje med centrum i Artboard (Vindue > Juster, skal du sørge for at have "Align at Artboard" er markeret, og klik på "Vandret Align Center").

Dette betyder, at vi også kan oprette et enkelt, bredt rektangel over dette og placere det i det vandrette centrum af tegnebrættet (rektangelværktøj (M), holde Højreklik på musen og trække det hen over tegnebrættet).

For at oprette et solidt objekt til venstre for alt og perfekt justeret med cirklen, kan du gentage forrige trin oprettelse af rektangel og justere det med tegnebrættet på den lodrette akse (vindue > Juster, sørg for at have "Juster til tegnebræt" markeret, og klik nu på "lodret Juster Center").

Da vi ønsker, at cirklen bag G skal være centrum for lodret symmetri, skal du også justere cirklen på lodret akse (på samme måde som forklaret i forrige sætning).

Placer bogstaverne igen på lodret akse (om nødvendigt), så bogstavet G er placeret direkte over cirklen. Nu har vi alt på plads for at fortsætte med at lege med og tilføje flere ornamenter.

Vi har fundet en række gode enkeltelementer, der passer perfekt ind i dette design. De er placeret rundt og i cirklen. Nu vil vi bruge disse elementer på den øverste halvdel af cirklen og kopiere dem til at være et spejlbillede på den nederste halvdel af cirklen. Det er her, at cirklen til venstre (nu ellipse) kommer i spil. Elementerne på den øverste halvdel af cirklen grupperes, kopieres og indsættes direkte foran (Ctrl C > Ctrl F). Den kopierede gruppe vælges sammen med rektanglet til venstre. Handling, der følger, er objekt > Transform > Reflect og vælg derefter at reflektere over den vandrette akse og klik på OK. Alt er perfekt spejlet nu og sat på det ønskede sted! Nu kommer vi et sted hen. :)

Næste mål er at bruge cirklen med alle de ornamenter rundt og i det, og afspejle det til højre. Ved hjælp af den samme proces som tidligere forklaret grupperer vi alt, duplikerer det, men nu bruger vi rektanglet over alt. Via objekt > Transform > Reflect vælger vi at reflektere over lodret akse og klikke på OK.

Da vi er tilfredse med hovedarrangementet på den vandrette akse i dette design, er det tid til at opdage, hvad der ville være de bedste detaljer/ornamenter at placere på den lodrette akse i dette design.

Processen til spejling af disse er den samme som den er forklaret i tidligere del, så her er hvordan det så ud efter at tilføje dem her og der.

Når vi har defineret denne sammensætning, har vi konkluderet, at der er lidt plads til, at nogle formuleringer tilføjes inden for den rigtige cirkel. Vi har arrangeret Grafisk Design Studio ved hjælp af Blackriver fed skrifttype fra denne store bundt. Vi gjorde det med at bruge" type on a path " - værktøjet i cirklen, der er perfekt justeret i den rigtige ornamentcirkel. Novi Sad, Serbien er også tilføjet ved hjælp af Blackriver fed skrift.

Par detaljer slettes, nogle nuancer tilføjes (ved hjælp af den samme copy-paste-logik, der blev brugt i den oprindelige forklaring på, hvordan man tilføjer skygge til bogstaverne). Også i den rigtige ornamentcirkel roteres indre ornamenter lidt, så de udfylder rummet over de tilføjede bogstaver. Hovedbogstaver er fyldt med de håndtegnede indre linjer (ved hjælp af pen værktøj og mus). Her er det endelige arbejde:

Dette opsummerer stort set processen til oprettelse af dette design. For nogen af de ovenfor beskrevne handlinger er der flere måder at nå det samme mål på. Derfor er dette blot en af måderne, hvordan du kan bruge disse i din Adobe Illustrator. Der er så mange forskellige elementer i dette bundt, som du kan bruge til at skabe en masse flotte designs.

Bare vælg og vælg dem, du kan lide, og leg med dem, som du vil. Dette var vores valg for nu. :)

Du er en stor beundrer af vintage logo design?
Gå ikke glip af vores samling af 200 klar-til-brug logo skabeloner, skabt af professionelle designere til at fremskynde din skabelse arbejdsgang. Alle skabeloner er forberedt til Adobe Illustrator, Photoshop og Affinity Designer.

Hent det her here

5 kommentar

Is there any way to just use one of the labels already made and just change the words in them – or do you have to start from scratch -

Catherine Freimann august % - d 2021

can the line colour of the ornaments be changed?

ann mcdonald august % - d 2021

Can I use AI for iPad to manipulate these features? How do I download all the vectors onto my ipad?

JPJ juli % - d 2021

Thank you for the mini walk through. This helped me greatly with the basics I did not know how to create. As a new company on a shoestring budget we are working through many items our self, including designing a logo.

Julie J april % - d 2021

WHY CANT I SEE THE HERITAGE FONTS IVE PURCHASED ON MY PHOTOSHOP CS6 ? THAT WAS THE LAST PHOTOSHOP ON DISC. I TRIED EVERYTHING TO PUT THEM IN THE FOLDER, BUT YOUR HERITAGE FONTS IS NOT SHOWING, IS ADOBE BLOCKING YOUR FONTS? IM USING A MAC DESKTOP .

CYNTHIA april % - d 2021

Efterlad en kommentar

Alle kommentarer modereres, før de offentliggøres