Quick Tips: Hvordan lage en enkel prislapp Ikon
I de følgende raske tips du vil lære å lage en enkel prislapp ikon. Det er en annen tutorial som fokuserer hovedsakelig på Utseende panel. Først trenger du noen grunnleggende verktøy og forme byggeteknikker for å skape start form. Deretter bruker kraften til Utseende panel og en fin, gratis font sammen med noen grunnleggende effekter og teknikker du vil skape du eier prislapp ikon. La oss komme i gang.
Trinn 1
Hit Command + N for å opprette et nytt dokument. Skriv inn 600 i med og høyde bokser klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at " Juster nye objekter til Pixel Grid " boksen ikke er krysset før din klikker OK. Nå, slå på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett).
Deretter trenger du et rutenett hver 5px. Gå til Rediger > Preferanser > Guides & Grid, skriv 5 i linjenettet hver boks og en i underinndelinger boksen. Du kan også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Unit > General. Al disse alternativene vil øke arbeidshastigheten.
Trinn 2
Velg rektangel Tool (M), opprette en 150 ved 60px form og fyll den med R = 255 G = 222 B = 190. Fjern fargene fra hjerneslag.
Trinn 3
Velg det formen opprettet i forrige trinn. Plukk Legg Anchor Point Tool (+) og legge til to nye ankerpunkter som vist i følgende bilde. Fest til rutenett vil lette arbeidet ditt.
Trinn 4
Det er viktig at formen er fortsatt valgt og plukke Direct Selection Tool (A). Velg de beste, venstre ankerpunkt og flytte den 30px ned og deretter velge nederste, venstre forankringspunkt og flytte den 30px opp. Til slutt formen din skal se ut i det andre bildet.
Trinn 5
Velg den Ellipse Tool (L), opprette en 10px sirkel og plassere den som vist i det første bildet. Velg den sammen med den andre formen, og klikk på Minus Front knappen fra Pathfinder-panelet. Den resulterende formen skal se ut i det tredje bildet. Dette er den eneste formen som du trenger for å lage din prislapp. Flytt til Lag-panelet (Vindu > Layers) dobbeltklikk på denne formen og name it " Price Tag ".
Trinn 6
Velg " Price Tag " og gå til Utseende panel. Velg den eksisterende fyll og gå til Effect > Stilisere > Indre glød. Skriv inn dataene nedenfor og klikk på OK
Trinn 7
Velg ". Price Tag ", flytte til Utseende panel og klikk på Legg til ny Fill-knappen. Selvsagt vil dette legge til en ny fyll for formen. Velg det fra Utseende panel, senke opacity til 25% og fylle den med lineær gradient vist nedenfor.
De gule tall fra gradient bilde stå for opasitet prosent mens de hvite tallene står for plassering prosentandel. Sørg for at denne nye fill fortsatt valgt og gå til Effect > Sti > Offset Path. Skriv inn et -3px Offset, klikk på OK og gå til Effect > Stilisere > Indre glød. Igjen, skriv dataene nedenfor og klikk på OK
Trinn 8
Velg ". Price Tag " og legge et strøk. Gjør det 1px bred, satt sin farge på R = 196 G = 154 B = 108 og gå til Strek-panelet (Vindu > Stroke). Kontroller først Round Cap og Round Bli med knapper. Deretter kontrollerer den stiplede linjen, og angi 0.75pt i dashbordet boksen og 3pt i gapet boksen. Nå bør du ha en stiplet strek.
Tilbake i Utseende-panelet, må du kontrollere at streken er fortsatt valgt og gå til Effect > Sti > Offset Path. Skriv inn et -3px Offset, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Igjen, skriv dataene nedenfor og klikk på OK
Trinn 9
Velg ". Price Tag " og gå til Utseende panel. Sørg for at ingen fyll eller hjerneslag er valgt, og klikk på Legg til ny Stroke knappen. Dette vil legge til et nytt slag for formen. Gjør det 2PT, justere den til utsiden og sette farge på R = 196 G = 154 B = 108
Trinn 10
Velg ". Price Tag " og gå til Utseende panel. Velg hjerneslag lagt i forrige trinn, og klikk på Duplicate Selected element. Dette vil legge en kopi av det valgte hjerneslag. Velg den, satt sin størrelse på 1pt og fargen på R = 255 G = 245 B = 235
Step 11
reselect ". Price Tag " og gå til Utseende panel. Sørg for at ingen fyll eller hjerneslag er valgt, og klikk på Legg til ny Fill-knappen. Velg denne nye fyll og dra den i bunnen av Utseende panel. Fyll den med liner gradient vist nedenfor, og gå til Effect > Sti > Offset Path. Skriv inn et 2px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Skriv inn de data som vises nedenfor, klikk på OK og gå til Effect > Stilisere > Drop Shadow. Igjen, skriv dataene nedenfor og klikk på OK
Step 12
Marker på nytt hele veien og gå til Effect >.; Stilisere > Avrundede hjørner. Skriv inn et 5px radius og klikk på OK. Flytt til Utseende panel og sørge for at de avrundede hjørner er i toppen av Utseende panel.
Step 13
Velg den type Tool (T), klikk på artboard og legge en pris. Bruk Arcade skrift med en størrelse på 35pt og sette farge på R = 169 G = 124 B = 80. Med denne teksten likevel valgt gå til Effect > Stilisere > Drop Shadow. Skriv inn dataene nedenfor og klikk på OK.
Step 15
Til slutt, du kan bruke forskjellige sett med farger for din prislapp eller du kan øke /redusere verdien satt for avrundede hjørner effekter.
Konklusjon
Nå arbeidet er ferdig. Her er hvordan det skal se ut, jeg håper du har hatt glede av denne tut. Anmeldelser