Share
Hva du skal skapeEn emoji er en bestemt type bildeikon. I denne opplæringen tegner vi et sett med bil og van emojis i Photoshop med sin fantastiske vektorfunksjon. Vi skal begynne med å tegne en standard varebil og bil og så slå dem til andre biler, for eksempel en ambulanse, firetruck, taxi og politibil. jeg håper du liker det.
For inspirasjon, hvorfor ikke sjekk ut Envato Market for uttrykksikoner og ikoner.
Det er alltid en god idé å sette hvert element i en egen laggruppe. Hver bil og dens elementer (støtfangere, dekk, etc.) skal plasseres inne i et bestemt gruppelag og gis et passende navn. Jeg foreslår også at du starter litt forskning på bilikondesign. Ved å se andre ikondesigners arbeid, lærer du hvilket element som er viktig i designen.
Start med å opprette et nytt dokument i Photoshop. Truffet Kontroll-N eller klikk Fil> Ny. Vi trenger ikke et stort lerret. Still størrelsen på 320 piksler x 140 piksler. Klikk OK.
Klikk på Legg til justeringslag ikonet og velg deretter Ensfarget. Velg en mørkegrå farge for lerretbakgrunnen. Etter dette kan du bare slette Bakgrunn lag for å redusere filstørrelsen.
Klikk Ordne> Nytt vindu for [filnavn]. Samme fil åpnes i et eget vindu. Begge er de samme. Du kan redigere i et av vinduene, og endringene vil vises i den andre samtidig. Vi bruker dette for å hjelpe oss med å se det virkelige resultatet, i 100% forstørrelse, og samtidig arbeide med detaljene.
Dra en av kategoriene for å løsne den fra hoved arbeidsområdet. Still inn zoomnivået til 100%. Sett det andre vinduet på et større zoomnivå.
Vi starter med å tegne den grunnleggende vanformen. Aktiver Avrundet rektangelverktøy, og klikk deretter og dra for å tegne en hvit 14 px × 18 px form. Fra Eiendommer panel, angi øverste venstre hjørne radius til 10 px.
Søke om Indre skygge og Indre glød lag stiler til laget for å legge til skygge og litt dybde. Bruk følgende innstillinger.
Vi ønsker å holde hvert lag organisert. Få deg til å navngi hvert lag med et fornuftig navn.
Dupliserer vektorgraden til varehuset ved å trykke Kontroll-J, og trekk deretter nedre og høyre side for å skru den inn i en vindrute.
Legg til følgende Layer Styles å legge til blå belysning til formen. I Indre glød dialogboksen, bruk blå.
Tegn en 2 px bredde hvitt rektangel på den nedre delen av vanen. Legg til Indre skygge og Gradient Overlay Lagstiler for å legge til enkel belysning i formen. Denne formen kommer til å være varebilens støtfanger og base.
Tegn et avrundet rektangel med en radius på 2 piksler på hvert hjørne. Her bruker vi gul for fargen. Du kan ha en annen favorittfarge. For å legge til belysning i formen, legger vi ganske enkelt til Indre skygge og Gradient Overlay lag stiler. Spill rundt med Angles innstillinger til du får et tilfredsstillende resultat.
Det neste trinnet er å legge hjulene. Selvfølgelig trenger vi bare å legge til en enkel sirkelform ved Skift-dra bruker Sirkelformverktøy. Fra alternativfeltet, sett det Fylle farge til hvitt og dens Stroke farge til mørkegrå med en størrelse på 1 pt. Hjulets diameter bør være jevn, for eksempel 8 px, 12 px eller 16 px. Dette gjør de neste trinnene enklere. Søke om Stroke og Indre glød lagstiler for å legge til enkel belysning på hjulet.
Vi vil bruke to sett med hjul foran og bak. Fordi begge er de samme, er det en god ide å bruke a Smart objekt. Høyreklikk på hjullaget og velg Konverter til Smart Object. neste, Alt-dra å duplisere hjulet.
Vi skal legge til et lite hull, 1 px bredde, mellom hjulet og vanens kropp. Lag en annen mørk sirkelform, med diameter 2 piksler større enn hjulet. Plasser den bak rattet. Legg til et rektangel som dekker halvparten av hjulet under bilens støtfanger og setter vei til Trekk forfra. Legg til svart Stroke og Gradient Overlay.
Legg til samme form bak det andre hjulet.
Vi er nesten ferdige. Det siste trinnet er å legge til skyggen. Vi kan lett male skyggen under varevognen Børsteverktøy. Men ulempen er at resultatet vil være i piksler, og bilder basert på piksler har en tendens til å uklare ukontrollert når de endres. Du vil virkelig ikke at det skal skje i et lite bilde som dette.
Vår tilnærming er å tegne et mørkt avrundet rektangel under vanen og fylle det med Indre skygge og mørk Ytre glød lag stiler.
Der går du, komplett med skygge.
Jeg antar at vi nettopp har savnet en liten detalj: bakspeilet. Alt vi trenger å gjøre er å tegne en trekant og en firkant. Det er det. Vi har nå den grunnleggende formen på en van emoji. Du kan stoppe på dette tidspunktet eller fortsette å legge til små ornamenter for å gjøre det unikt.
Fra og med er følgende trinn valgfrie. Tegn en 1 piksel høy rektangelform på boksen. Skift-drag å legge til en annen form i boksen. For sin farge, sett den til lysere gul.
Legg til Indre skygge og Drop Shadow lagstiler for å legge til dybde i boksoverflaten.
La oss legge til et firmanavn på boksen. Tegn et hvitt rektangel ved hjelp av Rektangulært markeringsverktøy.
Legg til tekst i det hvite området. Mens tekstlaget er aktivt, endrer du anti-aliasingmetoden i teksten og velg det klareste utseendet, Vanligvis for liten tekst, Sprø fungerer best.
Vi har fullført standardvognen. Ved å legge til små endringer, for eksempel skiftende farge, kan vi lage andre typer van.
I denne opplæringen skal vi lage en ambulanse. Først trenger vi en referanse for å se de felles egenskapene til en ambulanse. Du finner dem på PhotoDune. Bare søk etter ambulanse eller ambulansebil. Fra disse bildene ser jeg tre vanlige elementer i en ambulanse: sirener, et kryssskilt og rød og hvit farge.
Denne ambulansen er laget av forrige van. Så, Alt-dra å duplisere det.
Vi trenger ikke stripedetaljer og tekst på boksen. Vi kan fjerne den.
Bytt all fargen til hvit.
Legg til et nytt rødt rektangel ved hjelp av Rektangelverktøy. Tegn et rødt krydsskilt laget av to overlappende rektangelformer. Banemodus skal være Kombiner former. Legg til Indre skygge og Drop Shadow Lagstiler for å legge til dybde i den røde formen.
Tegn et avrundet rektangel på toppen av ambulansehuset. Legg til en radius øverst til venstre og øverst til høyre, til vi har et halvt avrundet rektangel for sirens form.
For sin farge legger du til en lagestil Gradient Overlay med lineær gradient fra rød til blå.
Legg til Indre skygge og Ytre glød å legge til subtilt lys til sirene.
Og her er de: en grunnvogn og ambulanse.
For bilen begynner vi å tegne et enkelt avrundet rektangel. Legg den øvre delen av bilen ved å tegne den manuelt ved å bruke Pennverktøy.
Legg til Indre skygge og Gradient Overlay lag stilerå legge til enkel belysning og tredimensjonal oppfatning til formen.
Dupliserer bilens underkropp og bytt fargen til svart. Legg til et rektangel og angi banemodus til Intersect Shape Areas.
Legg hjul til bilen. Vi kan enkelt kopiere og lime inn hjulet vi laget tidligere til varebiler.
La oss legge til en frontrute til bilen. Prosessen ligner på hva vi gjorde tidligere til van. Tegn en polygonform ved hjelp av Pennverktøy og bruk deretter lagstilter Indre skygge, Indre glød, og Ytre glød å legge til blå høydepunkt i glasset.
Akkurat som vi gjorde med varebilen, er det ikke nødvendig å tegne en dør. Men vi må legge til en liten 1 piksel linje for å skille front og bakdør. Tegn et 1 piksler bredt hvitt rektangel mellom de to frontruten. Påfør en liten dråpe skygge.
Reduser laget opacity til 10%.
Dupliserer bilens hoveddel. Endre fargen til hvit. Legg til et avrundet rektangel på forsiden av formen og still inn modusen til Intersect Shape Areas. Dette kommer til å være bilens lyskaster.
Gjenta det samme for baklyset. Bruk rødt for denne.
Tegn en mørk avrundet rektangelform under bilen, og bruk lagstilter Indre skygge og Ytre glød å slå den inn i bilens skygge.
Vi har gjort med grunnbilen. Vi kan legge til visse elementer for å gjøre det til en bestemt bil, for eksempel en politibil. Hvilke elementer er avgjørende for en politibil? Søk politi bil bilder for referanse fra PhotoDune. Vi kan se at det er tre viktige elementer til felles: dens svart og hvitt farge, sirener og politietekst på døren.
La oss kopiere standardbilen. Bytt hovedfarge til svart. Påfør en annen Gradient Overlay lagstil ved å klikke på plussymbolet ved siden av den allerede tilgjengelige Gradient Overlay. Så vi bruker to Gradient Overlays, en for høydepunktet på bilens kropp og en annen for sin farge. Sett dette nye Gradient Overlay lag stil fra hvitt til svart med Stil: Reflektert.
Legg til tekst på siden av bilen. Eksperimenter med det anti-aliased-alternativet for å oppnå klar sikt av teksten.
Legg til et avrundet rektangel for sirenen og bruk Gradient Overlay. Vi har trukket dette før til ambulansen. Du kan bare duplisere det. Avhengig av landets lov, kan fargen for ambulanse og politi sirener være annerledes. Sjekk ditt lands nødlysfarge i Wikipedia.
Vi er ferdig med å tegne emojiene. De er alle laget av vektorgrader, uten manuell pikselbørsting. Som du kan se, er de begge bare en variasjon av grunnvognen og bilen. Hvis du legger til andre elementer, kan du endre dem til en firetruck og taxi også. Prøv dem selv. Lykke til!
Accentsconagua