skabe en ren twitter app grænseflade i photoshop,,,,,,, i denne forelæsning vil vi skabe en ren twitter app grænseflade i photoshop ved hjælp af lag styles og grundlæggende vektor former.lad os komme i gang!,,,,, at dette var en lektion i samarbejde med syarip yunus, trin 1: nye fil, begynde med at gøre en ny fil med lærred størrelse 1050 x 700 pixel.du kan bare sætte sin beslutning til 72 dpi.,, trin 2: forberedelse af lærred, klik på > hersker eller slå ctrl + r at afsløre hersker.højreklik hersker og vælge det at ændre aktive enhed pixels.,, trin 3, trækker fra hersker på lærred område, med en lodret eller vandret guide.vi har brug for et område, som er 362 px bred af 589 px høj.på sin indre venstre og højre side tilføje margen 7 px.,, trin 4, vores design skal være pixel perfekt.for at gøre dette er vi nødt til at aktivere snap til pixel indslag om afrundet rektangel og rektangel værktøj.aktivér værktøj og vælge denne mulighed for alternativ bar.,, løntrin 5, udarbejde en afrundet rektangel med radius 5 px og farve&#e2e4e7.,, trin 6, tilføje drop shadow og slagtilfælde med følgende indstillinger.,,, trin 7: afsnit bar, aktivere afrundet rektangel værktøj med radius 5 forsyning.tegne et sort afrundet rektangel med samme bredde på toppen af grænseflade.tilføj rektangel vej og dens ind.,, trin 8, double click sin lag og tilføje lag stil indre glød, gradient - overlay - og slagtilfælde med følgende indstillinger.,,,, trin 9, gøre en lille cirkel form med farve&#e43c22.vi skal bruge det til tæt på knap.,, trin 10 tilføje indre glød, gradient - overlay - og slagtilfælde.,,, trin 11, aktivere flytte værktøj, og så slæbe to eksemplarer alat på knappen.ændre deres farver, gult og grønt.sørg for at ændre farven på slagtilfælde svarer til knap er farve.,, trin 12, er vi nødt til at tilføje, i modsætning til tæt på.vi ønsker at sikre, at brugeren ved, at denne knap kan gøre farlig handling, at lukke hele grænseflade.for at gøre dette, gøre lille cirkel oven på knappen med mørkere farve.,, trin 13, henlede afrundet rektangel med samme bredde og radius.det i henhold til afsnit bar.dets farve til&#d2d8df.,, punkt 14, tilføje et rektangel vej på toppen og dens ind.,, trin 15, tilføje lag stil indre glød og gradient - overlay -.,,, skridt 17, aktivere linje værktøj og fra option bar fastsat sine bredde, 1 forsyning.tegn en linje med farvęf9e på bunden af form.,, gå 18 indsættes (virkning ved at give det et drop shadow med 1 px white shadow.,, skridt 19: brugerprofil, lad os tilføje brugerens profil billede beholder.trække en hvid afrundet rektangel med radius 5 forsyning.for sikker på at rive den til de retningslinjer, vi har skabt tidligere.,, gå 20 double click laget og tilføje gradient - overlay - og slagtilfælde.,,, gå 21, trække mindre afrundet rektangel med en radius på 3 px - center i den tidligere form.du kan bruge farve,.,, skridt 22, tilføje indre skygge og slagtilfælde med følgende indstillinger.,,, gå 23, pasta billedet på toppen af små afrundet rektangel form.slå ctrl + alat + g til at konvertere de lag i det maske.denne vej, billedet vil går i form.du kan ændre størrelsen af ctrl + t og ændre sin holdning ved hjælp af flytte værktøj.,, skridt 24, tilføje twitter bruger navn.tilføj (virkning ved at give det et drop shadow med 1 px størrelse og hvid farve.,,, gå 25, tilføje bruger korte bio.giv det samme (virkning.,,, gå 26, drage 1 px overensstemmelse med farve&#afbac4 lige under bio.tilføj lag stil drop shadow, at give det bogtrykkemaskiner virkning.,,, skridt 27, tilføje tweets tæller med armata skrifttype.tilføj (virkning på tekster,.,,, skridt 28: ajourføring af knap, gøre en lille afrundet rektangel med radius 2 px og farve&#eef1f4.læg det på øverste højre hjørne ikke rede til denne vejledning.tilføje følgende lag styles.,,,, skridt 29, tegne et sort firkant form på center for den tidligere form.næste, trække mindre rektangel vej og dets tilstand til udtræk fra form.sikre, at både rektangel veje er i samme lag.,, gå 30, gøre en simpel blyant ikon fra simpel rektangel form.først gøre et stort rektangel med mode, trækkes fra vejen.andet, udarbejde en høj rektangel til blyant vigtigste organ.tredje, tegne et rektangel og roterer den 45 &grader.endelig tegner et rektangel med mode, trækkes fra form til at skære blyant.,, skridt 31, roterer blyant ikon, vi har skabt, og det er over tidligere rektangel form.,,, trin 32, trække et rektangel under profil område med farve&#e2e4e7.,, skridt 33, tilføje indre glød og hældning - overlay - med følgende indstillinger.,,, skridt 34, drage 1 px linje på bunden af den form og farve:&#a8b1ba.der tilsættes 1 px hvide drop shadow.,,, skridt 35: ikoner, bruge pen redskab manuelt at drage en boble ikon.dets farve til&#adb9c4.tilføj lag stil indre skygge, ydre glød og gradient - overlay -.,,,, skridt 37, er vi også nødt til at skelne på den betingelse.to eksemplarer boblen form og ændre dens farve tilc8cf8.,, går 38, tilføje drop shadow, ydre glød, indre glød og gradient - overlay -.,,,, skridt 39, tegne et sort firkant bag boble tale ikon.tilføj gradient - overlay -.,,, gå 40, reducere fylde op til 27%.,, skridt 41, tilføje lag maske og male det øverste form med sort.,, skridt 42, gentages proceduren for at få mere ikoner.,, gå 43, add 1 px lodret linje med farve&#aab6c2 mellem første og anden ikon -.og drop shadow, at give det bogtrykkemaskiner virkning.tilføj lag maske, og så maler de øvre og nedre til fade - linjen til sin baggrund.,,, skridt 44, alat drag at kopiere den linje.sted mellem hver ikon.,, skridt 45: søgning kasse, aktivere afrundet rektangel med stor radius.foretage en søgning ved siden af den sidste stjerne.og drop shadow, indre skygge, ydre glød og slagtilfælde.,,,,, skridt 46 i området, kombinere kredse og afrundet rektangel at drage her ikon med farve⇸a8.,, skridt 47: tweets liste, tegne et rektangel form med farve&#e2e4e7.tilføj indre glød og gradient - overlay -.,,, skridt 48, drage 1 px linje på bunden af form med farve&#a8b1ba og så tilføje (virkning, gå 49, gøre en hvid afrundet rektangel med en radius på 3 forsyning.tilføj gradient - overlay - og slagtilfælde.,,,,,,, gå 50, i den form, trække mindre afrundet rektangel med radius 1 px og farve𱔤.og drop shadow og slagtilfælde.,,,, skridt 51, pasta profil billede på toppen af afrundede rektangel form.slå ctrl + alat + g til at konvertere det til det maske.det billede er i form.,, skridt, 52, type redskab til at tilføje brugernavn, fløjt indhold og oplysninger om tid.sørg for, at tilføje modsætning til forbindelsen, og nævnte twitter.,, skridt, 53, på det nederste højre hjørne af tweet område, tegner en cirkel form med farve&#aab7c3.så, udarbejde en stjerne ved hjælp af polygon, værktøj og dets tilstand for at trække.vi vil bruge det som en favorit knap.,, skridt, 54, anvender samme metoder til at gøre svar knap.,, skridt 55, alle beskeder i en gruppe lag af udvælgelsen af dem og så slå ctrl + g. det dobbelte af alat - gruppen).redigere billedet profil og sin tekst for at ændre dem, skridt 56, dobbelt anvendelse grundlæggende form for derefter at ændre sin farve, sort.tilføj et rektangel, på toppen af det og dets tilstand til hinanden.tilføj indre glød, gradient - overlay - og slagtilfælde.,,,, skridt, 57, tilføje api - oplysninger om bunden bar.tilføj (effekt ved brug af drop shadow.,,, skridt, 58, tegner 12 afrundet kvadratisk eller rektangulær form, ubearbejdet form i forskellige størrelser.manuelt, omsorg for deres holdning, og så dreje dem.tilføj (virkning.,, skridt 59: rulle bar, gøre en høj hvid afrundet rektangel med radius 1 forsyning.den næste til vejledning.tilføj slagtilfælde.,,, gå 60, gøre kortere afrundet med samme radius på en bar.dets farve tilb9eb3 og tilføje lag stil indre glød og slagtilfælde.,,, skridt 61: tilføje flere vejledninger, vi har gjort med den vigtigste grænseflade.næste skridt er at opdatere status og uploader foto vindue grænseflade.det første, vi har brug for flere retningslinjer for at hjælpe os med at designe.se billedet nedenfor, at den påkrævede position.,, skridt 62: ajourføring status vindue, start ved at trække en afrundet rektangel med radius størrelse 5 px og farve&#e2e4e7.,, skridt 63, tilføje rektangel vej på venstre side af ruden.slå ctrl + t og så dreje det 45 &grader.sørg for, den vej er at tilføje til form.tilføj lag stil drop shadow og slagtilfælde.,,,, skridt 64, to grundlæggende form og ændre dens farve til sort.tilføj rektangel på toppen og dets tilstand til hinanden.tilføj indre glød, gradient - overlay - og slagtilfælde.,,,, skridt, 65, gøre en lille cirkel form i øverste højre hjørne af afsnit bar.dets farve til򬧾.tilføje to afrundede rektangler på midten og fastsætte deres tilstand for at trække.drej begge afrundet rektangler 45 &grader.så tæt på knap anvendes til normal tilstand.,,, skridt 66, to eksemplarer på knappen og ændre dens farve til&#a4a4a4.den anvendes til den tilstand, skridt 67, to grundlæggende form og ændre dens farve til sort.tilføj rektangel vej på lavere område og dets tilstand til hinanden.tilføj indre glød, gradient - overlay - og slagtilfælde.,,,, skridt, 68, udarbejde en blå afrundet rektangel med radius 3 px på højre hjørne af grænseflade.tilføj indre glød, gradient - overlay - og slagtilfælde.,,,, skridt, 69, tilføje tekst, post på den knap.tilføj (ved at give det 1 px mørke drop shadow.,,, skridt 70, to eksemplarer på knappen og dens tekst.vi vil få nye for den tilstand.vi har brug for, er at øge forureningen af dens gradient - overlay til 40%.,,, skridt 71, foreslår jeg dig at sætte hver knap i en separat gruppe lag.denne vej, lag struktur tilrettelægges bedre.,, skridt, 72, drager,