Illustrere en trafikkonenikon i Photoshop

Tidligere viste jeg deg hvordan du illustrerer et konstruksjonshjelmikon. I dag skal vi tegne en trafikkonus, et annet praktisk ikon for "under bygging" -elementer. Vårt kjegleikon er inspirert av en jeg så på VLC Player siden nylig.

Redaktørens merknad: Denne opplæringen ble opprinnelig publisert på tsjekkisk språk på Grafika Online. Grafika har gitt lov til Vaclav for å publisere her på Psdtuts + for de av oss som ikke har mestret Tsjekkia.

Trinn 1

Start Photoshop, åpne et nytt dokument, og fyll bakgrunnen med lys oransje / sandfarge (# EABE94). Velg det avrundede rektangelverktøyet og trekk grunnlaget til ikonfargen # CC622E (for nå).

Steg 2

Roter denne formen (Ctrl + T) 45 grader ...

Trinn 3

... og gjør dens høyde mindre omtrent halvparten, igjen med transformeringsverktøyet (Ctrl + T).

Trinn 4

Kopier dette laget (Ctrl + J), endre fargen til en mørkere nyanse (# 8A3300), og
flytte den under det siste laget. Dette vil være grunnen til keglen. Dessverre, på
venstre og også til høyre (som pilene viser) er det ledig plass.

Trinn 5

Det er derfor vi må fylle ut disse stedene. En måte å gjøre dette på er å legge to rektangler til formen (se oversikten nedenfor).

Trinn 6

Og vi kan komme ned til hoveddelen. Først klikker vi ut en trekantlignende form som ligner denne med pennverktøyet (P).

Trinn 7

Deretter legger du til punkter med samme verktøy i midten av både topp og bunnaksen.

Trinn 8

Bruk direkte utvalgsverktøyet (A), flytt det øvre punktet opp og nederste punktet ned. Legg merke til at når jeg tegnet poengene, trakk jeg ut endene som angitt i bildet under.

Trinn 9

Nå for de hvite reflekterende stripene, vil vi skape ekstra figurer. Først tegner vi en ellipse over hele bredden av den forrige formen, legger et rektangel over det (tegnet med Shift-tasten nede), og deretter en ellipse som vi trekker ut fra formen (tegnet med Alt-tasten). For øyeblikket, bruk farger som # E6E6E6. Du bør slutte med resultatet som vises.

Trinn 10

Kopier denne figuren en gang til (Ctrl + J), flytt ned og resize den for å gjøre den større for å matche konusformen (Ctrl + T). Lag en Clipping Mask fra det siste laget til begge lagene, med Ctrl + Alt + G snarveien. Etter dette vil lagene bare vises på forrige lag (oransje).

Trinn 11

For å holde ikonet farget riktig, kan vi tegne farger sideveis i et nytt lag, som vi skal bruke til å skygge. Det er en mørk oransje for nyanser (# 6B3719), oransje nyanser til basen (# D25200, # F07E00) og lyset for refleksjoner (# E6E6E6). Det vil være greit hvis du bruker hvit farge med nedsatt opasitet for refleksjoner.

Så la oss begynne å skygge. Skjul alle lag unntatt den første (nederste lag av basen), opprett et nytt lag, og opprett deretter en Clipping Mask på forrige lag (Ctrl + Alt + G).

Velg en mørk farge og på venstre-midtskribben med en stor børste, velg deretter den riktige delen av formen med Polygonal Lasso Tool, og kryp med den store børsten igjen. Som du kan se på bildet, bør du ha to mørkere flekker.

Trinn 12

Unhide det neste laget, skriv det på oransje (# D45809), og lag nyanser med farge fra baksiden. Lys formen som om belysningen kommer fra fronten.

Trinn 13

Vi lager også nyanser over hoveddelen av kjeglen, og fra venstre og fra høyre også. Vi bruker igjen den samme fargen (# 6C3819), bare denne gangen eksperimentere med opasitet og interaksjon (prøv å sette skyggelaget til Multiply for en god effekt).

Trinn 14

Nå vil vi lyse opp de hvite stripene. Hvis du ser på reflekterende glass eller en refleksvest nært, kan du se en klar struktur som vi skal forsøke å immitere. Siden ikonet er veldig lite, må strukturen også være liten og enkel.

Vi trekker dette mønsteret inn i et nytt lag med blyantverktøyet, velg deretter delen og definer den som et nytt mønster-Rediger> Definer mønster.

Trinn 15

Legg nå valget av begge hvite lagene (Ctrl-Shift-klikk på laget), opprett et nytt lag (Ctrl + Alt + Shift + N) og sett dette valget som en
Lagsmaske.

Trinn 16

Bytt til masken (Alt + klikk på masken) og fyll de hvite mellomrommene med vårt forberedte mønster. Vi vil bruke det faktum at den svarte fargen ikke endres ved å sette Multiply-interaksjonen. Åpne Fyll-dialogboksen fra Rediger-menyen, angi vårt mønster, samhandling og bekreft.

Trinn 17

Hva som har skjedd? Nå blir laginnholdet bare sett på punktet av hvite lag, men bare som et mønster. Du kan prøve det ut umiddelbart, ved å tegne med et hvilket som helst verktøy på laget som i bildet.

Trinn 18

Men vi vil ha et fint lys, så vi setter en stor, hvit, myk børste og trekker i midten av keglen. Vårt mønster begynner å projisere pent.

Trinn 19

Det er derfor vi kan ha store refleksjoner over hele kjeglen. Først legger vi ut et utvalg av hoveddelen av kjeglen og avtaler dette valget med 2px.

Trinn 20

Med Polygonal Lasso Tool trekker vi den høyre halvdelen av (Alt-tasten holdes nede), og etter det med Elliptical Marquee Tool trekker vi den øvre delen av (som ikke ville lyse også, men bare for nå).

Trinn 21

Med valget som stilles inn, tegner du en gradient fra hvit til gjennomsiktig til et nytt lag med Gradient Tool.

Trinn 22

Lag en refleksjon på basen på samme måte som du skal sørge for å vise at det er angling av for å matche objektet.

Trinn 23

Pass på at du også legger til høydepunktet på siden av basen. Her kan du bruke Rektangulært Marquee Tool.

Trinn 24

Men kjeglen uten refleksjon på toppen ser litt rart ut, så vi må legge den til her også. Fordi vi ønsker å redigere denne refleksjonen til slutt, kan vi bruke et Shape Layer, opprettet med Pen Tool.

Trinn 25

Fremhev kantene på refleksjoner mer. Vi bruker pennverktøyet til å gjøre dette, og du kan se detaljerte bilder nedenfor.

Trinn 26

Fordi vi lager en ekstra glanset kjegle, bør basen også ha en liten refleksjon.

Når keglen er blank nok, bør keglepartiet reflektere på bunnen. Det er vi vi kopierer dette laget (oransje en) og legger det over
utgangspunkt. Vend laget, flytt det ned, vi kan også legge til en maske for et lag å forsvinne. Du kan se på bildet nedenfor at refleksjonen ses mest på høyre side av ikonet (der pilen viser).

Trinn 27

Det siste trinnet vil legge til et bakgrunnslys. Det er fint hvis ikonet ikke er i samme farge, så i stedet kan vi velge en annen nyanse for lyset. Jeg valgte en fiolett farge. Legg valget av alle lagene og gjør det til en piksel mindre ved å velge Velg> Endre> Kontrakt ...

Trinn 28

Deretter tegner du med en stor, myk, violet (# D2B8F6) børste og børster lyset inn i det nye laget,

Trinn 29

Og det er det! Lykke til i arbeidet ditt!