hvordan til at drage en mp3 - afspiller, hud,,,,,,, i denne forelæsning, vil vi anvende en kombination af lag - styles, stofvirkninger, og en smule af manuelt ved at skabe en winamp stil mp3 - afspiller hud.,,,,,,, tutor aktiver, følgende aktiver blev anvendt i produktionen af denne lektion.,, ridset metalliske strukturer, trin 1: gøre grundlæggende form, for at få nøjagtige størrelse, vi vil bruge nettet til at hjælpe os med at designe.åben præferencer dialog rubrik (kommando /ctrl + k).i retningslinjerne, nettet & skiver fastsættelse, der gridline hver: 100 dpi og underafsnit: 5.,, trin 2, skabe en rektangulær form og størrelse 400px x 200px og farve:f4834.,, trin 3, aktivere pen værktøj.klik på vej til at tilføje to punkter på hvert hjørne.se nedenstående billede af dens placering.,, trin 3, hold alat midlertidigt at ændre pen værktøj til at omdanne punkt værktøj.alat - klik på alle nye punkter, vi har lige skabt.,, trin 4, stadig pennen værktøj, klik på alle vinkelpositioner at slette dem.,, løntrin 5, klik øverste linje at tilføje fire punkter.- klik på hvert punkt for at omdanne dem til at spidse.,, trin 6, stige to midt punkt så højt som en æske.,, trin 7, skabe en rektangulær vej ind i vores vej og udvælge trækkes fra mulighed bar.tilføje to skarpe punkter på hvert hjørne, efter at slette alle hjørner.,, trin 8, vores hjørne er for tyk.vi vil forsøge at bevare sin størrelse ensartede, en kolonne bredde.for at hjælpe os, gøre en kolonne størrelse i kvadratisk eller rektangulær form, roterer den 45 grader, og det er om hjørnet.,, trin 9 - manuelt, flytte ting med direkte valg værktøj.,, trin 10, gentages trin 8 og 9 til andre steder at give dem samme størrelse.,, trin 11, tilføje disse lag styles.,,,, trin 12: tilføje stofvirkninger, skabe nye lag, og det er over form.use sprøjte børste, til at gøre noget.slå kommando /ctrl + alat + g til at konvertere lag til det maske.,, trin 13 tilføjer ridset metallisk stofvirkninger, oven i den form.klik image > tilpasninger > desaturate at fjerne dens farve.sæt blanding tilstand til skærmen med uklarhed: 45%.slå kommando /ctrl + alat + g til at konvertere tekstur lag til det maske.håret er nu inde i den form.,, trin 14 installationer, og emboss lag styles tilføje 3d indvirkning på vores form.men da jeg ikke er tilfreds med resultatet, vil jeg tilføje mere lys over på sin side.så vælg side ved hjælp af polygonalt lasso, skabe nye lag, og gøre sort til hvide hældning.ændre blanding tilstand til skærmen og reducere dens uklarhed til 20%.nedenfor kan du se forskellen, før og efter tilsætning af gradient.,,, trin 15: tilføje afsnit, skrive, liste for de afsnit i denne form.tilføje følgende lag styles.,,,,, trin 16 tegn en cirkel form.sæt lag fyld til 0%, og der tilsættes lag styles.,,,, skridt 17, bemærker jeg, at den nederste del af figur er for mørkt.der er ingen detaljer.for at ordne det her, vil jeg gerne henlede manuelt.kommando /ctrl klik form lag.use små blød børste, så maler det hvide.kan du se forskellen, før og efter at male hvide.,,, gå 18: skabe baggrund for øjeblikket, er vi med hvid baggrund.det hjælper ikke, fordi hvide har tendens til at gøre alt det lysere.lad os tilføje baggrund nu.dobbeltklik på baggrund at konvertere det til lag.klik edit > udfylde og vælge farve:Ōc1c. tilføje tekstur på lag.du kan gøre dette ved at klistre en struktur på lag og dets blanding tilstand til skærm eller formere sig, eller du kan tilføje lag stil - overlay - og anvendelse af de tilgængelige mønstre.,,, skridt 19: henlede skærm, udarbejde en rektangulær form og lægge det bag form.der fyldes op til 0%.tilføj lag stil gradient - overlay -.,,, gå 20, gentager den vej, vi har skabt.klik tilføje justering lag og vælge gradient fylde.tegn en anden vej, præcis som i nedenstående billede og udvælge intersect.en kombination af begge veje vil give os en god refleksion over den øverste venstre hjørne.,,, gå 21, lad os tilføje en gradient på øverste skærm lysere.trække en afrundet rektangel på toppen.der fyldes op til 0%.tilføj lag styles gradient - overlay - med blanding mode skærm til at holde lighter pixel.,,, skridt 22, tilføje mere skygger på den nederste del af skærmen.vi har bare brug for at gentage tidligere proces.trække en afrundet rektangel, der er fyldt til 0%.tilføj lag stil gradient - overlay -, men denne gang vælger blanding mode formerer sig at skjule alle lighter pixels.,,, gå 23: tilføje pynt på skærmen, bruge pen værktøj til at drage nogle former og lægge dem bag skærmen.tilføj lag styles.,,,, skridt 24, reducere lag ornament uklarhed til 50%.tilføj lag tekstur på toppen af julepynt.sæt blanding tilstand til skærmen og reducere dens uklarhed til 45%.konvertere lag konsistens til udklip maske.,, gå 25, dobbelt pynten og på den anden side.slå kommando /ctrl + t, højre klik, og vælge flip horisontale.,, gå 26: tilføje oplysninger på skærmen, lad os tilføje flere oplysninger på skærmen.start ved at fremhæve.skabe en halvmåne form vej, og det er i den øverste venstre hjørne.klik tilføje justering lag ikon og udvælge gradient fylde fra hvid til gennemsigtig.sæt røgtæthed 50%.,, skridt 27, dobbelt understrege og lægge det på det øverste højre hjørne.slå kommando /ctrl + t, højre klik og udvælge flip vandret.hvis du bemærker, i det virkelige liv, belysning, er ikke perfekt.det er næsten umuligt at få den samme fremhæve på begge sider.så til det dobbelte fremhæve, ændre uklarhed til 20%.,, skridt 28, gentager de tidligere foranstaltninger, men denne gang bruger sort til gennemsigtig for at skabe skyggen.,, skridt 29 tilføje revner, jeg elsker små detaljer.små detaljer helt give perfekt indtryk på dit arbejde.en ting du kan gøre for at tilføje realisme på dit arbejde er at tilføje nogle mangler i vores tilfælde, en revne.det er ret let.start ved at skabe nye lag, henlede 1px sorte linje med blyant værktøj.to lag (kommando /ctrl + j), flyt det 1px.slå kommando /ctrl + jeg at vende dens farve hvid.reducere sort linie uklarhed til 30% og hvide linje til 20%.slette begge ender af strækninger med bløde små viskelæder værktøj.,, gå 30, gentager den samme proces til en anden crack.,, skridt 31, 100% zoom, kan du se vores små revner.,, trin 32: yderligere understrege, lad os tilføje nogle tilfældige fremhæve.start ved at trække en hvid prik med 2px blød børste.slå kommando /ctrl + t og stræk det horisontalt.slette sine mål ved hjælp af bløde viskelæder værktøj.,, skridt 33, dobbelt understrege og lægge det på andre holdninger,.,, skridt 34: tilføje spilleliste afsnit, tilføjes teksten til liste.fed stil at tilføje en af de sange, angiver, at den er aktiv.use farve&#ffffc5 og tilføje følgende lag styles.,,, skridt 35, at falme jo tilføje lag maske og drage gradient fra hvid til grå.,, trin 36: tilføje spilleliste knap trække en polygonalt form og på den nedre del af spilleliste.vi er nødt til at gentage trin 11 til 13 at tilføje tilsvarende indskud i form.tilføj ridset metalliske strukturer, desaturate dens farve (kommando /ctrl + forskydning + u).sæt blanding tilstand til skærmen, reducere uklarhed til 45%.slå kommando /ctrl + alat + g til at konvertere lag til det maske.tilføje følgende lag styles.,,,, skridt 37, to runde form fra hjørnet af spilleliste.sætte det på begge kanter af den nye form.resize det til 90%, 38, skridt, trækning af en rektangulær form.sæt fylde lag til 0%.tilføje følgende lag styles.,,,, skridt 39, jeg vil tilføje flere definition på den nederste del af kvadratisk eller rektangulær form ved at tilføje mere lys.for at gøre dette er vi bare nødt til at tegne en 1px overensstemmelse med blyant værktøj og dens uklarhed til 20%.,, gå 40 nedenfor, kan du se den lille forskel, før og efter tilsætning af 1px.,, skridt 41, med rektangulært værktøj, henlede + tegn og tilføje følgende lag styles.,,,,, skridt 42, dobbelt + tegn og fjerne den horisontale form for at gøre det til et - tegn.,, gå 43, trække længere rektangulær form ved siden af - knap.,, skridt 44, i den form, tilføje tekst for nuværende spor tid /samlede liste,.,, skridt 45: tegning spiller grænseflade, dobbelt spilleliste grænseflade.ændre sin titel, + aktør.vi har ikke brug for den sang jo så slette teksten.,, skridt 46, træk et rektangulært vej og udvælge tilføje form.udarbejde en poygonal vej, læg det på den nederste del af aktør og udvælge træk.,, skridt, 47, vi ønsker ikke denne grænseflade, der nøjagtig kopi af den liste.for at gøre det enestående, lad os tilføje en forskel.bevæge mønstre, flytte fremhæver, og give større revner, glem ikke at ændre den skærm.flytte sine højdepunkter, skygger og tilbehør på nederste hjørne.,, skridt 48: tiden indikator, udarbejde en tynd rektangulær form og tilføje nogle lag former.,,,, skridt 49, vil vi drage en gang spor indikator.tage form af afrundede rektangel og en trekant.for dens farve:f4834. tilsættes tekstur på toppen, dets blanding tilstand til skærmen med uklarhed på 45%.konvertere tekstur lag til det maske.tilføje følgende lag styles.,,,,,,, gå 50: tilføje spiller knap, gøre en polygon, på toppen af spiller grænseflade.gentag trin 36, at strukturen og lag styles.,,,, skridt 51, udarbejde en rektangulær form, der er fyldt til 0%.tilføje følgende lag styles.,,,, skridt, 52, henlede form af rektangel og trekant.tilføje følgende lag styles.,,,,, skridt, 53, bruger samme metode til at skabe en ny knap.,, skridt, 54, gøre en lille taler ikon form.ved siden af det, skabe en halvmåne i form af to overlappende cirkler.tilføje følgende lag stilarter, der svarer til tidligere knapper.,,,,, skridt 55, trække en rektangulær form.tilføje følgende lag styles.,,, skridt, 56, dobbelt lag form (kommando /ctrl + j) og fjerne nogle af dem.fjerne alle anvendes lag styles og tilføje følgende farve - overlay -.,,, skridt, 57, tilføje cirkulær form i begge ender af form.se trin 37 for henvisning om, hvordan det skal gøres.,, skridt 58: tilføje sang info, tilføje tekst indeholder spor informationer.tilføj lag maske.træk wite sort gradient, for at få det til at forsvinde.,, skridt, 59, vi er færdige med interface.,, gå 60: ændre grænseflade farve, kan vi også skifte farve.tilføj justering lag hue /mætning og placere den på toppen af den grænseflade.ændre sin indstilling.,,, konklusioner, som du kan se, at grænseflader handler ikke bare om at tilføje lag styles.der er meget mere i denne proces.jeg håber, du kan lære nogle nye teknikker af denne forelæsning.hvis du har nogle spørgsmål, så bare spørg i bemærkning form nedenfor.