Hvordan lage en logo i Photoshop

Hvordan lage en logo i Photoshop

Før du begynner med hvordan du lager en logo i Photoshop, bør vi henvende oss til elefanten i rommet - Photoshop CC ble ikke bygget med logo design i tankene. En av de grunnleggende egenskapene til en logo er å kunne skalere opp og ned uten tap av kvalitet. Dette er grunnen til at vektorbasert programvare, som Illustrator, er det foretrukne alternativet for å lage logoer, der Photoshops piksellbase er mindre egnet. For mer informasjon om utforming av en logo ved hjelp av Illustrator, sjekk ut denne praktiske guiden , som tar deg gjennom prosessen, fra konsept til fullføring.

Men det Photoshop mangler i applikasjon, gjør det mer enn for popularitet, spesielt sammenlignet med Illustrator CC . Så hvis du trenger å vite hvordan du lager en utmerket logo, men ikke vil betale for programvare du ikke trenger, er denne veiledningen noe for deg. Vi vil lede deg gjennom hvordan du designer en grunnleggende logo i Photoshop, ved hjelp av enkle formverktøy, graderinger og tekstalternativer. Utforsk disse alternativene, så lager du dine egne logoer i Photoshop på kort tid. Vi bruker Photoshop CS6, men den samme prosessen gjelder andre versjoner.

Når det gjelder å faktisk designe din egen logo, må du kanskje begynne å tenke på merkevareidentitet og stil. For mer inspirasjon, gå til vår profesjonelle guide til logo design , som forteller deg alt du trenger å vite om logoen.



01. Lag et nytt lerret

designlogo i Photoshop

Sett rutenettet hver 50 piksler

Åpne Photoshop og opprett et nytt dokument. Jeg brukte en lerretstørrelse på 500 px x 500 px, men større størrelser ville fungere like bra. Du kan endre lerretstørrelsen når som helst. Gå til Photoshop> Innstillinger for å angi en rutenett hver 50px. Slå deretter på nettene i lerretet ved å trykke på cmd + ' eller Vis> Vis i Alternativer-linjen. Forsikre deg om at Snap to Grid er slått på, under View> Snap to.

02. Tegn en grunnleggende form

designlogo i Photoshop

Lag en pilform

Velg pennverktøyet i verktøylinjen, eller ved å trykke på P , og sørg for at den er satt til Form til venstre for Alternativer-linjen, i stedet for Sti. Bruk pennen til å tegne en pilspissform, fra midtpunktet på lerretet og ved hjelp av rutenettkryss for de andre punktene dine. Å navngi lagene er ikke nødvendig for dette prosjektet, men det kan være nyttig i mer kompliserte dokumenter, der det er mange lag.

03. Dupliser og rediger formen

designlogo i Photoshop

Dupliser laget ditt slik at du kan redigere formen

Dupliser laget ved å trykke cmd + J og klikk på det nye laget for å velge det. Bruk direktevalgverktøyet, snarvei TIL , for å klikke på det øverste punktet på pilspissen, som ligger midt på lerretet. Flytt dette punktet ned noen rutenett, og hold nede Skift-tasten for å holde det låst på y-aksen.

04. Legg til farge med en gradient

designlogo i Photoshop

Graderinger er fremdeles i trend innen logo design, så legg til en i logoen din

Opprett en ny gradering i rullegardinmenyen Fyll til venstre for Alternativer-linjen. I stigningsvinduet dobbeltklikker du på de nederste glidebryterne for å få frem RGB-alternativer, der du kan velge farger; Jeg gikk for en lys og mørk blå. Bruk deretter gradienten på begge objektene, og endre gradientrotasjonen slik at de motarbeider hverandre. Hvis du ikke kan se alternativene Fyll, kan det være fordi du har valgt Flytt-verktøyet, så bytt til penn- eller formverktøyet.

hvordan du får pennen til å fungere igjen

05. Gruppér og dupliser lagene dine

designlogo i Photoshop

Ryd opp ting ved å gruppere lagene dine

Gruppér de to lagene ved å velge dem og trykke på gruppeknappen, som ser ut som en liten mappe, nederst i Lag-fanen. Dette forhindrer at Lag-fanen blir rotete og gjør det lettere å håndtere de to lagene sammen.

Dupliser denne gruppen og bruk Free Transform-funksjonen til å rotere den nye gruppen nitti grader, og hold nede Skift-tasten for å rotere i femten graders trinn. Du kan få tilgang til Free Transform ved å bruke cmd + T eller under Rediger> Gratis transformasjon. Flytt nå den andre gruppen opp, til den gjenspeiler den opprinnelige formen, ved å bruke midten av lerretet som en symmetri.

Photoshop endre størrelse på bildet slik at det passer til lerretet

06. Transformer formene

designlogo i Photoshop

X markerer stedet. Kan være

Skyv hver form opp eller ned ett rutenett, vekk fra midtpunktet, ved hjelp av Shift + piltast.

07. Gruppere, duplisere, gjenta

designlogo i Photoshop

Lag en mer forseggjort form ved å duplisere den du har

Ved å bruke samme metode fra trinn 5 for å gruppere lagene sammen, duplisere gruppen og rotere med nitti grader. Den nye formen skal ligne en slags hårkorsform.

08. Tegn en sirkel med formverktøyet

designlogo i Photoshop

Skjær litt plass i logoen din ved å legge til en sirkel

Bla gjennom formverktøy til du finner en sirkel, enten ved å klikke og holde nede på ikonet i verktøylinjen eller trykke på Skift + U . Klikk på midtpunktet på lerretet, hold Alt nede for å tegne en sirkel som utstråler fra midten, og Skift for å holde bredden og høyden proporsjonal. Hvis du gjør en feil, kan du angre eller redigere figuren din ved hjelp av Free Transform.

09. Tegn et rektangel og juster det mot midten

designlogo i Photoshop

Lag plass til tekst med et rektangel

Bla gjennom formverktøyene igjen, til du finner rektangelverktøyet. Tegn en hvit rute over grafikken, over de andre lagene, og gi nok plass til tekst. Du kan justere dette til midten av lerretet ved å klikke på rektangellaget og det nederste laget (som skal være et hvitt firkant, samme størrelse som lerretet) og bruke justeringsverktøy, enten funnet under Lag> Juster i menylinjen eller justeringsknappene i alternativlinjen.

Mer avanserte brukere kan bruke dette rektangelet til å trekke fra formene nedenfor ved å bruke Lag> Kombiner former, men foreløpig vil vi bare holde oss til å bruke det som en hvit blokk.

10. Legg til teksten

designlogo i Photoshop

Vi skal kalle logoen vår 'snøfnugg'. Ikke bli fornærmet

Tegn en tekstboks over rektangelet ved å klikke på T-ikonet i verktøylinjen eller trykke T , deretter dra over lerretet. Skriv teksten i boksen og sentrer den ved hjelp av knappene i kategorien Tegn. Bruk justeringsverktøyet igjen for å sentrere dette på lerretet.

11. Velg et passende skrift

designlogo i Photoshop

Å få riktig skrift for merkevaren din er nøkkelen

Velg et skrift som passer ditt merke. Det er mange gratis skrifttyper der ute, men det er viktig å velge en du har tillatelse til å bruke - se vår gratis skrifttyper sammendrag for noen ideer for å komme i gang. Siden denne logoen kan vises på mange av eiendelene dine, vil det være dårlige nyheter å bruke et ulovlig nedlastet skrift. Lek deg med størrelse og farge til du liker det du ser.

12. Juster skjæringen

designlogo i Photoshop

Ikke glem å kern teksten din

Kern teksten. Dette betyr å justere den horisontale avstanden mellom individuelle bokstaver, og maksimere ordets lesbarhet. Du kan gjøre dette under kategorien Type, merket med V | A, eller ved å klikke mellom bokstavene og trykke alt + venstre eller alt + høyre. For mer om kerning, se innlegget vårt på hvordan kerner .

13. Legg til endelige detaljer og eksporter

designlogo i Photoshop

Ikke glem å lagre som en psd-fil slik at du kan redigere logoen din senere

Gjør eventuelle endelige justeringer du trenger for å gi den det spesielle noe. For hovedbildet øverst på denne siden la jeg til to mindre søyler over og under teksten, farget med samme gradient. Jeg la også til en bakgrunn, skygge og refleksjon ved å bruke lignende teknikker til de andre trinnene, i tillegg til å bruke lagmasker for å legge til falming.

hvor er skiveverktøyet i photoshop

Når du er fornøyd, kan du lagre bildet i det formatet du trenger. Jeg brukte RGB jpg her for webformat, men lagret det også som en psd slik at jeg kunne gå tilbake og gjøre endringer.

Les mer: