skabe en blok spil grænseflade i illustrator,,,,,,, i følgende tutor vil du lære, hvordan man skaber en blok spil grænseflade i adobe illustrator cs5.vektor spil grafik mulighed for alsidig kunst.arbejdsgangen her i tutor vil lære dig at skabe spil grafik i tegner.disse teknikker kan anvendes til flere interface design og spil design projekter.det er tid til at hoppe i, lære at skabe disse profiler, og give dem farverige grafisk dybde.,,,, trin 1, ramte command + n for at skabe et nyt dokument.ind i kassen og 600 660 bredde i højden kasse, så klik på avancerede knap.vælg rgb, skærm (72ppi), og sikre, at tilpasse nye objekter til pixel - boks er ukontrolleret før dine klik.drej på nettet (betragtning > - nettet), og den kom i kvadratnet (betragtning > kom til grid). næste gang, du får brug for et net, hver 5px.gå til edit > præferencer > vejledninger > nettet, træde i gridline hver rubrik 1 i underafsnit kasse.du kan også åbne info - panel (vindue > info) for en levende billede med størrelse og placering af deres form.glem ikke at erstatte den måleenhed, pixel fra edit > præferencer > unit > generelle.alle disse muligheder vil øge deres arbejde hurtigt.,, trin 2, tag den rektangel værktøj (m) og skabe en 350 af 490px form.bolden til nettet vil gøre dit arbejde.fyld den med r = 50 g = 50, b = 50.nu fjerner farven fra slagtilfælde og gå til virkning > stylize > afrundede hjørner.ind i en 5px radius, klik - og gå imod > udvide udseende.,, trin 3, frakoble nettet (betragtning > show - nettet), og den kom i kvadratnet (betragtning > snap til nettet).gå til edit > præferencer > generelle og sikre, at tastaturet forøgelse er fastsat til 1px.reselect form, der er skabt i de tidligere skridt og gå imod > vej > udligne vej.ind - 3px offset og klik - vælge den deraf følgende form og lave en kopi i front (command + c > command + f).vælg en kopi og slå ned pil.reselect de to former, der er blevet skabt i dette skridt, og klik på minus foran knap fra pathfinder panel (vindue > pathfinder).fyld den deraf følgende form med r = 109 g = 110, b = 113.,, trin 4, igen, vælge den form, der er skabt i det næste skridt og gå imod > vej > udligne vej.ind - 3px offset og klik, okay.vælg den deraf følgende form og lave en kopi i front (command + c > command + f). at vælge denne kopi og ramte den pil.reselect de to former, der er blevet skabt i dette skridt, og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 109 g = 110, b = 113.,, løntrin 5, reselect form, der er skabt i det andet skridt videre til lag - panelet, dobbelt klik på det og være det vigtigste &" quot;.sikre, at denne form er udvalgt, gå til udseende panel (vindue > udseende) og klik på tilføje nye fylder knap.det er den lille hvide square fra bunden af udseende panel.det vil være en ny fylde din form.vælg det fra udseende panel og anvende lineær gradient som vist nedenfor.den gule nul fra gradient billede står for røgtæthed procentdel.,, trin 6, reselect " vigtigste ", tilføje en tredje fyld og vælge det fra udseende panel.den skal være sort, trækker det i bunden af udseende panel, sænke sine uklarhed på 15%, og at virkning > vej > udligne vej.ind i en 1px opvejet, klik - og gå til virkning > fordreje & omdanne > transformere.i de data, som vist nedenfor og klik -, trin 7, reselect " vigtigste " og fokusere på udseende panel.sæt det slagtilfælde farve til r = 167, g = 169, b = 172.gør det 4pt bred og tilpasse det til indenfor.,, trin 8, reselect " vigtigste " og fokusere på udseende panel.vælg slagtilfælde indsættes i det foregående trin og klik på duplikateksemplaret udvalgt punkt på dagsordenen.det er den lille sag ikon fra bunden af udseende panel.det er klart, at det vil være en kopi af et slagtilfælde.vælg det nye slagtilfælde, dens farve på r = 35 g = 31 b = 32 og nedsætte størrelsen på 3pt.,, trin 9, reselect " vigtigste ", fokusere på udseende panel, og tilføje to nye stokes.vælg den første, dens farve til r = 128 g = 130 b = 133 og størrelsen på 1.5pt.udvælgelse af de andre nye slagtilfælde, sort, tilpasse den til udenfor, og fastsætte størrelsen på 1pt.,, trin 10 reselect " vigtigste " og fokusere på udseende panel.sørg for, at der ikke fylde eller slagtilfælde er udvalgt og gå til virkning > stylize > drop shadow.i de data, som vist nedenfor og klik -, trin 11, at nettet (betragtning > show - nettet), og den kom i kvadratnet (betragtning > snap til nettet).tag den rektangel værktøj (m), skabe en 20 af 20px form og fylder den med r = 88 g = 89, b = 91.vælg det. og gå imod > vej > udligne vej.ind - 1px offset og klik - vælge den deraf følgende form og igen at gøre indsigelse > vej > udligne vej.ind - 3px offset og klik, okay.vælg den deraf følgende form, sammen med den tidligere skabt form og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 65 g = 64, b = 66.,, trin 12, saml pennen værktøj (p) og udarbejde en enkelt horisontal vej, som er angivet i den første billede.bolden til net bør lette deres arbejde.vælg den nye vej sammen med mørkere form, der er skabt i de foregående trin, og klik på den kløft knap fra pathfinder panel. dette vil skabe en gruppe med fire enkle former.kig ind i lag - panel og fokus på denne gruppe.første, udvælge to trekanter og slette dem.næste, ungroup de resterende to former (forskydning + command + g).endelig fylde den øverste, venstre form med r = 109 g = 110, b = 113.sikre, at den anden form er stadig fyldt med r = 65 g = 64, b = 66.,, trin 13, reselect grå square, der er skabt i det ellevte skridt, lav en kopi i front (command + c > command + f) og bringe den til front (forskydning + command + lige stillingsgruppe nøgle).udfyld denne nye form med sort, sænke sine uklarhed til 7%, ændre blanding mode at formere sig og gå til virkning > kunstneriske > film korn.i de data, som vist nedenfor og klik -, punkt 14, reselect form, der er skabt i de foregående trin og lave en kopi i front (command + c > command + f).tag den ellipse værktøj (l), skabe en 40 af 20px form, og det er som vist på det andet billede.vælg det klemt cirkel, sammen med frisk kopi, og klik på det knap fra pathfinder panel.fyld den deraf følgende form med hvide og sænke sine opacitet, til 25%.,, trin 15, reselect grå square, der er skabt i det ellevte skridt og fokusere på udseende panel.tilføje en 2pt, sort, slagtilfælde og tilpasse det til indenfor.vælge alle de former, der er skabt i de sidste fire trin og gruppe (command + g), trin 16, vælges den gruppe, der er skabt i de tidligere skridt, og det er som vist i det følgende billede.igen, de kom i nettet vil lette deres arbejde.,, skridt, 17, reselect gruppen bevæget sig i den foregående trin, sænke sine uklarhed på 15%, og at virkning > fordreje & omdanne > transformere.i de data, der fremgår af venstre vindue, og så igen til virkning > fordreje & omdanne > transformere.i de data, der fremgår af det til højre og klik - gå 18, tag den rektangel værktøj (m), skabe en 20 af 20px form, og fyld den med r = 0, g = 165, b = 224.vælg det blå firkant og gå imod > vej > udligne vej.ind - 4px offset og klik, okay.vælg den deraf følgende form, lav en kopi i front (command + c > command + f) og slå bolden til nettet (betragtning > kom til grid). vælg en kopi og slå op, pil og ret pil.reselect denne kopi sammen med den oprindelige form, og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med hvide, sænke sine opacitet top 25%, og tag ikke anker punkt redskab (-), sikre, at denne tynde, hvide form stadig er udvalgt og klik på to ophæng (angivet med pile i fjerde image vist).i den sidste ende din form skulle ligne den femte image vist.,, skridt, 19, reselect den blå firkant og gå imod > vej > udligne vej.ind - 1px offset og klik, okay.vælg den deraf følgende form og igen at gøre indsigelse > vej > udligne vej.ind - 3px offset og klik, okay.vælg to former for langt og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 28 g = 117, b = 188.,, gå 20, så kom i kvadratnet (betragtning > snap til nettet).tag pennen værktøj (p) og drage en vandret vej, som er angivet i den første billede.vælg den, sammen med den form, der er skabt i det foregående trin, og klik på den kløft knap fra pathfinder panel., se ind i lag - panel og fokusere på koncernen.første, slette trekanten former, så ungroup de resterende to former (forskydning + command + g).endelig fylde den øverste, venstre form med r = 0, g = 224, b = 255.,, gå 21, reselect blå square, tilføje en 2pt, sort, slagtilfælde og tilpasse det til indenfor.vælge alle de former, der er skabt i de sidste tre trin og gruppe (command + g).gå over til lag - panelet, double click på denne nye gruppe og navn det " blueblock ".,, skridt 22, udvælge og quot; blueblock ", seks kopier og bringe dem i en enkelt kolonne (som vist i det følgende billede).fokus på disse gruppe kopier og erstatte den eksisterende farver med dem som vist nedenfor.når du er færdig, flytte til lag - panelet og omdøbe de nye grupper, afhængigt af om farven på den samlede blok.,, gå 23, nu, at du har alle blokke, som du har brug for, lad os skabe den faktiske blok stykker.start med den blå blokke og fortsætte med resten.altid gruppe de blokke, der udgør en blok stykke.det vil gøre dit arbejde i de senere faser.,,,, skridt 24, tilføje nogle af disse blokke stykker som vist nedenfor.,, gå 25, tag den rektangel værktøj (m), skabe en 100 af 20px form, og det er som vist i det følgende billede.fyld den med r = 65 g = 64, b = 66.fjerne farven fra slagtilfælde og gå til virkning > stylize > afrundede hjørner.ind i en 10px radius, klik - og gå imod > udvide udseende.,, gå 26, slå bolden til nettet (betragtning > snap til nettet).vælg den form, der er skabt i det foregående trin, sende den tilbage (forskydning + command + venstre margen centrale), og to kopier i front (command + c > command + f > command + f).vælg den øverste eksemplar og slå op, pil og venstre pil.reselect begge eksemplarer og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med sort.,, skridt, 27, reselect grå form, der blev skabt i skridt, 25 og to nye eksemplarer i front.igen, vælges den øverste eksemplar, og denne gang ramte den pil og venstre pil to gange.reselect begge eksemplarer og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 147 g = 149, b = 152.,, skridt, 28, reselect afrundede rektangel, der blev skabt i skridt, 25 og fokusere på udseende panel.der tilføjes et nyt udfylde og benytte lineær gradient er angivet i den første billede.tilføje en tredje udfylde i denne form, sort, sænke sine opacitet, til 10%, ændre blanding tilstand for at formere sig, og gå til virkning > kunstneriske > film korn.i de data, som vist nedenfor og klik, okay.fortsætte i udseende panel og tilføje den første slag.gør det 2pt bred, dens farve på r = 209 g = 211 b = 212 og tilpasse den til indenfor.tilføje et andet slagtilfælde for denne vej, gør det 1pt bredt, og farven på r = 147 g = 14, b = 152.sørg for, at dens overensstemmelse med indenfor.,, skridt, 29, reselect afrundede rektangel redigeret i det foregående trin og lave en kopi i front.vælg en kopi og ramte d nøgle fra dit tastatur.det vil øge den misligholdelse, egenskaber for deres form (hvide fyld og en 1pt, sort slagtilfælde).fjerne farven fra slagtilfælde. nu vælge den hvide form, sammen med den oprindelige afrundet rektangel, og gå til gennemsigtighed - panelet.åben den flyver menu og klik på gøre opacitet maske.,, gå 30, så kom til nettet.vælge alle de former, der er skabt i de sidste fem trin, og gruppen.to eksemplarer af denne gruppe og placere dem som vist i det følgende billede.,, skridt 31, fokusere på den øverste gruppe oprettet i det foregående trin og vælge den rektangel værktøj (m).skabe et 90 af 80px form, og det er som vist i det følgende billede.fyld den med r = 65 g = 64 b = 66, fjerne farven fra slagtilfælde og anvende virkning > stylize > afrundede hjørner.ind i en 10px radius, klik - og gå imod > udvide udseende.,, trin 32, slå bolden i nettet.vælg den form, der er skabt i de tidligere skridt og gå imod > vej > udligne vej.ind - 2px offset og klik, okay.vælg den deraf følgende form og lave en kopi i front.vælg en kopi og ramte den pil.reselect de to former, der er blevet skabt i dette skridt, og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 209, g = 211, b = 212.,, skridt, 33, reselect afrundede rektangel, der blev skabt i skridt, 31 og fokusere på udseende panel.der tilføjes et nyt udfylde og benytte lineær gradient som vist nedenfor.tilføje en tredje udfylde i denne form, sort, sænke sine opacitet, til 10%, ændre blanding tilstand for at formere sig, og gå til virkning > kunstneriske > film korn.i de data, som vist nedenfor og klik - fortsat i udseende panel og tilføje det første slag.gør det 2pt bred, dens farve på r = 147 g = 149 b = 152 og tilpasse det til indenfor.tilføje et andet slagtilfælde for denne vej, gør det 1pt lang, der er farven på r = 0 g = 0 b = 0, og sikre, at dens overensstemmelse med indenfor.,, skridt, 34, reselect afrundede rektangel redigeret i det foregående trin og lave en kopi i front.vælg en kopi og ramte d nøgle fra dit tastatur.igen, fjerner farven fra slagtilfælde og anvende de resterende hvid form for at maskere den oprindelige afrundet rektangel.,, skridt 35, vælge alle de former, der er skabt i de sidste fire trin og gruppe dem.send denne nye gruppe tilbage.,, trin 36, muliggøre snap til nettet.tag den røde blok stykke gruppe, lave en kopi, og det, som er vist i det følgende billede.vælg det og gå til virkning > stylize > drop shadow.i de data, som vist nedenfor og klik - skridt, 37, tag den rektangel værktøj (m), skabe en 90 af 50px form, og det er som vist i det følgende billede.fyld den med r = 65 g = 64 b = 66, fjerne farven fra slagtilfælde og gå til virkning > stylize > afrundede hjørner.ind i en 10px radius, klik - og gå imod > udvide udseende.,, går 38, slå bolden i nettet.vælg den form, der er skabt i de tidligere skridt og gå imod > vej > udligne vej.ind - 2px offset og klik, okay.vælg den deraf følgende form og lave en kopi i front.vælg en kopi og ramte den pil.reselect de to former, der er blevet skabt i dette skridt, og klik på minus foran knap fra pathfinder panel.fyld den deraf følgende form med r = 209, g = 211, b = 212.,, skridt, 39, reselect afrundede rektangel, der blev skabt i skridt, 31 og fokusere på udseende panel.der tilføjes et nyt udfylde og benytte lineær gradient som vist nedenfor.tilføje en tredje udfylde i denne form, sort, sænke sine opacitet, til 10%, ændre blanding tilstand for at formere sig og anvende virkning > kunstneriske > film korn.i de data, som vist nedenfor og klik - fortsat i udseende panel og tilføje det første slag.gør det 2pt bred, dens farve på r = 147 g = 149 b = 152 og tilpasse det til indenfor.tilføje et andet slagtilfælde for denne vej, gør det 1pt lang, der er farven på r = 0 g = 0 b = 0, og sikre, at dens overensstemmelse med indenfor. gå 40, reselect afrundede rektangel redigeret i det foregående trin og lave en kopi i front.vælg en kopi og ramte d nøgle fra dit tastatur.igen, fjerner farven fra slagtilfælde og anvende de resterende hvid form for at maskere den oprindelige afrundet rektangel.,, skridt 41, vælge alle de former, der er skabt i de sidste fire trin og gruppe dem.send denne nye gruppe tilbage.,, skridt 42, gøre det muligt at kopiere - net og gruppe oprettet i det foregående trin.vælge denne gruppe kopi og flytte ned som vist på det andet billede.endnu en gang, at den hurtigt net vil lette deres arbejde.,, gå 43, slå bolden i nettet.tag den type redskab (t), og der tilsættes nogle hvide tekst og tal.use kureren nye skrifttype og gøre det frække.teksten, der er størrelsen på 13 og for mange gør det til 20pt.vælg både tekst og tal og gå til virkning > stylize > drop shadow.i de data, som vist nedenfor og klik, okay.endelig gruppe dem alle.,, skridt 44, vælge alle de former, der er skabt i de sidste atten skridt og gruppe dem.send denne nye gruppe tilbage og gå til virkning > stylize > drop shadow.i de data, som vist nedenfor og klik - skridt 45 endelig, lad os tilføje en simpel baggrund.tag den rektangel værktøj (m), skabe en form, størrelsen af deres artboard, og sende det tilbage.fyld den med hvid, tilføje en anden tanke, og bruge de radiale gradient vist nedenfor.,, skridt, 46, reselect form, der er skabt i det foregående trin og tilføje en tredje del.vælg det fra udseende panel, sænke sine opacitet, til 10%, og at ændre blanding tilstand for at formere sig, næste gang, du vil have en indbygget mønster for denne nye fylde.gå til dele panel (vindue > prøver), åben så den flyver menu, og åbner swatch bibliotek > mønstre > grundlæggende grafik > grundlæggende graphics_textures. et nyt vindue med en masse godt mønstre skal åbne.se efter " lnstitut 19 lande oversvømmes " mønster.reselect det tredje fylde, tilføje mønster, og gå til virkning > kunstneriske > film korn.i de data, som vist nedenfor, klik, okay, og du er færdig.,, konklusion nu, dit arbejde er færdigt.her er hvordan det skal se ud.