hurtigt tip: hvordan fremmer en vektor billede med photoshop,,,,,,, salt og peber, pen og papir, kager og mælk, selv om de er gode på egen hånd, disse ting sammen arbejde på at få det bedste frem i hinanden.adobe illustrator og adobe photoshop, er ingen undtagelse.i dag vil jeg vise dig, hvordan man bruger tegner til at designe en play knappen, og hvordan til at forbedre deres vektorer med anvendelse af photoshop.denne teknik er særlig nyttigt for folk, der ønsker at få ikoner og - mønstre.lad os komme i gang!,,,, trin 1, start ved at skabe et nyt dokument i illustrator (jeg har lavet det 800 x 800 px).vælg " afrundet rektangel redskab ", (hjørnet radius af 100px) og skabe en form, der ligner en afrundet knap.så vælg " rektangel redskab ", skabe et rektangel og center for afrundet rektangel.det vil være for play knappen.,,, trin 2, arbejde på den anden rektangel (" spille " rektangel).gå til virkning > fordreje & omdanne > et & svulmer op at gøre rektangel buet.udfylde rubrik i vinduet (jeg har brugt 6%) og presse, okay, efter at gå imod > udvide udseende.,, trin 3, at skabe " spille " ikon, udvælge og quot; stjerne redskab ", åben den stjerne værktøj, dialog og ind følgende indstillinger.,, nu skabe " næste " og " tidligere " ikoner.første overlappe spille ikon af option + klik + trække (hvor som helst du ønsker, så gør det samme, men denne gang trækker til højre (du kan holde vagt er nøglen til at holde sig til formål i en lige linje).vælg to trekanter, klik på " der tilsættes til at forme område ", knap så klik " udvide ", resize sig., skabe " tidligere " ikon ved at gå til objekt > omdanne > afspejler > lodret og klik " kopi ".flyt det på plads, og du lige har gjort dig nogle spiller knapper.,, trin 4, tilføje farver til knapper." spille " knap har en fylde af񻬮 et strejf afc515e. " næste " og " tidligere " knapper har en fylde afUd4d6 og et strejf afa0a0.,, løntrin 5, at skabe de nederste skygge, du er nødt til at to eksemplarer på knappen med " afrundet rektangel redskab " (med samme indstillinger) skabe samme form, men en smule større.vælg det rektangel og en dobbelt og klik på ", trækkes fra form område " og " udvide ".sort og give den 20% opacitet og blanding tilstand til overlap. brug bunden skygge til at skabe de bedste skinne.vælg den nederste skygge, gå til at omdanne > afspejler.efter at de indstillinger, klik " kopi ".flyt det på plads, ændres, så det bliver tyndere ophæng og gøre det hvide (lad uklarheds - og blanding af transportformer, som de er).,, anvender samme teknik på play knappen.,, trin 6, efter at den form for spiller eksport som. psd at tilføje nogle detaljer i photoshop.,, trin 7, skabe en ny fil i photoshop (jeg har anvendt 800 x 800 px) og bringe den fil, du, der eksporteres fra illustrator (mini - afspiller).vælg " store knap " lag, hente " lag styles " gennemskinneligt ved dobbelt klikke på højre side af lag, og begynde at tilføje følgende styles, ligesom jeg gjorde.(du kan følge de billeder).,, skjule alle de lag, undtagen " store knap " lag " nederste skygge " lag og " top skinne " lag.vælg " nederste skygge " lag, gå til at filtrere > sløret > gauss - tåge, giv det en 4 px radius og klik, okay.gør det samme for " top skinne " lag.næste, et nyt lag, command + klik på " store knap " lag tommelfinger, at foretage en udvælgelse af den form, så de " polygonalt lasso redskab ", skar den øvre halvdel af udvælgelsen.fyld den op med en farve (ligegyldigt hvilken farve, som vi vil give det 0% fylde), og der tilsættes en gradient - overlay - lag stil.,, trin 8, gøre " play knappen " synlig (herunder bunden skygge top og skinne).vælg " play knappen " lag og tilføje to lag styles (gradient - overlay - og indre glød).vælg " nederste skygge " lag og gå til at filtrere > sløret > gauss - tåge, giv det en 5 px radius og klik, okay.gentag denne aktion til " top skinne " lag.skabe et nyt lag, en rektangulær udvælgelses - og med " gradient redskab " g) at en stigning.kontrol + d deseiect.sæt blanding tilstand til " - overlay - ", og 20% af den uklarhed, skaber et nyt lag i play knappen lag og en udvælgelse af de knap skygge.fyld den op med sort og går til at filtrere > sløret > gaussisk slør og give det en 1,5 px radius.sæt blanding tilstand til " farve brænde ", og 40% opacitet.vælg den " viskelæder redskab " (e), fastsætte diameter til 125 px og hårdhed over 25% og knalde vandret over midten af skyggen lag.,, trin 9, udvælge og quot; næste og tidligere " ikoner lag og fylde dem med denne farve.`a4.efter at åbne " lag styles " vindue og begynde at tilføje den samme stil, som jeg gjorde, gør det samme med " spille ikon " lag.men denne gang bruger denne farve som baggrund farve:&#ffdb94, gå 10, anvende " linje redskab " at skabe en stor skinne virkning.position linje under " play knappen " lag og og skabe en vandret linje (1 px) på bunden af " store knap " lag.den form, fylde 0% og tilføje en " gradient - overlay - ".,, at skabe et nyt lag bag " play knappen " lag.kontrol. klik på " store knap " lag tommelfinger, at foretage en udvælgelse af den form, så gør en enkelt sort sving til venstre.sæt " - overlay - " som blanding tilstand og 60% opacitet.at kopiere lag, vend den vandret og flytte den til højre.,, anvende " ellipse redskab " at skabe en oval på venstre side af " store knap ".ændre den, så den ligner den på billedet nedenfor (skal anbringes på den øverste venstre side af " store knap ").de fylder 0% og tilføje en " gradient - overlay - " stil., at kopiere lag og på den nederste højre side af " store knap " at tilføje den anden " gradient - overlay - " stil.,, trin 11, skabe et nyt lag over " play knappen " lag.kontrol. klik på " play knappen " lag tommelfinger, at foretage en udvælgelse af den form, så vælg > ændre > kontrakt og kontrakt udvælgelse af 3 forsyning.efter alt dette tager " gradient redskab " og en lille diagonal gradient i øverste venstre hjørne.sæt lag blanding tilstand til " - overlay - " og uigennemsigtighed, til 40%.,, - - lave et nyt lag over det, du lige har gjort.foretage en udvælgelse på venstre side af " play knappen " (som i filmen.fyld den op, med hvilken farve, du vil, så sætter vi fylde på 0%.tilføje " gradient - overlay - " stil og skinne virkning er fuldført.gentage dette lag, vend den vandret og flytte den til højre, udvælge, halvdelen af " play knappen ", og om et nyt lag, ved hjælp af " gradient redskab " (g), en hældning (med sort farve).efter det, der er fastsat blanding tilstand til " farve brænde " og uigennemsigtighed, til 10%.anvende samme teknik til " spille ikon " (de eneste ændringer er lag placering - over " spille ikon " lag - og forureningen af lag - 20%), trin 12, skabe " play knappen " og konsistens er meget enkel.efter at skabe et nyt lag over " play knappen " lag kontrol (kommando på mac) + klik på " play knappen " lag tommelfinger, fyld den med sort, gå til at filtrere > støj > tilføje, støj, gøre bestemte miljøer og presse " - ". med udvælgelse er stadig aktivt gå til at filtrere > sløret > forslag tåge og anvende de indstillinger.deseiect, og blandingen tilstand til " - overlay - " og uigennemsigtighed, til 45%.tilføje en lille detalje til " spille ikon ".på et nyt lag, vil du gøre med ", elliptiske markise redskab ", (m), tilfældige mellemstore kredse i " spille ikon ".de sorte, deseiect og gå til at filtrere > sløret > gauss - tåge, efter tilsætning af indstillingerne bare blanding tilstand til " farve brænde " og uigennemsigtighed, til 15%, og du er færdig., skabe en lag og gør præcis det samme.det eneste, til at ændre farven på tilfældige kredse (jeg har gjort de kredse, hvide), trin 13, begynde at skabe baggrund.vælg den baggrund lag og fylder den medūd41 og tilføje en " gradient - overlay - ", stil.ved hjælp af ", elliptiske markise redskab " m) skabe et ovalt på et nyt lag, og fyld den med hvide.efter at gå til at filtrere > sløret > gauss - tåge, indtast dit indstillinger og presse, okay.ændre blandingen tilstand til " - overlay - ", og give det en 65% opacitet.,, begynde at skabe skyggen for mini - spiller.lave et nyt lag, ved hjælp af ", elliptiske markise redskab " m) skabe et ovalt under aktør og fylder den med sort.gå til at filtrere > sløret > gaussisk slør og foretage de nødvendige miljøer.vælg " viskelæder redskab " (e) og gøre disse indstillinger: diameter - 150px; hårdhed - 0% opacitet - 10%, så brug dem til at slette en lille del af skyggen sider.sæt blanding tilstand til " farve brænde " og uigennemsigtighed, til 60%.få en hel knapper.ved at command + klik på " store knap " lag, så tryk command + forskydning + klik på " play knappen ".med aktiv udvælgelse skabe et nyt lag, og fyld den med sort.gå op og gå til at filtrere > sløret > gaussisk slør og gøre de indstillinger, som i filmen.brug den " fri omdanne " (control + t) til at fordreje tilbage skygge.brug den " viskelæder redskab " (e) med følgende indstillinger: diameter - 150px; hårdhed - 0% opacitet - 10%, for at slette den skygge på de sider.tilpasning af røgtæthed 50%.,, indgåelse, mini - spiller ikon er nu klar.mange af disse teknikker kan være fundet at være 100% vektor, det er bare en anden måde at gøre ting, som tilgodeser photoshop muligheder.igen, dette er en særdeles nyttig lektion for folk, der ønsker at gøre elementer til brug i web - design, som de er, og ofte allerede med photoshop. håber du nød denne forelæsning, og at det var nyttigt.,, yderligere ressourcer, webdesigntuts + tutorials og artikler om websted elementer, psdtuts + tutorials og artikler om ikon - design, vectortuts + tutorials og artikler om ikon design,