skabe en detaljeret user interface til en ipad anvendelse

skabe en detaljeret user interface til en ipad anvendelse,,,,,,, i denne forelæsning, vi vil vise dig, hvordan at udforme en detaljeret user interface til en audio - ipad anvendelse.vi vil udforme denne ansøgning ved hjælp af retina skærmopløsning og vil bruge photoshop form lag og lag styles.lad os komme i gang!,,,,,,, tutor aktiver, tutor skik form, skrifttype, trin 1, skabe en ny fil.sæt bredde og højde, 1024 og 768 beslutningen 133 ppi.,, trin 2, foretage en ny gruppe og navn den baggrund.i denne gruppe, at skabe et nyt lag, og fyld den med򬧾.,, trin 3, nu gøre endnu et lag oven på den foregående, fyld den med farve, du vil have, jeg foretrækker at bruge hvide&#ffffff.efter det her gå til at filtrere > støj > tilføje, støj - og beløbet til 400%, distribution, ensartet og kontrollere hyperaktive kasse.næste skridt er at gå til at filtrere > stylize > emboss og sæt vinklen på 135, højde, 1 og beløber sig til 146.sæt den uklarhed i lag med 25%.,, trin 4, udvælge rektangel værktøj (e) og en hvid&#ffffff form som den i f.eks.sæt den blanding af mode for lag til bløde lys og uigennemsigtighed, til 12%, og vores baggrund er færdig.,, løntrin 5, nu i gang med elementerne.skabe en ny gruppe, og det vigtigste - navn.ved hjælp af ellipse værktøj (e) gøre en cirkel som i eksemplet og fylder den med&#e1e1e1.anvendelse af lag styles, for at få foden af knappen.,, trin 6, idet børste værktøj (b), vælg et mellemstort børste og hårdhed til 0.en sort slagtilfælde som i eksempel og uigennemsigtighed, til 33%.højreklik på lag på lag - panel og udvælge skabe udklip maske.,, trin 7, udvælge skik form værktøj (u), og der vælges den cirkel, tynd ramme form, der er i biblioteket.lave en form, som den i f.eks.nu bruger, rektangulære markise værktøj (m) to beslutninger som dem, for eksempel end højre klik på billedet og udvælge omvendt, så man kan tilføje et lag maske til form. når alt er gjort anvendelse af lag stilarter, der følger i f.eks.,, trin 8, et nyt lag på toppen af den tidligere og ved hjælp af en sort� medium børste får et slagtilfælde, som den i f.eks.reducere den uklarhed med 22% og omdanne et lag i et udklip maske.,, trin 9, udvælge skik form værktøj (e) og lader resten skik form., en form som i eksemplet med den sædvane, form, tilføjes.sæt den farve til򬧾 og anvende lag stil.,, trin 10 pennen værktøj (p) udarbejde en form, som den i f.eks.bagefter går til at filtrere > sløret > forslag slør og vinklen på 40 og afstand til 15 forsyning.endnu et lag, maske og ved hjælp af en sort� lineær gradient til forgrundsviden til gennemsigtig et slag nedefra og op.sæt den uklarhed i lag med 80%.trin 11,,, en cirkel med ellipse værktøj (e), der er den farve til&#b7b7b7 og anvende lag styles.,, trin 12, ved hjælp af børste værktøj, lave en sort� slagtilfælde som vist i eksemplet, der uklarhed i lag med 63% og gøre lag et udklip maske.,, trin 13, gøre en cirkel med ellipse værktøj (e), der er den farve til&#e1e1e1 og anvende lag styles.,, punkt 14, med rektangulært værktøj (e) et rektangel, som i det eksempel, der er farven på򢰪 og omdanne lag i en klipning maske.,, trin 15, lav en ny cirkel med ellipse værktøj (e), der er den farve til&#d7d7d7 og anvende lag styles. trin 16, anvender børste værktøj, b) at foretage en hvid&#ffffff slagtilfælde som i eksempel og gøre lag i en klipning maske.,, skridt 17 i dette skridt, som vi vil få magten symbol.pennen værktøj (p) tegne en gråc7c7a form som den i f.eks.nu ved hjælp af afrundede rektangel værktøj (e), fastsatte radius til 10 px og gøre en form svarende til den, for eksempel.anvende lag styles til begge former.vores fremgangsmåde er færdig.,, gå 18, tæt på de vigtigste - gruppe og skabe en anden under det.navn på det øverste venstre knap.ind med afrundede rektangel værktøj (e) radius til 2 px og gøre en form svarende til den, for eksempel.ved hjælp af elliptiske markise værktøj (m), foretage en udvælgelse, 2 - 3 px større end knappen klikker at vælge mig.endnu et lag maske til knap form og vores base er gjort.,, skridt 19, anvende følgende lag styles til knap form.,, gå 20, ved hjælp af ellipse værktøj (e) gøre en cirkel som den i f.eks.anvendelse af lag stil og omdanne det lag i en klipning maske.på denne måde vil være angivet i installationer på knappen form.,, gå 21, nu tilføje nogle tekst.ved hjælp af horisontal art værktøj (t) størrelse 10 px, at ariel skrifttype og skrive et ord.anvendelse af lag - styles, og vi har vores første knap klar.,, skridt 22 med henblik på at gøre de andre 3 knapper, du bliver nødt til at ændre den tidligere 4 skridt, skridt 23, nu vil vi gøre 4 mindre knapper.den nemme er blot gentager de vigtigste - gruppe.efter at vi har lavet en kopi af den gruppe, vi laver en anden gruppe og navn, den her lille knapper.du bliver nødt til at indsætte de vigtigste knop kopi til små knapper gruppe.når du har gjort det her udvælge de vigtigste knop kopi og omdøbe det lille knop. nu resize hele gruppen til 33%, som vist i eksemplet.slette de sidste to figurer i den lille dims, der repræsenterer magtsymbol, og åbne lag stilarter, første lag form i gruppen.reduktion af størrelsen af den ydre glød til 13%.,, skridt 24 ved hjælp af horisontal art værktøj (t) vil vi indsætter et par intensitet indikatorer.på venstre side skriver vi ved hjælp af en 3.23. pt arial sorte skrifttype 0 db og på den rigtige side 40 db. anvende lag stil til både tekst lag.,, gå 25, kopiere den lille knop gruppe fire gange, og flytte den rektangulære indikator, som de ønsker at give en mere dynamical aspekt til knapper.pennen værktøj (p) drage to former, ligesom dem i f.eks.farve dem begge med񱜆 og anvende det lag, styles.efter ved hjælp af horisontal art værktøj (t) skriver under de tidligere form ved hjælp af 7.50 pt ariel - sort skrifttype ordene input (til venstre) og output (til højre).anvendelse af lag - styles, og alt er gjort.,, gå 26, en ny gruppe, og dette skifte navn.nu ved hjælp af afrundede rektangulære værktøj (u) radius til 2 px og gøre en form, som den i f.eks.den farve,񝭟 og anvende det lag, styles.,, skridt 27, efter oprettelsen af den grundlæggende form for kontakt, vi skal bygge den skygge.pennen værktøj (p) udarbejde en sort� form som den i f.eks.så gå til at filtrere > sløret > gauss - tåge, radius til 2 forsyning og anvendelse af filter.endnu et lag maske til skyggen lag og ved hjælp af en sort� lineær gradient fastsat til forgrundsviden til gennemsigtig et slag nedefra og op, som for eksempel.,, skridt 28, med afrundede rektangulære værktøj (e) med radius, der er fastsat til 2 px, en form, som den i f.eks.sæt den farve tilc2c2c og anvende det lag, styles.,, skridt 29, tilføje et nyt lag, og gøre det til et udklip maske.med rektangulært værktøj (u), en hvid form som den i f.eks.nu får en anden form, som også skal være et udklip maske og farve det med𶐎, og anvende de lag, styles.dobbelt det sidste lag på venstre side af sporet.,, gå 30, pennen værktøj (p) drage 3 hvide&#ffffff former som dem, for eksempel.efter anvendelse af horisontal art værktøj (t) fastsatte størrelse, 5pt, at ariel skrifttype og over 3 elementer, stå af og anvende lag stil.to eksemplarer skifte gruppe 3 gange, og så er vi færdige.,, skridt 31, en ny gruppe og give den et navn - ækvivalent at bygge equalizeren bøje følge de skridt, angivet i f.eks.efter du er færdig at bøje, gentage det 10 gange, for at få flere bøjer sig for.,, trin 32, skabe en ny gruppe, og navnet grill.ved hjælp af afrundede rektangulære værktøj (e) radius 50 og gøre en form, som den i f.eks.sæt den form, farve til𳲙 og anvende lag styles.at kopiere lag 5 gange, derefter vælge alle 5 lag og konvertere til intelligent objekt.,, skridt 33, efter du har lavet omdannelse, anvendelse af lag - stil.pennen værktøj (p) gøre en form som i det eksempel, der er farve til󰗡 og anvende, lag - stil.at kopiere lag og skifter farve, hvis det er nødvendigt.,, skridt 34, med kvadratisk eller værktøj (e) til redͧb19 pladser som dem, for eksempel.til venstre (med angivelse af de skubbede version af knap) anvender, lag styles er vist i eksemplet.,, skridt 35, nu skal vi gøre den normal funktionstilstand knap.anvendelse til højre. laget styles er angivet i f.eks.,, trin 36 ved hjælp af ellipse værktøj (e) 2 former over tidligere knapper som dem, for eksempel.farve den venstre&#ed1c24 og den rigtigeHe22f. derefter anvende lag styles både kredse.,, skridt 37, en ny gruppe, og det viser.med rektangulært værktøj, en form, som den i f.eks.sæt den farve til񘱴.nu bruger, elliptiske markise værktøj (m) til perfekt valg kredse som dem, for eksempel.højreklik og udvælge omvendt og anvende lag stil.,, skridt 38, ved hjælp af horisontal art værktøj (t) størrelse til 29.64 pt og skrifttype til lcd - og type 11 ottere.reducere den uklarhed, af lag på 15%.en anden type lag og skrive sang titel, men holde røgtæthed 100% denne gang.prøv nu at være lidt mere tekst lag, der eksperimenterer med skriftstørrelse og farve.,, skridt 39, ved hjælp af custom form værktøj (u) belastning web former og musik figurer fra form bibliotek og indsæt 3 elementer viste i f.eks.,, gå 40, en ny gruppe og navn en info - knappen.nu ved hjælp af ellipse værktøj (u), en grå&#d7d7d7 cirkel, som i eksemplet og anvende lag styles.,, skridt 41, laver en cirkel med ellipse værktøj (e) med samme fylde farve&#d7d7d7 og anvende de lag, styles.ved hjælp af custom form værktøj (u) belastning symboler fra biblioteket og indsæt oplysninger skik form og anvende lag stil.,, skridt 42, en ny gruppe, og kalder det musik knap.nu ved hjælp af ellipse værktøj (u), en grå&#d7d7d7 cirkel, som i eksempel og anvende lag stilarter fra trin 40.ved hjælp af ellipse værktøj (u) gøre en cirkel og farve, det&#b6b6b6 og anvende lag stil.dette vil blive skubbet version af 2 knapper.,, gå 43 ved hjælp af custom form værktøj (e) indsæt den sekstende note form og farve detf1f1f. gøre et nyt lag øverst og anvende børste værktøj, b) vælge et medium, hvide&#ffffff børste og slagtilfælde i den øverste del af cirklen.forvandle dette lag i et udklip maske og voila!alt er klar nu.sidste billede,,,,
















































Previous:
Next Page: