Create en super lim og en Paint Tube Ikon

I det følgende opplæringen vil du lære hvordan du kan lage en super lim og maling tube ikon. Disse blanke ikoner er enkle å lage, vil vi dekke en komplett arbeidsflyt, og vise deg teknikker som vil øke hastigheten på arbeidsprosessen. La oss komme i gang!

Trinn 1

Opprett en 700 av 820px, RGB-dokument. Slå på Grid (View > Grid) og Fest til rutenett (View > Fest til rutenett). Deretter trenger du et rutenett hver 1px. Gå til Rediger > Preferanser > Linjer og rutenett, skriv en 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 figurer. Ikke glem å bytte måleenhet for å piksler fra Rediger > Preferanser > Enhet > General. Al disse alternativene vil øke arbeidshastigheten.

Trinn 2

Velg den rektangelverktøyet (M) og lage en 145 x 55 piksler form. For øyeblikket fylle den med hvilken som helst farge. Grab Direct Selection Tool (A). Velg den øverste venstre forankringspunkt og flytte det 6PX ned og deretter velge det nederste, venstre forankringspunkt og flytte den 6PX opp. Fest til rutenett skulle lette arbeidet ditt.

Nå formen skal se ut i det andre bildet. Fyll den med lineær gradient vist nedenfor. Ta en nærmere titt på gradienten bildet og du vil merke noen hvite tall. Det står for plassering.

Trinn 3

Velg det rektangelverktøyet (M). Lag en 145 av 12px form og legg den som vist i følgende bilde. Plukk Direct Selection Tool (A). Velg nederst, venstre ankerpunktet av denne nye formen og flytte den 6PX opp. Velg den øverste, høyre forankringspunkt og flytte det 6PX ned. Nå bør denne andre formen ser ut i det andre bildet. Fyll den med R = 209, G = 211, B = 212.

Trinn 4

Grab rektangelverktøyet (M) og lage en 10 x 57px form. Plasser den som vist i det første bildet og fylle det med det første lineær gradient. Fortsett med rektangelverktøyet (M) og lage en tynn form. Gjør det en px bred og 57px høy, deretter plassere det som vist i det andre bildet. Fyll den med den andre lineær gradient. Igjen, hvis du tar en nærmere titt på denne gradienten bildet vil du legge merke til noen gule tall. De står for Opacity.

Trinn 5

Fortsett med rektangelverktøyet (M) og lage en 7px av 1px form. Plasser den som vist i følgende bilde, fyll den med R = 209, G = 211, B = 212. Nå gå til Effect > Forvrenge & Transform > Transform. Skriv inn 27 i boksen eksemplarer, drar Flytt Vertical glidebryteren til 2 piksler, og klikk deretter på OK.

Trinn 6

Duplicate formen gjort i andre trinn (Command + C > Command + F). Plukk rektangel Tool (M), opprette en 5px av 57px, forme og plassere den som vist i det første bildet. Velg denne friske form, sammen med kopien, og klikk på Skjæring knappen fra Pathfinder-panelet. Fylle den resulterende form med lineær gradient er vist i det andre bildet. Vær oppmerksom på plassering og tetthet prosent.

Trinn 7

Velg den type Tool (T), klikk på artboard og legge til "Super Glue" tekst. Bruk Century Gothic skrift med en størrelse på 12 pkt, gjøre den fet og sette farge på R = 109, G = 110, B = 113. Velg denne teksten og rotere den 90 grader. Plasser den som vist i det andre bildet, og deretter gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i følgende bilde, og klikk deretter på OK.

Trinn 8

Velg den rektangelverktøyet (M), opprette en 135px ved 20px form og legg den som vist i det første bildet . Grab Direct Selection Tool (A), velg den øverste, venstre forankringspunkt og flytte det 3px ned. Nå velger nederst, venstre forankringspunkt og flytte den 5PX opp. Nå bør formen ser ut som det andre bildet. Fyll den med hvit og senke Opacity til 40%

Trinn 9

Igjen, duplisere formen gjort i andre trinn. (Command + C > Command + F). Velg det rektangelverktøyet (M), opprette en 1px av 47px form og legg den som vist i det første bildet. Velg denne friske formen sammen med kopien og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med lineær gradient vist i det andre bildet.

Trinn 10

Fokus på det venstre området. Plukk rektangel Tool (M), opprette en 5px av 43px form og legg den som vist i det første bildet. Grab Direct Selection Tool (A), velg den øverste, venstre forankringspunkt og flytte den 10px ned, og velg deretter bunnen, venstre forankringspunkt og flytte den 10px opp.

Nå den nye formen skal se ut som andre image. Velg den og gå til Effect > Warp > Utbulning. Oppgi dataene nedenfor, klikk OK, og deretter gå til Object > Utvid Utseende. Fyll den resulterende form med lineær gradient vist nedenfor.

Trinn 11

Velg det rektangelverktøyet (M). Lag en 5px av 12px form og legg den som vist i det første bildet. Plukk Direct Selection Tool (A), velg den øverste, venstre forankringspunkt og flytte det 1px ned. Velg nederst, venstre forankringspunkt og flytte den 1px opp. Nå bør denne nye formen ser ut som det andre bildet. Fyll den med hvit, senke Opacity til 50%, så gå til Effect > Warp > Utbulning. Oppgi dataene nedenfor og klikk deretter på OK.

Trinn 12

Grab rektangelverktøyet (M), opprette en 5px av 23 pikslene form, legg den som vist i det første bildet. Nå fyller den med lineær gradient. Fortsett med rektangelverktøyet (M). Lag en 5px av 10px form og legg den som vist i det andre bildet. Fyll den med hvit og senke Opacity til 50%. Igjen, bruk rektangel Tool (M) for å opprette tre lignende former. Gjør dem 1px bred og 23 pikslene høye, deretter fylle dem alle med R = 167, G = 169, B = 172.

Trinn 13

Bruk rektangelverktøyet (M) for å lage en 22 pikslene ved 29px form. Plasser den som vist i det første bildet, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 0,5px radius, klikk OK, og deretter gå til Object > Utvid Utseende. Fyll den resulterende form med R = 65, G = 64, B = 66

Trinn 14

Deaktiver Fest til rutenett. (View > Fest til rutenett), og deretter gå til Rediger > Preferanser > General, og skriv inn 0,5 i Tastatur verdiboksen. Velg formen gjort i forrige trinn, og lage to kopier (Command + C > Command + F). Velg den øverste kopien og traff venstre pil en gang (for å flytte den 0,5px til venstre). Reselect begge eksemplarene og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 35, G = 31, B = 32

Trinn 15

Aktiver Fest til rutenett. (View > Fest til rutenett) igjen, så plukke rektangel verktøyet (M). Lag en 16px av 1px form og legg den som vist i det første bildet. Fyll den med R = 35, G = 31, B = 31, og deretter gå til Effect > Stylize > Avrundede hjørner. Skriv inn et 0,5px radius, klikk OK, og deretter gå til Effect > Forvrenge & Transform > Transform. Skriv inn 12 i boksen eksemplarer, drar Move-Vertical boksen til 2 piksler, og klikk deretter på OK.

Trinn 16

Grab rektangelverktøyet (M), opprette en 22 pikslene ved 9px form, og plassere den slik som vist i det første bildet. Plukk Direct Selection Tool (A), velg den øverste, venstre forankringspunkt og flytte det 1px ned. Nå velger nederst, venstre forankringspunkt og flytte den 1px opp. Nå bør formen ser ut som det andre bildet. Fyll den med R = 147, G = 149, B = 152, og senke Opacity til 30%.

Trinn 17

Velg den rektangelverktøyet (M), opprette en 60px av 21px forme og plassere den som vist i det første bildet. Grab segment Too l (A), velg den øverste, venstre forankringspunkt og flytte det 4px ned. Nå velger nederst, venstre forankringspunkt og flytte den 4px opp. Din formen skal se ut som det andre bildet. Velg den og gå til Effect > Warp > Arc Øvre. Tast inn dataene vist i det andre bildet, klikk på OK og gå til Object > Utvid Utseende. Fyll den resulterende form med R = 65, G = 64, B = 66

Trinn 18

Duplicate formen gjort i forrige trinn. (Command + C > Command + F). Grab rektangelverktøyet (M), opprette en 62px av 6PX form og legg den som vist i det første bildet. Plukk Direct Selection Tool (A), velg den øverste, høyre forankringspunkt og flytte det 1px ned. Velg denne friske formen sammen med kopien og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 35, G = 31, B = 32.

Trinn 19

Igjen, duplisere formen gjort i det syttende trinn. Plukk rektangel Tool (M), opprette en 63px av 5px form, og plasser den som vist i det første bildet. Grab Direct Selection Tool (A), velg den øverste, venstre forankringspunkt og flytte den 2 piksler ned. Nå velger bunnen, venstre forankringspunkt og flytte den 1PX opp.

Din formen skal se ut som det andre bildet. Velg den sammen med kopien og klikk på Skjæring knappen fra Pathfinder-panelet. Fyll den resulterende form med R = 147, G = 149, B = 152, og senke Opacity til 30%.

Trinn 20

Duplicate de store former som utgjør den samlede superlim rør. Velg disse kopiene og klikk på Unite knappen fra Pathfinder-panelet. Fyll den resulterende form med ingen, og legger til en 0,5, justert til utsiden hjerneslag (R = 35, G = 31, B = 32). Velg alle figurene laget så langt og gruppere dem (Kommando + G).

Trinn 21

Duplicate gruppen gjorde i forrige trinn. Flytt denne nye gruppen noen få piksler til venstre. Nå, la oss gjøre noen fargeendringer for denne andre gruppen. Bytt ut mørke farger med røde fargetoner som er vist nedenfor. Også erstatte fyllfargen og tettheten andel for de markere elementer, som vist i det andre bildet.

Trinn 22

Lag ny kopi av den eksisterende gruppen og bruke sett med farger vist nedenfor.

Trinn 23

nå, la oss snu superlim røret i en maling tube. Duplisere gruppen med den opprinnelige superlim tube. Fokus på denne nye gruppen. Først fjernes formen fra den venstre ende, som vist i det første bildet. Deretter må du redigere strøk form.

Velg den rektangelverktøyet (M), lage en enkel rektangel og legg den som utstilling i det andre bildet. Velg denne nye formen sammen med strøk form og klikk på Minus Front knappen fra Pathfinder-panelet. Til slutt formen din skal se ut som det tredje bildet. Fjerne teksten, og du fikk lakken tube.

Trinn 24

Lag to kopier av malingen tube gruppen. Fokus på disse nye kopier og erstatte den mørke gradient med de lineære gradienter som vises i følgende bilder.

Trinn 25

La oss legge til noen endelige effekter for disse rørene. Velg original superlim tube gruppe og gå til Object > Transform > Rotere. Skriv inn en -135 grader vinkel, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Tast inn dataene vist i det andre bildet, og klikk deretter på OK. Gjenta de samme teknikkene for resten av gruppene.

Step 26

Her gjorde jeg flere kopier av rørene. Nå, la oss legge bakgrunnen. Plukk rektangel Tool (M), skape en form av størrelsen på artboard, fyll den med R = 39, G = 170, B = 225 og send det til Back (Shift + Kommando + [). Åpne fly-out menyen i Fargeprøver-panelet og gå til Open Swatch Library > Pattern > Grunnleggende Grafikk > Grunnleggende Graphics_Textures.

Dette vil åpne et nytt vindu med noen fine mønstre. Velg det blå rektangelet, åpner fly-out menyen i Utseende-panelet, og klikk på Legg til ny Fill. Dette vil legge til en annen fylling for formen. Velg denne nye fyll og bruke Diamond mønster. Senke Opacity til 10%, endre blending mode til Multipliser, så gå til Effect > Kunstnerisk > Film Grain. Oppgi dataene nedenfor og klikk på OK.

Trinn 27

Nå, la oss legge skillelinjen. Plukk Pen Tool (P), tegne en 760px, horisontal bane og plasser den som vist i følgende bilde. Fyll den med ingen, legge en 4pt slag (R = 39 G = 170 B = 225) og deretter gå til Effect > Forvrenge & Transform > Zig Zag. Oppgi dataene nedenfor og klikk på OK

Trinn 28

Velg det bane gjort i forrige trinn og gå til Effect >.; Stylize > Indre glød. Oppgi dataene nedenfor, klikk OK, og deretter gå til Effect > Stylize > Drop Shadow. Oppgi dataene nedenfor, klikk OK, og du er nesten ferdig.

Trinn 29

Til slutt, duplisere blå firkant laget tre trinn siden. Flytt denne kopien over skillelinjen (i Lag-panelet). Velg den, fjerne fyllingene og legge til en 2PT, justert til inne hjerneslag (R = 0 G = 199 B = 239). Med denne formen fortsatt er valgt åpen fly-out menyen i Utseende-panelet og klikk på Legg til ny Stroke. Dette vil legge til en ekstra slag for denne nye formen. Velg det fra Utseende panel. Gjør det 1pt bred, sett farge til R = 28, G = 117, B = 188, og du er ferdig.

Konklusjon

Det siste bildet er nedenfor.