Create en mobil Task Manager App i Photoshop
I denne opplæringen vil vi vise deg hvordan å designe en mobil Task Manager App med Photoshop. La oss komme i gang!
Instruksjons Eiendeler
Timber Floor
Mobilisimo Mobil Mobile Pad mock-ups
Trinn 1
Opprett en ny fil. Still Bredde 640 og Høyde til 960 og oppløsningen til 326 ppi.
Trinn 2
Lag en ny gruppe og gi den navnet Bakgrunn. Last ned Timber Floor og åpne den med Photoshop®and dra den i vår 640x960 lerret. Endre størrelse og snu det som i eksempelet. Etterpå bruke Layer Styles.
Trinn 3
Opprett en ny gruppe og gi den navnet Header. Ved hjelp av rektangel Tool (U) tegne en form akkurat som den i eksempelet. Nå bruker Horizontal Type Tool (T), sett Font til Myriad Pro, Fet og skriftstørrelsen til 5,32 pt og skrive ned ordet " iPhone " i øvre venstre hjørne som i eksempelet. Nå setter Skriftstørrelse til 6,21 pt og skrive ned i midten av lerretet " 13: 15 PM ". Nå bytter til rektangel Tool (U) og tegne en batteri form akkurat som på øverst i høyre hjørne.
Trinn 4
Nå Lag en annen gruppe og gi den navnet Venstre knapp. Ved hjelp av Pen Tool (P) tegne en form akkurat som den i eksempelet. Sett fyllfarge til # 131313. Sett Fyll to10% og anvende Layer Styles. Tegn en annen form ved hjelp Pen Tool (P) som den på toppen av den forrige som vi gjorde. Sett fyllfarge til # 776855 og anvende Layer Styles.
Trinn 5
Ved hjelp Horizontal Type Tool (T) angir Font Arial, Regular og Font Size til 6 pt og skrive ned ordet "Tilbake". Etterpå bruke Layer Styles.
Trinn 6
Etter trinn 4 og trinn 5 gjøre to knapper.
Trinn 7
Opprett en ny gruppe og gi den navnet prikker. Ved hjelp av Ellipse Tool (U) trekke 4 svarte # 000000 sirkler som den i eksempelet. Sett Fyll nivå til 50% og bruke Layer stil. Tegn en sirkel, denne gangen litt større, satt fyllfargen til #FFFFFF og bruke Layer stil.
Trinn 8
Lag en ny gruppe, og navnet er dette ett legeme. Bruke Avrundet rektangel Tool (U), sett Radius til 2 px og tegne en figur som den i eksempel og sette fyllfarge til # e8e5e5 og anvende Layer Styles.
Step 9
Ved hjelp Avrundet rektangel Tool (U) tegne en figur litt større enn den forrige, og sette fyllfargen til # e9e5e6 og anvende Layer Styles.
Step 10
Med hjelp av Avrundet rektangel Tool (U) tegne en annen form, litt større enn den forrige, satt fyllfargen til # f1f1f1 og anvende Layer Styles.
Step 11
Lag en ny gruppe og endre navn til Lines. Ved hjelp av rektangel Tool (U) satt fyllfargen til # d1d1d1 og trekke noen små horisontale linjer som de i eksempelet. Nå bruker RectangleTool (U) noen større horisontale linjer med fargefyll satt til # 7e7e7e akkurat som de i eksempelet.
Step 12
Ved hjelp av rektangel Tool (U) trekke tre vertikale linjer som de i eksempelet. Sett fyllfarge til # b2b2b2. Nå gjør to linjer på venstre side av shapejust som de i eksempelet. Sett fyllfarge til # e73232 og fortsette å trekke to flere sett som de i eksempelet bruker lysere toner mens du tegner i perspektiv.
Step 13
Velg den siste papirlaget og holder Kommando /Ctrl-tasten velger Lines konsernet. Duplisere dem og Transform kopiene i en smart objekt. Ved hjelp av Lasso Tool (L) begynne å lage et utvalg som den i eksempelet. Prøv å ikke presse deg selv for mye, fordi dette avrevet papir effekten skal se naturlig og naturlig kommer vel naturlig :). Legg en lagmaske.
Step 14
Velg den smartobjektlaget som vi gjorde i forrige settet og gå til Edit > Transform > Warp. Fordreie den form som sett i eksempelet. Nå bruker Brush Tool (B) velge en liten størrelse børste med hardhet satt til 0 og trekke under Smart Object. Bruke Rectangular Marquee Tool (M) og holde SHIFT-tasten nede gjør en selectionlike den i eksempel og slette utvalget. Redusere Opacity nivå til 25%.
Trinn 15
Nå skal vi jobbe på toppen av Smart Object Layer. Bruke Brush Tool (B) velge en liten størrelse pensel, sette farge til # 000000, lage et nytt lag og forvandle den i en Clipping Mask og gjøre to slag som de i eksempelet. Redusere Opacity til 10%. Gjør et nytt lag og forvandle den i en Clipping Mask. Bruke Brush Tool (B) sette farge til #FFFFFF og begynne å pusse på høyre margin på smartobjektlaget, som vist i eksempelet.
Trinn 16
Lag en ny gruppe og nevne dette Margin. Bruke Avrundet rektangel Tool (U), sett Radius til 4px og tegne en figur som den i eksempelet. Sett fill colorto # e0dcdc og anvende Layer Styles.
Step 17
Nå bruker Custom Shape Tool (U) velg Sirkel Frame fra Shapes. Tegn en figur som den i eksemplet satt fyllfargen til # c4c4c4 og Fyll 65% og anvende Layer Styles. Ved hjelp av Ellipse Tool (U) tegne en liten svart #ffffff sirkel i midten av første Circle Frame og redusere Fyll nivå til 65%.
Trinn 18
Lag en ny gruppe og navn det glideren. Bruke Avrundet rektangel Tool (U) stiller Radius til 2PX og tegne en figur som den på i eksempelet. Sett fyllfarge til # 272727 og angi Blending Mode for Layer å overlappe. Nå gjør en annen form ved hjelp Avrundet rektangel Tool (U) akkurat som den i eksempel og sette fillcolor til # 323232.
Step 19
Lag en ny gruppe og gi den navnet Text. Bruke Horizontal Type Tool (T) sett skriften til Myriad Pro, Kondensert og Font Size til 7. 97 pt og innføre den samme teksten likeseen i eksempelet bruker samme fyllfarge som angitt. Følg indikasjonene fra eksempel og bruke Horizontal Type Tool (U) skrive ned ordene indikert.
Step 20
Ved hjelp Avrundet rektangel Tool (U) stiller Radius til 2PX og tegne en figur som den i eksempelet like over " spise frokost og ta søppel ut " tekst.
Trinn 21
Lag en ny gruppe og gi den navnet Nail. Ved hjelp av Pen Tool tegne en figur som den i eksempel og sette fyllfarge til # 646466 og bruke Brush Tool (B) velge en liten pensel størrelse og gjøre en svart # 000000 slag på høyre side av neglen, som sett i eksempelet. Forvandle dette laget i en Clipping Mask og redusere Opacity til 43%. Gjør et nytt slag ved hjelp av en mindre størrelse pensel og bruke # 8e8e90 som fyllfarge. Ved hjelp av Ellipse Tool (U) gjøre en liten elliptisk form akkurat som den i eksempel angi fyllfargen til # 838390 og fikk til Filter > Blur > Gaussian Blur og sett Radius til 2PX og bruke filteret. Nå kopiere dette laget, gjør det litt mindre og plassere dem på hjørnene av neglen.
Trinn 22
Duplicate neglene Gruppe 4 flere ganger og plassere dem liker sett i eksempelet.
Final Bildeanmeldelser