How å lage en enkel Dokumenter ikon i Adobe Illustrator
Hva du skal lage

I de følgende trinnene vil du lære hvordan du kan lage en enkel dokumenter ikonet i Adobe Illustrator.

For det første vil du lære hvordan du setter opp et enkelt rutenett og hvordan å skape de viktigste figurer ved hjelp av enkle verktøy, grunnleggende vektor form byggeteknikk og live hjørner funksjonen. Flytte på, vil du lære hvordan du kan legge til farger, skyggelegging og subtile høydepunkter for denne figurer ved hjelp av kompliserte lineære gradienter, grunnleggende blending teknikker og utseendet panel. Til slutt, vil du lære hvordan du enkelt kan endre farge ikonet.

1. Opprett et nytt dokument og sette opp et rutenett

Hit Ctrl-N for å opprette et nytt dokument. Velg Pixels fra Units rullegardinmenyen, skriv 600 i bredde og høyde boksene, og klikk deretter på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at Align nye objekter være Pixel Grid boksen ikke er krysset før du klikker OK.

Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 1 px, så bare gå til Rediger > Preferanser > Guides > Grid, og skriv en i linjenettet hver boks og en i underinndelinger boksen. Prøv ikke å bli motløs av alt som grid-det vil gjøre arbeidet enklere, og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av kontroll- "tastatursnarveien.

Du bør også åpne infopanelet (Vindu > Info). for en live forhåndsvisning med størrelsen og plasseringen av figurer Ikke glem å sette måleenheten til piksler fra Rediger > Innstillinger > Units > Generelt Alle disse alternativene vil øke arbeidet ditt. speed.

2. Lag frontdekselet

Trinn 1

Velg rektangel Tool (M) og fokus på verktøylinjen. Fjern fargen fra slag og velg deretter fyllet og sette sin farge på R = 247 G = 148 B = 30. Flytt til din artboard og bare lage en 290 x 150 px rektangel.

Fokus på undersiden av denne oransje rektangel og bytte til Direct Selection Tool (A). Velg den venstre forankringspunkt og dra den 45 px til høyre og deretter velge riktig ankerpunktet og dra det 45 px til venstre.

Trinn 2

tilbake til verktøylinjen, erstatte den eksisterende fylle farge med R = 249 G = 193 B = 72 og deretter fokusere på øvre venstre hjørne av eksisterende form.

Bruk rektangel Tool (M), lage en 130 x 25 px form og plasser den slik som vist i det første bildet. Bytt til Direct Selection Tool (A) og fokus på høyre side av denne nye rektangel. Velg den øverste forankringspunkt og bare dra den 10 px til venstre.

Trinn 3

Marker på nytt begge former laget så langt, åpne Pathfinder-panelet (Vindu > Pathfinder) og klikk på Unite-knappen.

Trinn 4

Hold fokus på form, plukke Direct Selection Tool (A), og velg de tre ankerpunktene fremhevet av de svarte sirklene i det første bildet. Flytt til toppen bar og bare skriv 15 px i at Corners boks.

Flytt til undersiden av din form, velger de to ankerpunktene markert med de blå sirklene, gå tilbake til den øverste linjen og skriv 20 px i at Corners boks.

Deretter velger ankerpunkt markert med rød sirkel, komme tilbake til den øverste linjen og skriv 50 px i boksen Corners.

Til slutt velger ankerpunkt markert med grønn sirkel, flytte tilbake til den øverste linjen og skriv 10 px i samme Corners boks. Til slutt din gule figuren skal se ut i det andre bildet.

Du bør vite at funksjonen Levende Corners er bare tilgjengelig for CC brukere. Den beste løsningen for å erstatte denne effekten ville være det runde et hjørne skript som kan finnes i denne artikkelen: 20 gratis og nyttig Adobe Illustrator Scripts. Lagre det på harddisken din, går du tilbake til Illustrator og ta tak i Direct Selection Tool (A). Velg de ankerpunkt og gå til Fil > Scripts > Andre Script. Åpne Round Enhver Corner Script, angi radius verdiene som er nevnt i følgende bilde, og klikk deretter på OK. Sluttresultatet kan se litt annerledes, så i noen tilfeller må du øke /redusere verdien nevnt i at Corners boks.

Trinn 5

Deaktiver Grid (Control-') og Fest til rutenett (Shift-kontroll-') og deretter gå til Rediger > Preferanser > . Generelt og sørge for at tastaturet Increment er satt til 1 px

Kontroller at gul formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 5 px ned ved hjelp av pil ned på tastaturet. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fylle farge med R = 39 G = 170 B = 225.

Trinn 6

Sørg for at din blå formen er valgt og lage to kopier foran (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px opp ved hjelp av pil opp fra tastaturet. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Pass på at formen resulterer forblir valgt og fokusere på Utseende panelet (Vindu > Utseende). Erstatte eksisterende fylle farge med en enkel hvit (R = 255 G = 255 B = 255), og klikk deretter at " Opacity
" del av teksten for å åpne Transparency fly-out panel. Endre Blending Mode til Soft Light og senke Opacity til 50%.

Trinn 7

Sørg for at din blå formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px ned med det samme pil ned på tastaturet. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel svart (R = 0 G = 0 B = 0), senke Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 8

Sørg for at din blå formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Velg denne kopien, flytter den en px opp og deretter kopiere den (Ctrl-C > Kontroll-F). Velg denne nye kopiere og flytte det en px opp. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel svart, senk Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 9

Sørg for at din blå formen forblir valgt og fokusere på utseendet panel. Først velger fyll og erstatte den eksisterende farge med R = 249 G = 193 B = 72. Deretter legger du til en annen fylling for denne form ved hjelp av Legg til ny Fill-knappen.

Velg denne nye fyll, endre Blending Mode til Soft Light og deretter legge den komplekse lineær gradient vist i følgende bilde. Husk at de gule nuller fra Gradient bilde stå for Opacity prosent mens de blå tallene står for Location prosentandel. Til slutt ting skal se ut i det andre bildet.

Trinn 10

Sørg for at din viktigste gule formen er valgt og lage to kopier foran (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 7 px opp. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Fyll den resulterende formen med svart, senke Opacity til 5% og endre Blending Mode til Soft Light.

Step 11

Sørg for at din viktigste gule formen er fortsatt valgt og erstatte den eksisterende fyllfarge med lineær gradient vist i følgende bilde.

Velg alle figurene er gjort så langt, og bare trykke Ctrl-G å gruppere dem. Flytt til Lag-panelet, åpne eksisterende lag, dobbeltklikker du på navnet på gruppen og gi den nytt navn " framdekselet
".

3. Opprett Bakside

Trinn 1

Aktiver Grid (Control-') og Fest til rutenett (Shift-kontroll-'). Bruke rektangel Tool (M), lage en 280 x 150 px form, satt fyllfargen på R = 39 G = 170 B = 225 og plassere den som vist i det første bildet.

Fokus på undersiden av denne nye rektangel og bytte til Direct Selection Tool (A). Velg venstre ankerpunktet og dra det 45 px til høyre og velg deretter riktig ankerpunktet og dra det 45 px til venstre. Dette vil slå blått rektangel til en enkel trapesformet som vist i det andre bildet. Sørg for at det forblir valgt, og at Direct Selection Tool (A) er fortsatt aktiv, fokus på den øverste linjen og bare skriv 15 px i at Corners boks.

Trinn 2

Deaktiver Grid (Control-') og Fest til rutenett (Shift-kontroll-').

Sørg for at din blå formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte den 5 px ned. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fylle farge med R = 57 G = 181 B = 74.

Trinn 3

Sørg for at din grønne formen er valgt og lage to kopier foran (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px opp. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel hvit, senk Opacity til 50% og endre Blending Mode til Soft Light.

Trinn 4

Sørg for at din grønne formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px ned. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel svart, senk Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 5

Sørg for at din grønne formen er valgt og lage en kopi i front (Ctrl-C > Kontroll-F). Velg denne kopien, flytter den en px opp og deretter kopiere den (Ctrl-C > Kontroll-F). Velg denne nye kopiere og flytte det en px opp. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet.

Pass på at formen resulterer forblir valgt og fokusere på utseendet panel. Erstatte eksisterende fylle farge med en enkel svart, senk Opacity til 30% og endre Blending Mode til Soft Light.

Trinn 6

Sørg for at din grønne formen forblir valgt og fokusere på utseendet panel. Først velger fyll og erstatte den eksisterende farge med R = 249 G = 193 B = 72. Deretter legger du til en annen fylling for denne formen bruker det samme Legg New Fill-knappen.

Velg den nye fyll, endre Blending Mode til Soft Light og deretter legge den komplekse lineær gradient vist i følgende bilde. Husk at de gule nuller fra Gradient bilde stå for Opacity prosent mens de blå tallene står for Location prosentandel. Til slutt ting skal se ut i det andre bildet.

Trinn 7

Marker på nytt blå form og erstatte den eksisterende fylle farge med R = 244 G = 151 B = 45. Velg denne oransje formen sammen med resten av figurene som brukes for å markere det, og konsernet dem (Ctrl-G).

Sørg for at denne nye gruppen er valgt og send den til å sikkerhets bruker Shift-Control-[tastatur snarvei. Flytt til Lag-panelet finner denne nye gruppen og bare endre navnet " Back
".

4. Opprett stykke papir

Trinn 1

Aktiver Grid (Control-') og Fest til rutenett (Shift-kontroll-'). Bruke rektangel Tool (M), lage en 250 x 115 px form, satt fyllfargen på R = 39 G = 170 B = 225 og plassere den som vist i det første bildet.

Fokus på undersiden av denne nye rektangel og bytte til Direct Selection Tool (A). Velg venstre ankerpunktet og dra det 30 px til høyre, og velg deretter riktig ankerpunktet og dra det 30 px til venstre. Sørg for at denne blå formen forblir valgt, og at Direct Selection Tool (A) er fortsatt aktiv, fokus på den øverste linjen, og bare skriv 10 px i at Corners boks.

Trinn 2

Deaktiver Grid (Control-') og Fest til rutenett (Shift-kontroll-').

Sørg for at din blå formen er valgt og lage to kopier i front (Ctrl-C > Kontroll-F > Kontroll-F). Velg den øverste kopiere og flytte det en px ned. Reselect begge eksemplarene som er gjort i dette trinnet og klikk på Minus Front knappen fra Pathfinder-panelet. Pass på at formen resulterende er valgt og erstatte den eksisterende fylle farge med en enkel hvit.

Trinn 3

Sørg for at din blå formen forblir valgt og fokusere på utseendet panel. Velg fyll og erstatte den eksisterende farge med R = 245 G = 245 B = 240. Legg en annen fylling for denne formen, endre Blending Mode til Soft Light og legge den lineære gradient vist i følgende bilde.

Trinn 4

Velg det to figurer fremhevet i følgende bilde og konsern dem (Ctrl-G). Sørg for at denne nye gruppen er valgt og sende den bakover ved hjelp av kontroll- [hurtigtast. Flytt til Lag-panelet finner gruppen gjort i dette trinnet og endre navnet " fil
".

5. Legg Subtle Shadow og Skift farger ikonet

Trinn 1

Aktiver Grid (Control-') og Fest til rutenett (Shift-kontroll-'). For dette trinnet trenger du et rutenett hver 1 px, så gå til Rediger > Preferanser > Guides & Grid og skriv inn 1
i Uten kraftlinjer hver
boks.

Bruk rektangel Tool (M), lage en 188 x 4 px form, gjør det svart og plassere den som vist i følgende bilde.

Trinn 2

Sørg for at din svart rektangel forblir valgt, send den til å sikkerhets bruker Shift-Control-[hurtigtast og deretter flytte til Utseende panel.

Velg den eksisterende fyll, senke Opacity til 20% og deretter gå til Effect > Blur > Gaussian Bur. Skriv inn en 5 px Radius, klikk på OK og gå tilbake til Utseende panel. Legg en annen fylling, gjør det svart og senke Opacity til 3%. Hold fokus på Utseende panel, sørg for at hele banen er valgt (klikk på at " Bane
" stykke tekst fra toppen av panelet) og gå til Effect > Stilisere > Avrundede hjørner. Skriv inn en 2 px Radius og klikk deretter på OK-knappen.

Trinn 3

Til slutt, her er hvordan du enkelt kan fargelegge hele ikonet. Velg de fire gule figurer én etter én, og bare erstatte de tre gule fargetoner med blå fargetoner vist i følgende bilde.

Trinn 4

Her er fargene som du kan bruke hvis du foretrekker en rød versjon. Føl deg fri til å prøve forskjellige sett med farger.

Gratulerer! Du er ferdig!

Her er hvordan det skal se ut. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter. Anmeldelser