skabe en glat og rent mp3 - afspiller grænseflade,,,,,,, i denne forelæsning, vi vil udforme en glat og rent mp3 - afspiller grænseflade.processen kræver en masse manuel tegning og mange lag, styles.lad &rsquo er i gang!,,,,,,, tutor aktiver, følgende aktiver blev anvendt i produktionen af denne forelæsning.,, skrifttype digital-7 fra chess-7, skrifttype lcd - telefon fra ra - ú andre gange é s p é rez canseco (grafito design), trin 1: baggrund, lad ’ s start af at skabe et grundlag for vores mp3 - afspiller.trække en radial gradient fra hvid til grå.,, trin 2, mørkere gradient ved at tilføje justering lag hue /mætning.reducere den lethed, hvori.,,, trin 3, skaber et nyt lag, og fyld den med hvide.vær sikker på, at du er hvid og sort som forgrunds - og baggrundsviden ved presning af d. klik filter > støj > der tilsættes støj.sæt distribution til ensartet og udvælge hyperaktive.,,, trin 4, ændrer den blanding af mode i lag med at formere sig, løntrin 5, to lag af presserende kommando /ctrl + j. vend lag ved presning af ctrl + jeg flytte lag 1 px tilbage og 1 px ned ved at aktivere værktøj, da venstre knap pil ned pil.ændre blanding tilstand til skærmen.,, trin 6, både støj lag i en gruppe mappe og reducere dens uklarhed til 50%.,, trin 7: mp3 - grundlæggende form, skabe en afrundet rektangel på lærredet.brugb484f som dens farve.tilføje følgende lag styles.,,,, trin 8: skærm, udarbejde en mindre afrundet rektangel.tilføje følgende lag styles.,,, trin 9: album info, tilføje en lille rund rektangel.vi vil bruge det som en beholder til album.tilføje følgende lag styles.,,, trin 10, pasta, et billede på toppen af afrundede rektangel.slå kommando /ctrl + alat + g til at omdanne det til en klipning, maske og sæt det ind afrundet rektangel.,, trin 11: tilsættes kunstner info, plade hed, og dens år under albumcover.,, trin 12, fra mulighed bar, du er nødt til at vælge de bedste metoder til bekæmpelse af aliasing forhindre tågede udseende.jeg kan ikke sige, hvad der er bedre, fordi det er forskellig for hver anvendt type og størrelse.du er nødt til at eksperimentere med hver indstilling.som du kan se, i dette tilfælde ingen fungerer bedst.,, trin 13: våben, udarbejde en afrundet rektangel.tilføje følgende lag styles.,,, punkt 14, skabe nye lag.maling, hvide med ved hjælp af en blød børste (hårdhed: 0%) med lav tæthed (10 - 15%).dette vil tilføje en diskret lyskilde under udligner.,, trin 15, udvælge linje værktøj og dets vægt 1 px. trin 16, udarbejde en hvid streg i våben.- zoom værktøj og klik par gange at zoome ind på maksimalt synspunkt.vi er nødt til at sikre, at den ikke er sløret.som du kan se nedenfor, er der tåget sted på begge sider af grænsen.,, skridt 17, der er to måder at løse dette blurriness.først skal vi samle størrelse.andet fastsættelse af dets placering. slå kommando /ctrl + t at omdanne den linje.højreklik bredde (w) rubrik og udvælge pixels.gør det samme mod højde (h) rubrik.,, skridt. vi skal finde den størrelse.i dette tilfælde vil vi nødt til at ændre 11,97 px - 12 px.,, skridt 19, lad os ordne sin holdning.vælg linje form med værktøj vej.- pil centrale at fastsætte sin holdning.gør det, før vi har ingen sort plet.,, gå 20 eksemplarer og omdanne den linje ved presning kommando /ctrl + alat + t. flyt det opadgående 3 px... gå 21, gentager dobbeltarbejde og omdannelsen af presserende kommando /ctrl + forskydning + alat + t skridt 22, udvælger alle linjer. dobbelt det og stille det til højre.husk at holde den skarp.sørg for, de er perfekte til at undgå sløret holdning her.,, gå 23, gentage processen, indtil vi har en kolonne 1 px højde retning.,, skridt 24, fjerne nogle af de budgetposter, indtil vi får en fysisk form af våben.tilføje følgende lag styles.der fyldes op til 0%.,,, gå 25: sang info, tilføje kunstner navn, sang titel, og samlede spor på toppen af våben.jeg bruger skrifttype - lcd - telefon her.anti - aliased anvendte metode, her er ingen.,, gå 26 nedenfor kan du se resultatet af hver af aliased metode.,, skridt 27, tilføje mere tekst mere info på toppen af lcd.bruger blyant værktøj til at gøre en lille sort 1 px linie skiller hver tekst.slette begge ender af disse linjer.,, skridt 28, ramte kommando /ctrl + 1.lad os gå tilbage og se det resultat, vi hidtil har 100% synspunkt.det er vigtigt, at der er ingen tågede pletter i vores design, skridt 29: vigtigste knapper, gøre en lille afrundet rektangel til knap.,, gå 30, igen, er vi nødt til at kontrollere dets størrelse og i stand til at undgå tågede pletter.slå kommando /ctrl + t og sikre, at samle sin størrelse.,, skridt 31, sørg for at kontrollere dets holdning, at vi ikke ønsker at se sløret kanter.,, trin 32, tilføje følgende lag styles.,,,, skridt 33, tegne et sort trekant øverst på den knap.og drop shadow med følgende indstillinger.,,, skridt 34, gentag processen med at skabe flere knapper.,, skridt 35, skabe på baggrund af to overlappende afrundet rektangel.tilføje følgende lag styles.,,,, trin 36, lad os gå tilbage og se på design i 100% synspunkt.vi er nødt til at sikre, at der ikke er nogen tågede pletter.,, skridt 37: den samlede tid spor, skabe en lang afrundet rektangel.at tilføje følgende lag styles.,,,, går 38, dobbelt lag form, vi har skabt, og tilføje disse lag styles.,,,,, skridt 39, tilføje lag maske.vælg halvdelen af form og fylder den med sort.,, skridt 39, i øjeblikket, lag styles, anvendes til lag - maske, og de er ved at tilføje en afrundet form på rigtige ende af form.for at fjerne denne, aktivere lag maske gemmer virkninger fra lag stil dialog kasse.,,, gå 40, kan du se forskellen nedenfor.virkningen af lag - stil er skjult af lag - maske.,, skridt 41, skabe større afrundet rektangel bag tiden indikator for dens baggrund.det lag stil.,,, skridt 42, skabe nye lag oven på det tidspunkt indikator baggrund.mal nogle fremhæve og skygge.kan du se de fremskridt, jeg har lavet nedenfor.,, gå 43: højre - liste, skabe en afrundet rektangel og på højre side bag den vigtigste form.tilføje følgende lag styles.,,,, skridt 44, skabe nye lag oven på den afrundede rektangel form.mal nogle fremhæve og skygger, skridt 45, skabe nogle trekanter og lægge dem på højre side af form.tilføje følgende lag stil.,,, skridt 46, bruger blyant redskab til at drage to 1 px linje, sort og hvid.den uklarhed, der 10%.,, skridt, 47, tilføje lag maske og male nogle dele af overensstemmelse med sort.nedenfor kan du se masken anvendt her.,, skridt 48, udarbejde en afrundet rektangel og tilføje følgende lag styles.sæt fylde lag til 0%.,,,, skridt 49, tilføje sangtitler.sæt en af de sange til dristigt at angive det som en aktiv sang.,, gå 50, tilføje drop shadow, at give det indpresningsdybde virkning.,,, skridt 51, udarbejde en afrundet rektangel.tilføje følgende lag styles og dets fylde lag til 0%.,,, skridt, 52, skabe et plustegn fremstillet af to overlappende linje form.der fyldes op til 0% og tilføje disse lag styles.,,,, skridt, 53, gentag processen med at skabe andre knapper.,, skridt 54: venstre vindue - spiller indstillinger, dobbelt spilleliste grundlæggende form.slå kommando /ctrl + t, højre klik og vælge flip vandret.gå til venstre side.,, skridt 55, udarbejde en tynd afrundet rektangel og tilføje disse lag styles.,,, skridt, 56, skabe en lille afrundet rektangel til slider.tilføje følgende lag styles.,,,, skridt, 57, disse lag styles er stadig ikke nok til at få en overbevisende 3d udseende.med blyant redskab, vi er nødt til at tilføje nogle 1 px linje i detaljer om de slider.se nedenstående billede for reference.,, skridt, 58, lad os gå tilbage og se resultatet med 100% synspunkt.,, skridt, 59, male nogle sorte striber bag en slider.,, gå 60, lad os tilføje etiket " bind " for en slider.den anvendte skrifttype er digital-7.og drop shadow.,,, skridt 61, skabe en skyder gennem overlapning tidligere slider og ændre dens etiket,.,, skridt 62, lad os fokusere på at skabe balance, slider, da dette er en smule anderledes.tilføje mere plads mellem de slider og dens etiket.slette striber bag en slider.bruger blyant til at trække veksler 1 px sorte og hvide linje.sæt lag er uklarhed til 10%.,, skridt 63, tilføje plustegn (+) og minus (-) karakter i begge ender, og der tilsættes drop shadow.,,, skridt 64, ramte kommando /ctrl + 1 se resultatet med 100% synspunkt.,, skridt 65: fremhæve vores design er simpelthen for rene og unaturligt.ordne det her, lad os tilføje nogle højdepunkter.trække en hvid 1 px overensstemmelse med blyant værktøj.slette begge ender.,, skridt 66, gentage denne proces at skabe et andet fremhæver.,, skridt 67: skygge, hold kommando /ctrl og klik grundlæggende form, spilleliste form, og spiller indstillinger form for at skabe en ny udvælgelse på grundlag af mp3 - afspiller form.tryk pilen et par gange, puf udvælgelse.,, skridt, 68, skabe nye lag under alle andre lag.fyld udvælgelse med sort.presst kommando /ctrl + forskydning + jeg deseiect.blødgøre skyggen ved at tilføje gaussisk sløre filter.,, skridt 69: overvejelser, lad os tilføje overvejelse på overfladen af mp3 - afspiller.kopi - vej (1).klik justering lag ikon og vælge farve.du kan bruge alle farver her.skabe en anden vej for øverste del af skærmen, og sæt det ind (2).ændre uklarhed med 2%, og fyld til 0%.,,,, skridt 70, nu skal vi skabe en overvejelse om outter side af de vigtigste vindue.skabe nye vej for øverste del af de vigtigste vindue (1).klik justering lag ikon og vælge farve.træk det med skærm form vej (2).kryds det vigtigste vindue ud vej, stk. 3, trin 71, der er uklarhed til 23% og fyld til 0%.tilføje følgende lag styles.,,, skridt, 72, nedenfor, kan du se forskellen med og uden overvejelse.,, skridt 73, nu skal vi tilføje overvejelse på venstre og højre.kopi til venstre og højre vindue vej, har sat deres tilstand for at tilføje (1).klik justering lag ikon og vælge farve.træk vej med de vigtigste vindue vej (2).skabe nye vej for øverste del af grænseflade - og sæt den ind, stk. 3, trin 74, der er uklarhed på 10% og fylde 0%.,,, skridt 75, nedenfor, kan du forskellen med og uden nærmere overvejelse.meget diskret, men det giver mere indgående på formen.,, skridt 76: grænseflade med lukket liste og indstillinger, sæt alle former og lag, som skaber mp3 - afspiller i en gruppe mappe.overlapper gruppen og flytte den til venstre og højre vindue, indtil de er afsluttet.,, skridt 77: slibning, vi har forsøgt at forbedre hver pixel på grænsefladen, har vi stadig brug for at skærpe den igen.skabe nye lag oven på alle lag.slå kommando /ctrl + forskydning + alat + e at fusionere alle synlige lag.nu har vi nøjagtig kopi af image i et enkelt lag.,, skridt 78, klik filter > skærpe > unsharp maske.dette filter vil skærpe de pixels på lag.,, sidste billede.