Sådan oprettes et logo i Photoshop

Sådan oprettes et logo i Photoshop

Før vi begynder med, hvordan man laver et logo i Photoshop, skal vi henvende os til elefanten i rummet - Photoshop CC blev ikke bygget med logo design i tankerne. En af de grundlæggende kvaliteter ved et logo er at kunne skalere op og ned uden tab af kvalitet. Dette er grunden til, at vektorbaseret software, såsom Illustrator, er den foretrukne mulighed for at oprette logoer, hvor Photoshop's pixelbase er mindre egnet. For mere information om design af et logo ved hjælp af Illustrator, se denne praktiske guide , som tager dig igennem processen, fra koncept til færdiggørelse.

Men hvad Photoshop mangler i applikationen, kompenserer det mere end i popularitet, især sammenlignet med Illustrator CC . Så hvis du har brug for at vide, hvordan du laver et standout-logo, men ikke vil betale for software, du ikke har brug for, er denne vejledning noget for dig. Vi gennemgår, hvordan du designer et grundlæggende logo i Photoshop ved hjælp af enkle formværktøjer, gradienter og tekstindstillinger. Udforsk disse muligheder, og du laver dine egne logoer i Photoshop på ingen tid. Vi bruger Photoshop CS6, men den samme proces gælder for andre versioner.

Når det kommer til faktisk at designe dit eget logo, skal du muligvis begynde at tænke på brandidentitet og stil. For mere inspiration, gå til vores pro-guide til logo design , som fortæller dig alt hvad du behøver at vide om logos verden.



01. Opret et nyt lærred

designlogo i Photoshop

Indstil din gitterlinje for hver 50 pixels

Åbn Photoshop, og opret et nyt dokument. Jeg brugte en lærredstørrelse på 500 px x 500 px, men større størrelser ville fungere lige så godt. Du kan til enhver tid ændre lærredstørrelsen. Gå ind i Photoshop> Indstillinger for at indstille en gitterlinje hver 50 pixel. Tænd derefter netene på lærredet ved at trykke på cmd + '' eller Vis> Vis i bjælken Indstillinger. Sørg for, at Snap to Grid er slået til under Vis> Snap til.

02. Tegn en grundlæggende form

designlogo i Photoshop

Opret en pilform

Vælg penværktøjet i værktøjslinjen eller ved at trykke på P , og sørg for, at den er indstillet til Form til venstre for bjælken Indstillinger i stedet for Sti. Brug pennen til at tegne en pilespidsform, der starter ved lærredets centrum og bruger gitterlinjekryds for dine andre punkter. Navngivning af lagene er ikke nødvendigt for dette projekt, men det kan være nyttigt i mere komplicerede dokumenter, hvor der er mange lag.

03. Kopier og rediger formen

designlogo i Photoshop

Dupliker dit lag, så du kan redigere formen

Kopier laget ved at trykke på cmd + J og klik på det nye lag for at vælge det. Brug værktøjet Direkte markering, genvej TIL , for at klikke på det øverste punkt på pilehovedet, placeret i midten af ​​lærredet. Flyt dette punkt ned et par gitterkvadrater, hold Shift-tasten nede for at holde det låst på y-aksen.

04. Tilføj farve med en gradient

designlogo i Photoshop

Gradienter er stadig i trend med logo design, så tilføj en til dit logo

Opret en ny gradient i rullemenuen Udfyld til venstre for indstillingslinjen. I gradientvinduet skal du dobbeltklikke på de nederste skydere for at få vist RGB-muligheder, hvor du kan vælge dine farver; Jeg gik efter en lys og mørkeblå. Anvend derefter denne gradient på begge objekter, og ændr gradientrotationen, så de modsætter sig hinanden. Hvis du ikke kan se udfyldningsindstillingerne, kan det skyldes, at du muligvis har valgt værktøjet Flyt, så skift til pen- eller formværktøjet.

05. Gruppér og dupliker dine lag

designlogo i Photoshop

Ryd tingene op ved at gruppere dine lag

Gruppér de to lag ved at vælge dem og trykke på gruppeknappen, der ligner en lille mappe, nederst på fanen Lag. Dette forhindrer fanen Lag i at blive rodet og gør det lettere at håndtere de to lag sammen.

Kopier denne gruppe, og brug funktionen Free Transform til at rotere den nye gruppe halvfems grader, mens du holder Skift-tasten nede for at rotere i femten graders intervaller. Du kan få adgang til Free Transform ved hjælp af cmd + T eller under Rediger> Gratis transformering. Flyt nu den anden gruppe op, indtil den afspejler den oprindelige form ved hjælp af midten af ​​lærredet som en symmetri.

06. Transformer figurerne

designlogo i Photoshop

X markerer stedet. måske

Skub hver form op eller ned ad en gitterkvadrat væk fra midtpunktet ved hjælp af Shift + piletasten.

07. Gruppér, dupliker, gentag

designlogo i Photoshop

Opret en mere detaljeret form ved at duplikere den, du har

Brug den samme metode fra trin # 5 til at gruppere lagene sammen, duplikere gruppen og rotere halvfems grader. Den nye form skal ligne en slags hårkorsform.

08. Tegn en cirkel med formværktøjet

designlogo i Photoshop

Skær plads i dit logo ved at tilføje en cirkel

Cykel gennem formværktøjer, indtil du finder en cirkel, enten ved at klikke og holde på ikonet i værktøjslinjen eller trykke på Shift + U . Klik på lærredets centerpunkt, hold Alt nede for at tegne en cirkel, der udstråler fra midten, og Skift for at holde bredden og højden proportional. Hvis du laver en fejl, kan du fortryde eller redigere din figur ved hjælp af Free Transform.

09. Tegn et rektangel, og juster det efter midten

designlogo i Photoshop

Gør plads til tekst med et rektangel

Cykel gennem formværktøjerne igen, indtil du finder rektangelværktøjet. Tegn en hvid kasse hen over grafikken over de andre lag, så der er plads nok til tekst. Du kan justere dette til midten af ​​lærredet ved at klikke på rektangellaget og det nederste lag (som skal være en hvid firkant, samme størrelse som lærredet) og bruge justeringsværktøjer, der enten findes under Lag> Juster i menulinjen eller justeringsknapperne i indstillingslinjen.

Mere avancerede brugere kunne bruge dette rektangel til at trække fra nedenstående figurer ved hjælp af Lag> Kombiner figurer, men indtil videre holder vi os til at bruge det som en hvid blok.

10. Tilføj din tekst

designlogo i Photoshop

Vi kalder vores logo 'snefnug'. Bliv ikke fornærmet

Tegn et tekstfelt over rektanglet ved at klikke på T-ikonet i værktøjslinjen eller trykke på T og derefter trække hen over lærredet. Indtast din tekst i feltet og centrer den ved hjælp af knapperne i fanen Tegn. Brug justeringsværktøjet igen til at centrere dette på lærredet.

11. Vælg et passende skrifttype

designlogo i Photoshop

At få det rigtige skrifttype til dit brand er nøglen

Vælg et skrifttype, der passer til dit brand. Der er masser af gratis skrifttyper derude, men det er afgørende at vælge en, som du har tilladelse til at bruge - se vores gratis skrifttyper roundup for nogle ideer til at komme i gang. Da dette logo muligvis vises på mange af dine aktiver, ville det være dårlige nyheder at bruge et ulovligt downloadet skrifttype. Spil rundt med størrelse og farve, indtil du kan lide det, du ser.

12. Juster din kerning

designlogo i Photoshop

Glem ikke at kernen din tekst

Kær teksten. Dette betyder at justere den vandrette afstand mellem individuelle bogstaver og maksimere ordets læsbarhed. Du kan gøre dette under fanen Type markeret med V | A eller ved at klikke mellem bogstaverne og trykke på alt + venstre eller alt + højre. For mere om kerning, se vores indlæg om hvordan man kerner .

13. Tilføj endelige detaljer og eksporter

designlogo i Photoshop

Glem ikke at gemme som en psd-fil, så du kan redigere dit logo senere

Foretag de endelige justeringer, du har brug for, for at give det det specielle noget. Til hovedbilledet øverst på denne side tilføjede jeg to mindre bjælker over og under teksten, farvet med samme gradient. Jeg tilføjede også en baggrund, skygge og refleksion ved hjælp af lignende teknikker til de andre trin samt ved hjælp af lagmasker for at tilføje fade.

Når du er glad, skal du gemme billedet i det format, du har brug for. Jeg brugte RGB jpg her til webformat, men gemte det også som en PSD, så jeg kunne gå tilbage og foretage ændringer.

Læs mere: