hvordan skabes der en række produktivitet ikoner i adobe illustrator

, hvordan man skaber en række produktivitet ikoner i adobe illustrator,,,,,, hvad du vil skabe,,, i dagens lektion, jeg vil vise dig, hvordan man skaber en række faste produktivitet ikoner, der kan komme i handy i fremtidige projekter, vil vi. bruger adobe illustrator, og processen med at genskabe det er hovedsageligt baseret på den rektangel redskab, der anvendes i kombination med pathfinder og et strejf af den direkte udvælgelse værktøj, her og der.,, 1.oprettelse af vort dokument, den første ting, vi er nødt til at oprette, før vi begynder at bygge ikonerne selv er vores nummer.hvis de allerede er indenfor illustrator, skabe en ny fil (, fil > nye) og anvende disse indstillinger:,,,,, antal artboards,: 1,,, bredde: 600 px, højde: 500 px, enheder: pixels,,, og af den avancerede, regning (du kan måles ved at klikke på lige over for pil i venstre):,,,,, farve tilstand: rgb, raster virkninger: høj (300 ppi),,, tilslutter nye objekter til pixel - nettet: kontrolleret,,,,,, disse små ændringer vil give mulighed for en maksimal nøjagtighed, men kun hvis de tager til nettet, kan kontrolleres.for at gøre det, bare gå til betragtning > snap til nettet.,,,,,,,, trin 2, stadig ved hjælp af afrundet rektangel værktøj, skabe fire, 52 x 4 px, genstande, der har en radius, hjørne af 2 px,.farve dem med,&#ababab, og så langt fra hinanden på ca. 6 px, at sikre, at gruppen (, control-g,), og placerer dem i en afstand af 24 px, fra toppen af den genstand, vi har skabt i trin 1.,,,,, trin 3, double click på samlet tekst linjer, vi har lige skabt ind, isolation, mode, og skabe en 20 x 4 px, form og med en 2 px hjørne radius, og at vi holdning over strækninger, og en lidt bredere, 34 x 4 px en (med samme, 2 px, værdi for, hjørne radius,), at den samme afstand af 6 px, mellem dem og de fire centreret linjer.,,,,, exit, isolation, tilstand ved presning, øsu, og derefter vælge både dokumentets vigtigste form og dens retningslinjer og gruppe dem sammen (fortsatrol-g,). 6.oprettelsen af det andet dokument ikon, trin 1, fordi alle de resterende dokument ikoner er modificerede versioner af vores oprindelige, vil vi skabe en kopi af trækker til højre og have den, alat, nøgle.når kopi er skabt, simpelthen vælge både den og den oprindelige og anvende, tilpasse, panel holdning på omkring 68 varer, fra den første.,,,,, trin 2, som vores andet dokument ikon har foldet højre hjørne, er vi nødt til at tilpasse den kopi, vi har skabt.først ind, pixel forpremiere tilstand og skabe et, 36% 36 px, form og med en radius, på hjørnet af 4 px,.farve på,&#e8e8e8 og holdning, så dokumentet er højre hjørne er spids peger nøjagtig til midten.,,,,, trin 3, tag, tilføje anker punkt værktøj (beliggende under pen værktøj,) og tilføje to ophæng, hvor toppen og højre side af dokumentet møde de mindre rundet hjørnet square.,,,,, trin 4, efter du har tilføjet to ekstra ophæng, isolere dokumentets vigtigste organ (højre klik med direkte valg redskab > isolere udvalgte sti,) og derefter slette øverste højre ankre, der udgør omkring hjørnet.umiddelbart efter at slette dem presse, control-j, at forene de resterende lande, giver det dokument, en kraftig diagonal.,,,,, trin 5, okay, så nu har vi justeret højre hjørne, men hvad med kvadratet på toppen af det?- fordi jeg vil have dig til at være i stand til at tilpasse sig, hvor meget af fold går ind i det dokument, vi vil skjule den ved hjælp af en, det maske.vælg den hvide dokument form ved hjælp af den direkte udvælgelse værktøj, kopi (, control-c,) og skabe en kopi (, control-f,) på toppen af den og den lille square.udtage begge to og pladsen og højre klik, > gøre det maske.,,,,, hvis du opdager, at du har brug for at få form større eller mindre, bare klik på den lighter grå punkt ved hjælp af den direkte udvælgelse værktøj (a) og derefter i henhold til deres præference med retningsbestemt pile på dit tastatur.,, og glem ikke at samle alle de elementer i det andet dokument ikon, control-g, så hvis du ved et uheld flytte noget, er det, som former ikke bliver kastet rundt.,,,,, 7.at skabe det tredje dokument ikon, trin 1, som du kan se fra den første billede, den tredje stjerne er grundlæggende de første to mindre sektioner stablet oven på hinanden.så tag det første dokument, skabe en kopi til højre ved at samtidig med, alat og holdning, der i en afstand af 68 varer, fra den anden.,,,,, trin 2,, når du har den tredje ikon placeret, vælger det, og ungroup dens elementer (højre klik, > ungroup,).skabe en kopi af den hvide afdeling, og ændre sin, bredde, 52 px, og dets farve,&#f0f0f0, og sørg for at det under position (højre klik, > arrangere > sende tilbage,) og skubbe det i toppen af 6 px (højre klik, > omdanne > - og input, 6 px i den vertikale, rubrik forlader, horisontale, sat til 0 px,).,,,,, trin 3, tilføje en lille skygge ved at skabe en, 52 x 2 px, sort (,�), rektangel, og holdning, det lige over den hvide dokument afdeling.når du har det på plads, ændre dens, blanding tilstand, formerer sig, at sænke sine, uklarhed, med 10%.,,,,, trin 4, tilføje en anden, mindre side under den, vi har lige skabt, ved at kopiere den hvide form, en gang mere.justere, bredde, 44 px,, at skifte farve,󴈿, og derefter sørge for at sende det tilbage til resten af vores elementer og flytte, 6 varer, til toppen.,,,,, trin 5, tilføje en anden skygge til tidligere skabt form, ved at skabe en 44 x 2 px, sort (,�) rektangel, ændre dens, blanding af mode, til sig, og at sikre, at sænke sine, uklarhed, niveau, 14%.endelig vælge alle ikon - elementer og gruppe (, control-g,).,,,,, 8.at skabe den lukkede kuvert e - mail ikon, trin 1, udvælge, afrundet rektangel redskab, og skabe en 80 x 56 px, form og med en radius, på hjørnet af 4 px,.farve på,&#e8e8e8 og vertikalt bringe den i overensstemmelse med det første dokument ikon, positionsbestemmelse med 66 px, fra den nederste side.,,,,, trin 2, ved hjælp af pen værktøj (p), bliver vi nødt til at skabe den øverste del af kuvert med fra midten og bevæger sig udad til den øvre højre hjørne, hvor vi vil sætte de to første ophæng.jeg anbefaler, at du vender om, pixel forpremiere, så du har størst nøjagtighed, når det ophæng.form bør udvides til venstre og højre ved 1 varer, og til toppen af 2 px,.,,,,, trin 3, når du har formet den øverste del af den ramme, vi er nødt til at gøre det mere rundt om hjørnet.vi vil gøre det ved at vælge form og så hen til virkning > stylize > runde hjørner og indlæsning, 4 varer, i en radius, mark.når hjørnerne er justeret, sørg for at udvælge de formål, og udvide det (imod > udvide udseende).,,,,, trin 4, hvis du går tilbage til pixel - forpremiere, mode, kan du mærke det, når du har udvidet udseende af form, dens ophæng er sprang. en pixel - nettet.,,,,, vi skal rette op på dette ved at zoome ind og bed dem tilbage med den direkte udvælgelse værktøj a).,,,,, trin 5,, hvis du har tilpasset alle ophæng korrekt, flytte form af 2 px og skabe en kopi på den tavle,,, control-c,).fordi vi er nødt til at tilføje en skygge under den øverste foldet afdeling af den konvolut, jeg fandt, at det ville være lettere at skabe de gange, med kopi til de clipboard og omdanne gange i den faktiske skygge og pasta originalen på toppen af skrivepladen.,,, at du forstår, hvad der kommer til at ske, ændre top form er farve sort (,�) og dets, blanding af mode, at multiplicere, sænke sine, uklarhed, til 10%.,,,,, trin 6, ved hjælp af den direkte udvælgelse værktøj (a), udvælge, bunden ophæng og flytte dem ned. ved 2 varer, og den indre tilbage og rettigheder, som 1. varer, i forhold til omverdenen.,,,,, trin 7, udførsel, isolation, mode og pasta (, control-f) en kopi af den øverste sectii brevet fra, håndklæder, (den, jeg fortalte dig at kopiere i trin 5) i skyggen.,,,,, trin 8, pasta, endnu en kopi af den øverste del, og så vender det vandret (højre klik, > afspejler > horisontal) at sikre, at ændre sin farve,󅒐, og tilpasse det til bunds side af den vigtigste ramme form.,,,,, trin 9,, fordi vi har brug for den nederste del ind i skyggen og toppen lighter, er vi nødt til at udvælge dem, og den vigtigste ramme form, og så til højre klik, arrangere &> gt sende tilbage.,,,,, trin 10, når vi har den øverste, bunden og skygge dele af vores budget, er vi nødt til at anvende en maske, således at de dele, der går uden for ikon er base form, vil være hidden.for at gøre det må vi til første eksemplar (, control-c,) og pasta (, control-f) en kopi af basen form på de tre nævnte områder.når kopi er på plads, blot vælger det, og de tre dele, som vi er nødt til at skjule og ramte højre klik, > skabe udklip maske.,,,,,, hurtigt tip: fordi de større indvendinger skjuler de fleste af overfladen af stykker, vi er nødt til at skjule, at vi er nødt til at zoome ind på hjørnerne, og udvælgelsen af de dele, der går uden om de vigtigste form er område.,,, trin 11, udvælge, alle elementer af e - mail ikon og gruppe dem sammen med, control-g,.,,,,, 9.at skabe åbnet kuvert e - mail ikon, trin 1, som den anden e - mail ikon er baseret på det, vi har skabt, simpelthen kopiere originalen og skabe et duplikateksemplar på ca. 48 px, til højre.,,,,, trin 2, ungroup genstande (højre klik, > ungroup,) og så ind, isolation, modus (double click på enten foroven eller forneden kuvert false), hvor vi er nødt til at skære (, control-x) øverste afsnit, udpassage, isolation, og så sæt det oven i alt det andet (, kontrol ‑ f).,,,,, trin 3, vælges den øverste gange, og så afspejler den vandret så spidsen nu pegende opad.,,,,, trin 4, udvælge afspejlet objekt, og så går det i toppen af 26 px,.for at gøre det, ganske enkelt ikke klik, > omdanne > træk, og i dukker op kasse ind - 26 px for vertikal, input og 0 for vandret.,,,,, trin 5, ændre objekt er farve,&#e3e3e3, og skaber så en, 76 × 62, hvide (,&#ffffff) rektangel med en radius, hjørne af 4 px,.den nye form for holdning om 8 varer, fra toppen af toppen af afsnit.,,,,, trin 6, da brevet og top - fold skal afskærmes, bliver vi nødt til at kopiere den nederste del gange ved hjælp af den direkte udvælgelse værktøj a), sæt det på toppen af andre elementer. afspejle det horisontalt, og tilpasse det til den øverste del af ikon vigtigste organ.,,,,, trin 7,,, fordi vi ønsker, at den maske for at skjule en specifik del af vores brev og top - fold, er vi nødt til at tilpasse den ved første sletter toppen center og øverste venstre og højre ophæng.første double click på den form for at komme ind i isolation, mode og så bruge den direkte udvælgelse værktøj a), at fjerne den angivne ankre ved udvælgelse og så presserende, slette.,,,,, trin 8, stadig i isolation, mode, tag pen værktøj (p), og klik på toppen ret ophæng og begynde at tegne en skikkelse, der går hele vejen til toppen af folden.use, pixel forpremiere, så de kan få et mere nøjagtigt billede af den bane, og hold det nede, skifteholdsarbejde, idet ankre, således at de linjer, ender helt lige.,,,,, trin 9, vælge den form, vi har skabt, den øverste gange og brev afdeling, og så til højre klik, > få det maske.du kan slippe af med skyggen under bogstavet objekt ved hjælp af den direkte udvælgelse værktøj (a), at slette det, som form er i samme udklip maske som bunden gange objekt.,,,,, trin 10, bliver vi nu nødt til at gentage trin 6 og så skifter form, farve,&#c7c7c7,.denne kopi af objektet vil tjene som inderlommen som vores brev vil komme ind på.,,,,, trin 11, som skal passe ind i lommen overfladen af vores brev, bliver vi nødt til at anvende en, det maske, at det ved at skabe en genpart af den vigtigste form for vores samlede på toppen, - - og så med dem begge to udvalgte, højre klik, > gøre det maske.,,,,, trin 12,, før vi går i lommen på bagsiden af den skrivelse, skal vi for det første eksemplar dens bund - og mellemste anker punkter, som vi vil bruge til at skabe den indre skygge i lommen.,, tag, direkte valg værktøj a), klik på den form, og når ankeret punkter er viste, at vælge dem, der påpegede jeg ved at klikke på den først den ene og så holde, skifteholdsarbejde, at udvælge resten.når du har dem alle udvalgte, simpelthen kopiere dem til, håndklæder, (, control-c,).,,,,, trin 13, så snart du har skabt en kopi af ophæng, kan du vælge brevet og bringe dem og den øverste peger gange til forsiden af lomme (højre klik. > arrangere > gøre front).,,,,, skridt 14, double click på brev afsnit ind, isolation, mode og pasta (, control-f) ankeret punkter, som vi har kopieret i trin 12.- fyld, med den form, slagtilfælde (, shift-x,) og derefter ændre farve sort (,�) og dets, blanding af mode, til formering.så sørg for at sænke sine, uklarhed, niveau på 12%, og den vægt, slagtilfælde,, 4 px,.,,,,, trin 15, udvælge, skyggen, og så, udvide det ved at gå til objekt > udvide og kontrollere, udfylder og slagtilfælde.,,,,, trin 16, og stadig i isoleret gruppe, skabe en mindre, 20 x 4 varer, og tre større, 64 x 4 px, former, alle med en radius, hjørne af 2 varer, og så langt fra hinanden ved hjælp af, tilpasse, panel, horisontale distribuere rum, - på 6 px,).gruppe strækninger (, control-g,) og tilpasse dem vandret, at brevet er form, i en afstand af 10 varer, fra dens overside.,,, sørg for at få den lomme skygge til forsiden af teksten linjer (højre klik, > arrangere > til foran,).,,,,, skridt 17, tilføje en bunden skygge på det brev, som dækker de laveste to linjer i teksten.ved at skabe et, 76% 37 px, sort (,�) rektangel, som vi vil center vandret til brev form, at tilpasse den til den nederste side.så ændre sin, blanding tilstand, formerer sig, at sænke sine, uklarhed, på 8%.,,,,, skridt 18, tilføje en lille, 28 x 2 px, rektangel lige over det brev.da dette vil fungere som en skygge, er vi nødt til at ændre sin, blanding af mode, at multiplicere og sænke sine, uklarhed, til 10%.fordi vi ønsker at gennemgå de vigtigste skygge peger gange, er vi nødt til at kopiere gange og sæt det øverst, og med dem begge to udvalgte, højre klik, > gøre det maske.,,,,, skridt 19, for at afslutte vores lille ikon, er vi nødt til at korrigere de nederste foldet afsnit, som skal komme oven i den lomme skygge.bare vælg mig, og så kommer på forsiden af resten af vores elementer, der arrangerer > gøre front.når du har gjort det, at vælge alle ikon - elementer og gruppe dem sammen med, control-g,.,,,,, næste ikon, at vi er nødt til at skabe, er det med alle de skriftlige instrumenter.vi vil tage hvert element og bygge dem en ad gangen. 10.at slette, trin 1, ved hjælp af afrundet rektangel værktøj, skabe, 16% 32 px, form og med en radius, på hjørnet af 2 px,, giver det en rødlig farve (,&#ffb8c9,).nederste linje form til den anden e - mail ikon og den afstand, de to på ca. 51 px,.,,,,, trin 2, dobbelt viskelæderet vigtigste form, og så bruge det, rektangel værktøj (m), at skabe en skikkelse, der dækker den øverste halvdel af det element, og tage den fra også anvendelse, stifinder, er minus foran mulighed.ændringer, der er form, farve,&#c6b8ff og gruppe både det og slette vigtigste form i en enkelt objekt (, control-g,).,,,,, 11.at skabe den pen, trin 1, ved hjælp af afrundet rektangel værktøj, skabe, 6 x 80 px, form og med en radius, på hjørnet af 2 px,.nederste linje mod, at slette i en afstand af 8 varer, til højre.,,,,, trin 2, skabe lidt mørkere (,&#cccccc,), 10 x 8 px, rektangel, tilpasse den til de tidligere skabt i bunden form, og efter at skabe en kopi af pennen er base form, udvælge både det og mørkere rektangel og anvendelse, stifinder, er intersect, funktion at skabe nederst side af pennen.,,,,, trin 3, tilføje en lille, 6 x 1 px, segment på toppen af den form, vi har skabt, og farve, det bruger,&#b3b3b3,,,,,, trin 4, tilføjes. en 10 x 24 px, rektangel i toppen af pennen, sørg for at farve det ved hjælp af en lysere farve grå (,&#f2f2f2,).,,,,, trin 5, tilføje en 13. x 2 px, rektangel (,&#e6e6e6) cirka 2 px fra pennen eri toppen, at tilpasse den til højre.så skabe en, 6 x 2, forsyning, sort (,�) rektangel, ændre dens, blanding af mode, at multiplicere, og dets, uklarhed, til 10%, og holdning, der lige under pennen er fælles landbrugspolitik.,,,,, trin 6, afslutte pen er den fælles landbrugspolitik ved at tilføje en, 2 x 22 px, form og med en radius, hjørne af 1. varer, farve det med,&#f2f2f2, og tilpasse det til venstre for at sikre, at runden topsektionen går om 1. varer, uden for den fælles landbrugspolitik er udvidelse, bro.når du har tilføjet denne lille detalje, gruppe alle elementer af pen bruge, control-g,.,,,,, 12.at skabe en blyant, trin 1, skabe, 6 x 73 afrundet rektangel (,&#e8ca8b) med en radius, hjørne af 2 px,.det svarer til bunden af pen i en afstand af 6 varer, fra dets højre side.,,,,, trin 2, justerer den blyant er toppen af udvælgelse og slette den øverste midt ophæng, således at man eliminerer de runde hjørner.gør det ved hjælp af den direkte udvælgelse værktøj (a), og når du har fjernet de ankre ramt, control-j, at forene de resterende for at udfylde de huller, og luk den form.,,,,, trin 3, skabe en genpart af den deraf følgende form (, control-c > control-f,) og tilføje en 12 x 67 px, objekt på toppen af det, horisontalt at referere til oversiden af vores blyant.med både udvalgte, anvendelse, minus foran, til at trække de store øvre del og få de små viskelæder.ændringer, der er&#ffb8c9 form, farve,,.,,,,, trin 4, afslutte nederste del af blyant ved at tilføje en, 6 x 5 px, grå (,&#e6e6e6) rektangel, og en mindre, 6 x 1 varer, og mørkere (,&#cccccc) form på toppen af det.også tilføje to, 1 x 1 px, kredse (,&#b3b3b3,), placerer dem i en afstand af 2 px fra hinanden, og så gruppe (, control-g,), og både vertikalt og horisontalt, tilpasse dem til de store grå genstand, vi har lige skabt.,,,,, trin 5, tag den, rektangel værktøj (m), og skabe en, 2 x 61 px, form, farve, det bruger,&#ffdf99 og horisontale tilpasning til oversiden af vores blyant.,,,,, trin 6, skaber spidsen af blyant ved at trække en, 6 x 9 varer, rektangel og placering den på toppen den vigtigste form, vi har nu.ved hjælp af de tilsættes anker punkt værktøj, skabe et anker på oversiden af den form, lige i midten.så efter, slette anker punkt værktøj, fjerne den øverste venstre og højre ankre, således at spidsen kan tage form.,, ved hjælp af, ellipse værktøj (l), skabe et, 8 x 6 px - kredsen, farve, det bruger,󥉙 og holdning, som det på toppen af toppen, således at kun en lille del af det gennemskærer den overflade.skabe en kopi af tip om den cirkel, og så gemme resten af en cirkel med en maske, klipning, (både toppen og cirkel udvalgte, > gøre det maske,).når du har gjort det, at skabe tre mindre, 2 x 4 px, profiler, og fjerne deres bedste anker punkt ved hjælp af den direkte udvælgelse værktøj a).holdning alle tre ting fra hinanden, lige under blyant er drikkepenge.,,,,, trin 7,, når du har lagt drikkepenge, vælge alle de elementer i blyant og gruppe dem sammen (, control-g,).,,,,, 13.at skabe en lineal, trin 1, så den sidste del af vores lille skriveredskaber ikon er hersker.for at genskabe den vil vi satse på vores trofaste afrundet rektangel værktøj, som vi vil skabe, 22 x 81 px, hvide (,&#ffffff) form.det svarer til bunden af blyant og position på 8 varer, fra dets højre side.når du har det på plads, sænke sine, uklarhed, niveau på omkring 40%.,,,,, trin 2, tilføjer den indre del ved at skabe en, 8 x 33 px afrundet rektangel med en radius, hjørne af 1. varer, og en uklarhed, niveau af 20%.,,,,, trin 3, skabe en genpart af den store hersker form, og sæt det på toppen af alt det andet.så, bruger den, rektangel værktøj (m), udarbejde en 20 x 81 px, formål og vertikale, tilpasse den til højre side af de to, vi har skabt.når du har alt, placeret, blot udvælger de to eksemplarer og rektangel og anvendelse, stifinder, er minus foran, til at skabe den side, at vi har brug for.lavere, uklarhed, til 20%, og skabe en kopi, som vi vil afspejle vertikalt og tilpasse herskerens højre side.,,,,, trin 4, at afslutte hersker, der blot om 11 regning positioner (til indikatorer).start med en større, 4 x 1, forsyning, rektangel, efterfulgt af en sekvens af fire mindre, 3 x 1, forsyning, og så et andet større, og så videre, indtil du har 11 af dem.gruppe alle de tekniske vurderingsorganer sammen (, control-g,) og sænke deres, uklarhed, til 80%.,,,,,, glem ikke at udvælge viskelæder, pen, blyant og lineal og gruppe dem sammen (, control-g,), da de udgør en enkelt ikon.,, 14.at skabe en ipad mini, vi er der næsten, som vi kun har tre mere ikoner!så sørg for at du er på anordninger lag, og lad os begynde at bygge disse søde små apparater.,, trin 1, ved hjælp af afrundet rektangel værktøj, skabe, 62 x 92 px, hvide (,&#ffffff) form og give det en hjørnet radius af 4 px,.tilpasse det horisontalt, til den e - mail ikon, i en afstand af 46 px,.,, på toppen af, at tilføje en anden, 54 x 72 rektangel, som vi vil center i både vandret og lodret retning til større form og farve, det bruger,񢩈,.tilføje en mindre, 2 x 2 px - kredsen (,񢩈,) i toppen, og endnu større, 4 x 4 varer, ring til bunden, påvirker det lidt lysere farve (,&#dbdbdb,).,,,,, trin 2, begynde at tilføje oplysninger til skærmen, ved at skabe en zigzag - form ved hjælp af pen værktøj (p), at formålet en lighter tint (,򑟷,).klik på den og bruge den direkte udvælgelse værktøj a) at udvælge det anker, punkter, som udgør zigzagged linje.skabe en dobbelt linje efter dem, at male det grønne (,Ld9bf,) og give det en, 2 px slagtilfælde vægt., som er at gå fra den ene side af skærmen til andre, har du måske brug for at skabe en genpart af den større gråt rektangel og position på den grønne linje for at skjule de dele, der uden for dens område.tilføje en lille hvid (,&#ffffff,), 8 x 8 px - kredsen, og en endnu mindre, 4 x 4 px, grønne (,dc7af,) på toppen, udgør værdien indikator og holdning, som det på toppen af den nederste linje værdi.,,,,, trin 3, overlapper de mørkere rektangel, der repræsenterer den anordning er skærmen og pasta en kopi til alle de andre elementer.skifte farve hvid (,&#ffffff,), dets, blanding af mode, overtræk og dens, uklarhed, til 16%., med det direkte valg - redskab (a), tag lige nederste hjørne og bevæge sig opad med ca. 54 px,.du kan enten gå til pixel - forpremiere, og træk ankeret ved at trække det, eller du kan vælge den og så højre klik, > omdanne > flytte > og indlede, 54 px i den vertikale, input kasse, og 0 varer, for de horisontale,.,,,,, 15.at skabe en ipad, trin 1, da dette symbol er dybest set en større udgave af ipad mini, blot følger de samme foranstaltninger, men også give de elementer, en smule større dimensioner.den hvide del, er vi nødt til at skabe en 70 x 96 px, form med det samme, 4 px hjørne radius, samtidig med at den indvendige skærm del på 62 x 76 px,.holdning, samme øverste og nederste ring på den anden ikon, sørg for at tilpasse dem vandret.,,,,, trin 2, for login skærm, skabe to, 24 x 4, kvadratisk eller rektangulær form med en radius, hjørne af 1. varer,.farve dem med,񢩈, og så dem på afstand, 4 varer, fra hinanden.center dem vandret på ipad form, for at sikre at gruppere dem bagefter og tilpasse dem til skærmen er bunden.,,,,, trin 3, skub den ind mod toppen af form klikke, > omdanne > kom ind -, 18 - forsyning i, vertikale input æske.,,,,, trin 4, skabe login ikon ved at trække en 22 x 22 px, cirkel, som vi vil farve med samme værdi som login former (,񢩈,).horisontalt tilpasse det til skærmen, placering på 6 px fra login områder.,,,,, trin 5, for den menneskelige silhuet, er det nødvendigt først at tilføje hoved, som vi vil opbygge ved hjælp af et, 8 x 10 px, ellipse, som vi vil holdning til toppen af de tidligere skabt form på omkring 3 px, fra toppen, så kun en pixel under, vil vi tilføje en 20 x 20 px, cirkel, som vi vil maske delvist ved hjælp af en 18 x 18 px, mindre.,,,,, trin 6, og slutte af anordningen ved at tilføje en skærm overvejelser med det samme proces, som vi brugte til ipad mini.kopi hovedskærmen form, sæt det på toppen af alt det andet, - - og så bruge den direkte udvælgelse værktøj, litra a), til at flytte sin ret nederste hjørne til toppen af ca. 56 px,.ændre form, blanding tilstand, over, at sænke sine, uklarhed, til 16%.,,,,, 16.at imac, trin 1, lad os begynde med at stå for imac er opvisning.ved hjælp af, rektangel værktøj (m), skabe, 28 x 2 px, form, farve det hvide (,&#ffffff,), og tilpasse det til den ipad bunden på en afstand af 80 px,.,,,,, trin 2, justerer form er top ophæng af hen imod de i ved 2 px,.skabe den midterste del af den holdning, at 24 x 12 px, lidt mørkere (,&#e8e8e8) form, som vi vil være nødt til at justere, som vi gjorde med base.men denne gang vil vi flytte værter ved bare, 1. varer,.,, tilføje en, 26 x 2 px, sort (,�) rektangel, der skal fungere som en skygge, og tilpasse den vandret til oversiden af midten står afdeling.fordi den side af skyggen går udenfor står område, er vi nødt til at kopiere (, control-c,) og pasta (, control-f) en kopi af den stå fast, og derefter vælge dem begge og skabe et udklip maske ved lige klikke, > gøre det maske.,,,,, trin 3. tag den, afrundet rektangel redskab, og skabe en, 100 x 72 px, hvide (,&#ffffff) rektangel med en radius, hjørne af 4 px,.dette vil være vores base skærm form.skabe en kopi af det, ændre farve,򑟷, og derefter ved hjælp af den direkte udvælgelse værktøj (a), fjerne bunden midterste anker punkt, presning, control-j, at forene de resterende.justering af højden af form ved udvælgelse af bunden ankre og flytte dem til toppen af 8 px,.,, tilføje en endnu mørkere (,񢩈,), 92% 52 px, form, og i midten, både vertikalt og horisontalt til afsnit vi skabte tidligere.tilføje en lille, 4 x 4 px - kredsen mod bunden hvide del af skærmen, hvor apple - logoet vil gå.,,,,, trin 4, dobbelt mindre mørkere skærm del (, control-c,), og sæt det på toppen af alt andet (, control-f,).som det vil være vores overvejelser, er vi nødt til at ændre sin farve hvid (,&#ffffff,), dets tilstand, blanding, overtræk, og lavere, uklarhed, til 16%.,,,,, 17.lægge sidste hånd, jeg ved ikke om du har bemærket det, men de billeder, vi har skabt hidtil synes at mangle noget.hvis man ser nærmere på den første indtryk, du ved, hvad jeg taler om.vent... vent...- ja!gradienter!vi har brug for en gradient, ikoner oven på dem for at få dem til at skinne, som processen for tilføjelse af gradienten er nøjagtig den samme for hver ikon, jeg vil kun vise et eksempel for dokumentet ikon, forlader du at afslutte dem,.,, trin 1, sørg for, at du er til højre lag (i dette tilfælde dokumenter lag), og ved hjælp af den direkte udvælgelse værktøj (a), udvælge og kopiere ikon er base form.hvis ikon består af flere elementer (som de mange dokumenter, computer og instrumenter) du skal vælge de mest elementære former, der udgør ikon - - og sætter dem over de sammenbyggede elementer sig.,, når du har gjort det, at anvende en lineær gradient, bruger, #, 1b1464, til venstre farve, og&#c1272d, for vores rigtige, for at sikre, at den vinkel, 60, °,.,,,,, trin 2,, når du har skabt gradient, bare sin, blanding af mode, overtræk, sænke, uklarhed, 52%.du kan lege med, uklarhed, finder du måske, at en højere eller lavere værdi er bedre for dig.,,,,,!, håber jeg, at du er i stand til at følge de pædagogiske og genskabe disse flotte billeder, men vigtigst af alt, jeg håber, du har lært noget nyt undervejs.indtil næste gang!,

Final product image
setting up a custom grid
enabling snap to grid
positioning the first icons base shape
spacing the text line bars
adding the smaller text lines
duplicating the first document icon
positioning the base shape for the folded corner
adding the anchor points for the folded corner
adjusting the folded corner of the second icon
creating the clipping mask for the folded corner
second document icon finished
positioning the third document icon
adding the first underneath section to the third icon
setting the blending mode for the top section shadow on the third icon
adding the second underneath section to the third icon
third icon finished
positioning the main shape for the email icon
creating the email icons top folded section
applying a round corner effect to the top folded section of the email icon
anchor points misalignment example
anchor points correctly aligned example
adjusting the emails shadow transparency settings
adjusting the email icons shadow anchor points
pasting the email icons top folded section over the shadow
positioning the bottom section of the email icon
sending the bottom section of the email icon to the back
masking the top and bottom sections of the email icon
email icon finished
creating the second email icon
extracting the top folded section from the clipping mask
horizontal reflecting the second email icons top section
positioning the second email icons top folded section

creating the clipping mask for the letter section
adjusting the anchor points of the letter clipping mask
adjusting the clipping mask for the letter section
clipping mask applied to letter section
creating the pocket for the second email icon
second email icon pocket with clipping mask applied
anchor points duplication process for the second email icon
positioning the pocket under the letter section
blending mode settings for the inner pocket shadow
expanding the inner pocket shadow
positioning the text lines onto the second email icon

adding the top section shadow to the second email icon
second email icon finished
positioning the erasers base shape
creating the erasers bottom section
positioning the pens base shape
creating the pens bottom section
adding the delimiter to the pens bottom section
adding the pens top section
adding the pens connector bridge
adding the pens top section clip
positioning the pencils base shape
adjusting the pencils top section
creating the pencils eraser tip
pencils bottom section finished
adding the middle section to the pencil

pencil finished
positioning the rulers base shape
adding the rulers inner section
adding the rulers side sections
ruler finished
creating the ipad minis base shape
adding details to the ipad minis display
ipad mini icon finished
creating the ipads base shape
positioning the login form on the ipad icon
moving the login form towards the ipads top section
positioning the roun icon for the second ipad icon
creating the silhouette icon for the second ipad icon
second ipad icon finished
postioning the imacs base stand shape
creating the imacs stand
creating the imacs base shape and display
imac icon finished
gradient settings
setting up the blending mode for the gradient



Previous:
Next Page: