downloaden photoshop,,,,,,, "is een geweldige de toepassing van de procedures voor het creëren van mobiele toepassingen model.Het instrument van de vector, in combinatie met een laag, waardoor het effect van de ontwerpers kunnen de snelle totstandbrenging van de indeling van hun projecten.In deze handleiding, ik zal je laten zien hoe je een iPhone app ontwerp, met photoshop.Als het klaar is, krijg je een heel goed weten hoe het scheppen van moderne interface elementen, alsmede de in de tabellen en grafieken met photoshop.Oké, laten we beginnen.,,,,, de training van activa, u moet de volgende activa na de training voor de kosten.Alsjeblieft, voordat we beginnen te downloaden.Als niet beschikbaar is, het zoeken naar alternatieven.,,, gratis iconen, iOS7 - PSD (iPhone), extra icoon,,, 1.Het creëren van een nieuw document, stap 1, het begin van de bouw van een nieuw document (document >,,,) 640 × 1136px, de retina, voor de ontwerp - normen voor de afmetingen van de iPhone 5.Kaart richtsnoeren;, 20px, indien een van de partijen van toepassing op elementen om je te helpen.Je dossier moet zodanig zijn dat,,, 2.De structuur van het creëren van de achtergrond, in dit stadium, we zullen voor de toepassing van het creëren van de structuur van de achtergrond.Als je de ontwerp -, dan zult u zien dat het is verdeeld in drie zones, top.,,, het belangrijkste gebied van inhoud, en het lage niveau van de details,,,,,,,, stap 1, de keuze van het instrument (u), een foto van een rechthoek, en uit Het dossier is 120px top, hoog.Het gebruik van informatie (f5), ramen, gezien de vorm en omvang van de,,,,,,,,,, dat is geweldig.De naam van topbar BG, laag.De kleuren veranderen,
a242c,,,,,,,,,,,, panel (f7), laag en klik op laag, gemengde optie.De selectie van de schaduwen, en om, vanuit het oogpunt van de schaduw, X, 90, van kleur,b3642,.,, de toevoeging van een kleine schaduw voelt zinloos is, ben ik ervan overtuigd dat het de details, zodat een goed ontwerp, een goed ontwerp weinig verschil tussen,,,,,,,, je ontwerp moet eruit,,,,,, dan creëren we de inhoud.Het gebruik van dezelfde procedure, top, voor het creëren van een rechthoekige vorm, (e) instrument, namelijk 640px, breedte, lengte, kleur, het gebruik van 620px,. - en de selectie -Þc36,.De naam inhoud laag, BG,,,,,,,, de volgende keer gaan, laag, te kiezen voor de dialoog is de schaduw van 8, de verspreiding van afstand,,, 100%, 90 graden, en de kleur,b3642,,, in positie. De belangrijkste inhoud van de onder de achtergrond vormen, Rod.De belangrijkste vorm van de inhoud, X, Rod, laag, zodat je kunt zien, Rod, de schaduw,,,,, dus, betreft de structuur moet een nu vorm.,,,,,,, 3, kolom kan creëren en het andere eind.Het creëren van een rechthoekig standpunt is onder de belangrijkste inhoud van de achtergrond vormen is 640px, breedte en lengte, 336px.Kies een kleur,䬖a,.Naam van de onderliggende lagen, BG,,,,,,,, de bepaling van het standpunt weer van de inhoud van de onder laag laag, zodat je kunt zien wat de schaduw van de bovenste laag.Je ontwerp moet zo zijn:,,, 3.De top van navigatie, laten we naar boven gaan,,,,,,, stap 1, open, iOS7 - PSD (iPhone), bij het verstrekken van de PSD dossier, les activa.De staat heeft de witte doek BAR, sleepte haar naar de top.De positie van de bovenste laag staat.,,,,,,, stap 2, open, extra icoon, bij het verstrekken van de PSD dossier, les activa.De volgende stap, sleep - icoon (artikel 3, pictogrammen) en aanvullende icoon van de PSD.De aan beide zijden van de 20px richtsnoeren, de positie van de linker 20px gevuld met richtsnoeren voor de navigatie aan de linkerkant,,,,,,, is de volgende stap, stap 3, sleep - icoon uit de aanvullende icoon PSD, tot je het ontwerp en de positie op de rechterkant van het doek, opnieuw worden gebruikt voor 20px vullen.Een van je beste BAR, het is nu voorbij,,,,, 4.De belangrijkste inhoud van de regio 's, de belangrijkste inhoud van de regio' s lijkt misschien moeilijk, maar als je goed kijkt, is het een reeks van de cirkel.Laten we de grote groepen in de eerste concentreren.,, stap 1, het creëren van een cirkel, namelijk 506px, breed, 506px, hoog.Die laag, de cirkel van 1.Nogmaals, het gebruik, de informatie. (f5), om ervoor te zorgen dat u de juiste afmetingen.Dit is de achtergrond van de ronde.De keuze van de kleur kiezen,䬖a, als vorm van kleur.Aanpassing van de positie van het centrum de ring, 30px, de volgende top.,,,,,,,,, panel (f7), laag en klik op laag, gemengde optie.De selectie van de schaduwen, en vanuit het oogpunt van de schaduw, 1 - pixel, 90 graden, de kleur van deb3642,,,,,,,,, is het hetzelfde effect, Rod, de vorm.Een dergelijke kleine raakt dat de aanvraag voor het creëren van meer samenhang en om het ontwerp van perfect.,,,,,, 2, de volgende ronde is, 436px, breedte, lengte en 436px, midden in de grote cirkel.Die laag, de cirkel van 2.De keuze van de kleur kiezen,b3642, als vorm van kleur.,,,,, stap 3, een andere ring, dan creëren, 385px, breed, 385px, hoog.De keuze van de kleur kiezen,Þc36, als vorm van kleur.De naam van deze laag, rond 3,.,,,, is de volgende stap, een gemengde optie voor ronde laag en de keuze van een, in de schaduw.Verandering van de opaciteit van 5%,,,,,,, de afstand, de omvang van 30px,,, 30px,.De keuze van de kleur kiezen, de kleur,�,, in de schaduw.Kijk onder de precieze gevolgen van,,,,,, zoals je kunt zien, is de omvang van het district,,,,,,, 4, de volgende ronde is waarschijnlijk de meest netelige een executie.Dit is de oranje indicator van de vooruitgang.Het creëren van een cirkel, 458px, breedte, lengte 458px, in het midden van de cirkel.De naam van dit niveau 4 ring,,,,,,,,,, gemengde optie, en voeg, 45px, beroerte,.De keuze van een slag op de volgende zes gradiënt rol:,,,,, de vervanging, de ring nu 4%,,,,,,,,,,,,,, is de volgende stap, stap 5, omschakeling van intelligente objecten te laag, laag > intelligente objecten > voor De omrekening van intelligente objecten,,,,,, een laag is, worden omgezet in intelligente voorwerpen, die een schaduw werpen op de cirkel van niveau 4.De keuze van kleur,�, transparantie, niet, 20%, de afstand,,,,,,,, de omvang van 20px,.De precieze details zie onder:,,,,, stap 6, vast te stellen, is de volgende stap moeten we beslissen welke percentages van de indicatoren voor het meten van de vooruitgang in het oranje is.Dit is door het gebruik van een laag masker.In the tools bar, select the ,Polygonal Lasso Tool (L),, ,,, ,From the center of the, Circle 4, layer make a selection similar to the image below., ,,, ,Once you are happy with the selection, create the ,Layer Mask, by going to ,Layer > Layer Mask > Hide Selection,, ,,, ,Step 7, ,Now choose the ,Type Tool (T), and select the center of the circles area and type ",62," with the following attributes:, , ,,Font:, Arial Black, ,,Size:, 100pt, ,,Color,: ,#ffffff,., , ,Now center the text within the circle., , ,, , ,,, ,Beside the ",62,", create another type layer and put in a ",%,"with the following details:, , ,,Font:, Arial Regular, ,,Size:, 20pt, ,,Color:,#5b6773,, , ,,, ,Position the ",%," as per the image belo8, rechtstreeks in de volgende stappen ", 62", het creëren van een ander type laag gebruik, het type instrument (ton).De volgende gegevens:,,,, lettertype: verwijderd van normale grootte,,,,,,,,, 13pt volgen: 400,,,,,b6773 kleur:,,,,,, "downloaden, hoofdletters",,,,,, dat de positie van de volgende laag beeld.,,,, dus we laten zien dat de volledige en de vooruitgang, moet lijken op de 9:,,,,,,, dan is een kleine knop.Aan de linkerkant van de vulling gidsen, te gebruiken voor het creëren van een cirkel, onvolledige instrumenten (e), 100px, breedte, lengte 100px.De keuze van de kleur kiezen, #, 19222a,.De naam van deze laag, de cirkel van vijf.De positie van deze ronde zoals hieronder.,, in die cirkel, het creëren van een kleine cirkel, 78px, breedte, lengte 78px, diameter.De naam van dit niveau, rond 5,.De keuze van de kleur kiezen,b3642,,,,,,,, 10 stappen, 5 laag, ring, 5a, klik.Naar een kopie van een laag,,,,,,,, een laag worden overgenomen, om de ring, ring, 6, 6 bis, worden ze rechtstreeks naar rechts op rechts vol gids.,,,,,, aanvullende iconen, PSD dossier opgeschort, in kopie icoon en positie, in ronde vijf..,,,,, vrijheid van - Link, iconen, iconen (de tweede rij, een vijfde van de).- icoon in uw ontwerp en de positie van het in de zes verdiepingen, ronde,,,,,,, het gebruik, de transformatie van instrumenten (beschikking /CTRL - t), en aan de omvang en de 38px, breed, 48px, hoge (200%).Duidelijk laag op de icoon, duidelijke keuze laag. Laag effect,.De keuze van de kleur kiezen,&#a8afb6,,,,,,, 5.In het kader van regionale, laten we in de volgende fase.Deze rubriek is verdeeld in drie rijen.,, stap 1, het kiezen van de rechthoek instrument (e), het trekken van een rechthoek, en het document dat de Top van 108px, hoog.De naam is 1 laag, laag,,,,,,,,, dubbele klik, laag postzegel van kleur veranderen.In kleur - de kleur kiezen,䬖a,.Ga, laag panel (f7), en klik op laag, gemengde optie.De selectie van de schaduwen, en vanuit het oogpunt van de schaduw, 1 - pixel, 90 graden, de kleur van deb3642,,,,,,,, - 1 en de naam van de nieuwe laag, laag, laag, 2.Rechtstreekse plaatsing onder lage 1.Het herhalen van de laag en de herhaling van nieuwe laag omgedoopt tot 3, lage 2, en plaatste het in de volgende laag, 2,,,,,,,,,,,,,,, zullen wij de oprichting van kleine icoon en inhoud.De eerste icoon geeft de gebruiker momenteel het downloaden van een dossier, dus we moeten het gebruik van die vergelijkbaar is met wat we doen de grote ronde oranje voortgangsindicatoren, met links, gevuld met een kleine kring van richtsnoeren, 50px, breed 50px, lage 1, hoog, laag, in het gebied.De naam van het onder 1, de ring,,,,,,,,, gemengde optie is laag, 3px, reizen, en de kleur van eb6c4d #.,,,,, nu de ring om, onder 1, 0%,,,,,,, omschakeling van laag naar intelligente objecten. Intelligente voorwerpen lagen > > voor de omrekening van intelligente objecten,,,,,,, oké, we moeten besluiten is in welke verhouding oranje vooruitgang indicator.Dit is door het gebruik van een laag masker.De instrumenten, de keuze van de veelhoek Lasso tool (l),,,,,,,, het centrum van de ring te kiezen onder 1 laag, zoals de volgende foto 's,.,,,, als je de keuze om laag masker, laag > laag masker te verstoppen voor >.De iconen van gratis te vinden en de wolken, icoon van de pijl (de zesde rij, de vijf over).De dingen in je ontwerp en positie, zet het op een laag, laag, laag, het is duidelijk dat een laag, namelijk door te klikken op de keuze van de laag, laag, duidelijk patroon.De keuze van de kleur kiezen,&#db664a lijkt het alsof deze:,,,,,, 3, van de instructies goed we gaan downloaden van een tekst.Dus kies, type instrument (T), en op ongeveer 30px, in lagen onder de ring, 1.De volgende gegevens:,,,, lettertype: verwijderd van normale grootte,,,,,,,: 12, de kleur, deb6773,,,,,, de meest recente downloads, hoofdletters.,,,,,,,,,, is de volgende stap, stap 4, de keuze van woorden - instrument (T), en dan klik rechts vol gids.Recht op de tekst in de paragrafen icoon in het raam van de volgende keuze, (raam >).,,,,,, de volgende gegevens vormen, "55.1,,,,, 81MB het lettertype Arial Black":,,,,,,, afmetingen: 20pt, de kleur, de&#a8afb6,,,, de volgende keer terug. SLIM, "" en "MB", en geef ze de volgende gegevens:,,,, lettertype: nummer: normaal, lettergrootte,,,,,,, 12,b6773 kleur:,,,,, dit kan een beetje ruimte nodig om ervoor te zorgen dat de tekst de juiste houding van de inspanningen van de tekst.Dus als je klaar bent, onder 1, moet zo laag:,,,,, salaristrap 5, onder 2, we moeten invoeren voor soortgelijke informatie.Het gebruik van een gids voor de kleine kring van links te vullen, en 50px, breed 50px, lage 2, hoog, laag, binnen het gebied.De volgende ronde 2, genoemd.Ga, gemengde optie is laag, en de kleur van de 3px, beroerte,&#eb6c4d,,, nu onder de ring om, van niveau 2, 0%.Nogmaals, van de liberale icoon is ook te vinden op de wolken, iconen en pijl (Zesde rij, vierde over).De dingen in je ontwerp en positie, zet het op 2 laag, laag, laag, het is duidelijk dat een laag, namelijk door te klikken op de keuze van de laag, laag, duidelijk patroon.De keuze van de kleur kiezen,c4651,,,,,,,, en 6, van de richtlijnen correct moeten we downloaden van de tekst.Dus kies, type instrument (T), en op ongeveer 30px, lagen onder 2, de ring.,Type ,"LATEST UPLOADS", in capital letters with the following details:, , ,,Font:, Arial Regular, ,,Font Size:, 12pt, ,,Color: ,,#5b6773,, , , ,, , ,Step 7, ,Next simply make a duplicate of the text ,"55.1 of 89MB", by right clicking on the layer within the Layer Window and going to ,Duplicate Layer,., ,,, ,Drag the new Layer to ,Lower 2, and change the text to ,"127.4GB",., , ,,Font:, Arial Black, ,,Size:, 20pt, ,,Color:,#a8afb6,., , ,For, GB, use the following attributes:,, , ,,Font:, Arial Regular, ,,Size:, 12pt, ,,Color:,#5b6773,, , ,Once finished the row should look like this., ,,, ,Step 8, ,The final row,Lower 3,, will be using the same structure as, Lower 2,. We moeten hetzelfde proces, de inhoud van wat we doen, minder dan 2, dus, het gebruik van een gids voor de kleine kring van links te vullen, en 50px, breed 50px, lage 2, hoog, laag, binnen het gebied.De volgende ronde 3, nomenclatuur.Ga, gemengde optie is laag, en de kleur van de 3px, beroerte,&#eb6c4d,,, nu onder de ring om, drie, 0%,,,, nogmaals, van gratis iconen ook, plaatsing van platte wolken icoon (de zesde rij, de derde tegenover).Een kopie van het ontwerp en de locatie van de iconen tot je die gericht is op lage kringen, 3, laag,,,,,,, stap 9, aan de rechterkant van de download index, zullen we een tekst wordt ingevoegd.Dus kies, type instrument (T), en op ongeveer 30px, in lagen onder de ring, 2.Type ,"SPACE USED", in capital letters using the following details:, , ,,Font:, Arial Regular, ,,Font:, Size: 12pt, ,,Color:,#5b6773,, , , ,, , ,Step 10, ,Finally, make a duplicate of the text ,"127.4GB", from ,Lower 2, by right clicking on the layer within the Layer Window and going to ,Duplicate Layer,., ,,, ,Drag the new Layer to ,Lower 3, and change the text to ,"46.9GB",., , ,,Font:, Arial Black, ,,Size:, 20pt., ,,Color:,#a8afb6,, , ,,,,GB,,, to be in:, , ,,Font:, Arial Regular, ,,Size:, 12pt, ,,Color:,#5b6773,, , , ,, , ,Conclusion, ,In this tutorial, I have shown you how to use layer masks, smart objects, and various other techniques to help you create an iPhone application design in Photoshop. Ik hoop dat je iets geleerd hebt, en je kan het gebruik van deze technieken voor het creëren van een toepassing van de opzet van het programma zelf.,,,,,,,