Het ontwerp van een iPhone muziekspeler applicatieprogramma - interface met photoshop cs6

met photoshop cs6,,,,,,, "cs6 iPhone mp3 - speler de interface van de aanvraag is een ontwerp van de vector bewerken van toepassing is sterker dan haar voorgangers.In deze handleiding, zal ik je laten zien hoe het gebruik van deze nieuwe functie voor het creëren van een iPod applicatieprogramma - interface in de oorspronkelijke resolutie, appel, de retina en zonder herhaling van de procedure, deze twee ontwerp.Oké, laten we beginnen.,,,,, de volgende activa. Activa in deze handleiding wordt gebruikt bij de vervaardiging van de kant van de weg, die het nodig hebben, in het licht van andere activa, kalk in documenten downloaden, stap 1, het creëren van een nieuw document.De breedte en hoogte van 320px 480px.,, stap 2, een stap die we moeten creëren op de achtergrond.Er is een nieuwe, eenvoudiger methode in photoshop cs6 creëren van vector vormen en de methode die we gebruiken in de les, en het creëren van een nieuwe groep, genaamd "achtergrond", de keuze van de instrumenten (R), in vierkante of rechthoekige opties is geregeld in de vorm van instrumenten, en drukt op de knop. Ten tweede keuze vorm van het type.De lijst van die aard tussen de knop.Alle waarden in de volgende beelden voor de aangegeven waarde.Het gebruik van kleurenf4042 en񊀝 gradiënt.,, klik op het doek overal.Als het creëren van een rechthoekig raam, oké maat 700x700px bevestigd.De naam van de nieuwe "achtergrond", een laag, CTRL + keuze van het hele doek, de keuze van het instrument (V), dan in de opties BAR - niveau gecentraliseerd en aanpassing van de bodem, de knop op de rand., laag "achtergrond" en om ervoor te zorgen dat de controles worden gekozen. De postzegel gaan.Dus je krijgt een gladde helling.,, stap 3 in photoshop statusbar.psd staat open BAR invoer de werkzaamheden van de groep van de PSD.Gebruik te maken van de methode van de groep, de "status", CTRL + selectie van het hele doek, terwijl het gebruik van mobiele werktuigen (V) - niveau gecentraliseerd, afgestemd op de rand van de knop.,, 4, tot de volgende groep "status" en die van de "navigatie BAR van een nieuwe groep, de keuze van vierkant met afgeronde hoeken instrument (e) en de vaststelling van kenmerken zoals hieronder.Het gebruik vanf8f1d encb83d gradiënt.Op het canvas, overal, en klik, als het creëren van een ronde - rechthoekig raam.De naam van de nieuwe "de nettowaarde van de activa van een laag, laag niveau van BG." aanpassing van de centrale verticale juist onder de status, zoals hieronder aangegeven, de keuze van instrumenten (e) met een vergelijkbaar met de hieronder toont de rechthoekige vorm, maar alleen om ervoor te zorgen dat deze vorm van dekking van de nettowaarde van de activa van de bodem "BG" gebruik ik niet. De keuze van de vorm van de kleur van de vulling. Het gebruik van wegen, en de keuze van instrumenten (a) de keuze van de vorm van de nieuwe te creëren.CTRL + C het klembord vorm.Nu kies. "De nettowaarde van de activa van BG laag panel klik commando /CTRL + V in de vorm van pasta nu laag" NAV BG. ", met een keuze - instrument (een) nog steeds op die knop, klik op de weg, in de opties, en de keuze van de vermindering van de vorige vorm, nu weer op de weg die knopen. En de keuze van de vorm, het gebruik van componenten, met de keuze van de instrumenten. De keuze van de directe (a) de twee onder punt naar de hoogte van de vorm, de toepassing van de volgende 43px. En een laag. Laag" de nettowaarde van De activa van BG ":,, stap 5, het gebruik van de rechthoek instrument (u), zoals hieronder aangegeven van de eigenschap om de vorm.Het gebruik van vaste kleuren voor de vorm van het type.De naam van de nieuwe creëren een laag BG. ", de toepassing van de volgende laag stijl:,," wordt verticaal op de netto - activa van BG, "uit de doeken 6px BG - niveau van de rand van het centrum, icons.psd en mobiele laag, open je de PSD" instellingen ".De horizontale en verticale de iconen "BG centrum", de toepassing van de volgende stappen:,, een laag. 6, het gebruik van de rechthoek instrument (u), zoals hieronder aangegeven van de eigenschap om de vorm.Het gebruik van vaste kleuren voor de vorm van het type.De naam van de nieuwe "BG" te creëren, met toevoeging van een instrument., op de rand van de rechthoekige deel van de toevoeging van de volgende een beetje naar links.,, het gebruik van de omschakeling het instrument op een punt, nu direct, keuze. De keuze van instrumenten (a) en punt 10 pixels, met directe links. Keuze van instrumenten (a) bij de keuze van de volgende twee punten, in beeld vertoont en mobiele 1 - pixel van links.En dan de keuze van elk instrument een anker van omschakeling, daarna sluiten. De vorm van de nettowaarde van de activa, en loodrecht op het niveau van 6px „BG "uit de doeken rand centrum links.,, 7 stap, zijn we nu klaar en de vorm van de kaart, kunnen we nog een stijl.Klik op "van de instellingen en de keuze van BG, laag - laag. Laag, en klik op" BG "en paste de laag.,, gebruik dan de volgende beelden parameters van de knop tekst toe te voegen.Ik gebruik de Neue helvetica.De aanpassing van de tekst in de vorm van het centrum, en van de lijst van de in de titel van het beeld en de aanpassing van de tekst toe te voegen aan de navigatie - centrum, 8 stap is het creëren van een nieuwe groep "navigatie", en de naam "locatie", en de keuze van de locatie, en dan een "op het doek als eigendom.Het gebruik vane2f30 enǮa4c gradiënt.De positie van de naam laag BG. ", om onder de vorm van navigatie, maar om ervoor te zorgen dat de kloof tussen hen een pixel.Zal de vorm van registratie in het midden van het doek, en dan de volgende laag toegepast in de vorm: 9, stap, de keuze van de rechthoek instrumenten (Verenigde Staten), volgens de hieronder aangegeven van de eigendom van grond in eigendom, en daarna ergens.Een straal van een hogere waarde.Ik gebruik is, genaamd "positie., lege" en sluiten, horizontale en verticale, naar laag ", BG centrum.", de toepassing van de volgende laag. Keuze van instrumenten:,, de rechthoek (e), in overeenstemming met de hieronder bevat de eigenschappen, en daarna op het doek, ergens.Het gebruik vanUad2a,&#a0d028 en&#b6d028 gradiënt.Nogmaals, een straal van een hogere waarde.De naam van dit laag "locatie", en wordt weergegeven in de volgende foto 's, maar ervoor te zorgen dat er een kloof tussen de pixels in vorm en laag "blanco", tussen de volgende laag. Toegepast op de vorm: 10, de keuze van de onvolledige instrumenten (Verenigde Staten) en die voor de In de volgende op de foto zien.444547, het gebruik van&## 5c5e61 gradiënt.Naam van de laag "aan", zal deze vorm van registratie, zodat het op de rand van laag rechts, en de toepassing van de volgende laag stijl: de keuze van de onvolledige instrumenten opnieuw (Verenigde Staten), en van de instellingen voor het volgende beeld, en dan op het canvas ergens.636669, het gebruik van&## gradiënt 38393b.Naam van de laag "cirkel", de vorm van aanpassing aan de centra lagen, "verwerking", het toevoegen van tekst.Het gebruik van helvetica Neue, moedig.Afmetingen en kleur&#b2b2b2 10pt.Aanpassing van de tekst, zoals hieronder, en stap 11, het creëren van een nieuwe groep, genaamd "spelen". Het gebruik van onvolledige instrumenten (e) omvang 50x50px cirkel.Let maar niet op andere parameters.De naam van de nieuwe laag "spelen BG.", uitbreiding van de groep "locatie" klik "behandeling" en de keuze van laag - een vorm van eigendom van het menu.,, terug naar de groep "spelen", in de laag klik op "spelen en de keuze van BG" die een vorm van eigendom menu 's.Dit is een nieuwe functie van cs6 in photoshop.Op deze manier niet alle vormen van een soort vulling eigenschappen, zoals de geleidelijke verandering van de kleur van de laag, hoek, we "behandeling" een kopie van deze eigenschap, omdat we een nieuwe laag van dezelfde waarde, aangepast, laag niveau. In het midden van het doek verticale 20px de volgende locatie BG ".,, de toepassing van de volgende. Stijl:,,, een 12 - stappen, klik op" spelen BG "en de keuze van een kopie van de laag.De naam van de nieuwe laag snel terug, BG. "Het pad de keuze van instrumenten (a) laag" klik met gebruikmaking van BG ", de opties 34x34px in verandering van de afmetingen, de aanpassing van laag niveau loodrecht op het midden van BG" spelen 8px naar links, en herhalen. "" en de naam van de nieuwe laag en snel BG "BG". Aanpassing van de laag en voor een en dezelfde, maar het is aan de rechterkant.,, 13 stap is het creëren van een nieuwe uit de volgende parameters van de beelden van de ronde.Het gebruik van떔a enc2d2e gradiënt.Om ervoor te zorgen dat de nieuw gecreëerde lagen onder de controle van de groep "spelen in alle andere laag. Laag" spelen ", genoemd naar BG en aanpassing van het transversale en longitudinale Center" spelen "BG" te herhalen en de vermindering van de omvang van 48x48px spelen van BG in stappen, gebruik te maken van onze 12 gebruikte methoden.De aanpassing van laag "snel BG centrum.", nu zal het een kopie van de laag en de "op de invoer van BG centrum.", "snel" laag "spelen" en "snel" icons.psd.De iconen, zoals hieronder, en drie icoon laag, CTRL, klik op het toetsenbord desbetreffende lagen.De opaciteit van de invoer van 85%.,, laag "speaker" en "herhalen" icons.psd.In het volgende zal iconen, het invoeren van kleur met een icoon, maar we moeten op hen uit te oefenen om een geleidelijke.De keuze van de instrumenten van het pad kiezen "spreker" ('), en van de lijst van parameters van de beelden.Het gebruik van kleurenb6c70 en̝b80 gradiënt.Een kopie van de eigenschappen van de spreker icoon, en een kopie van een vorm van eigendom van opties en plakken tot herhaalde icoon, is van toepassing op de volgende verdieping. De spreker en herhaalde icoon stijl:,,, stap 14, in deze fase zullen wij in onze ontwerp - album cover.Na invoer, zullen we ze om intelligente voorwerpen en de vermindering van de omvang van de intelligente objecten, 50%.We doen dat omdat in de laatste stap handleiding documenten zullen worden aangepast aan de resolutie van het netvlies.- dat we niet de omvang van de verliezen na de aanpassing van de kwaliteit van de retina van het beeld, open albumcover-02.jpg en de foto 's van je PSD.,, de omschakeling van laag naar intelligente objecten.>> intelligente objecten in een slimme object.CTRL + T - laag op het toetsenbord.Tot 50%.De naam van dit laag "Centrum voor het album.", in het midden van het doek op laag niveau van verticale 20px de volgende laag "spelen, BG." het gebruik van de rechthoek instrument (e) met de volgende argumenten om de vorm.De omvang van 180x180px geregeld is.Gebruik elke kleur met een straal van aard en vorm van 3px, wat op dit album cover, de aanpassing van het beeld, van toepassing, nu de vorm van vorm. De muis cursor album cover beeld van de rechthoek laag op laag postzegel "Centrum" album cover postzegel, hou de CMD /CTRL + alt het toetsenbord.Als je klaar bent met een kopie van het schrappen van de rechthoek, en lagen, omdat we het niet nodig hebben. Albumcover-01.jpg 15 stappen,,, open en de foto 's van je PSD, omzetten in een intelligente voorwerpen en aanpassing van 50%.De deksel verticale centrum laag "album cover Center" en het niveau van links 30px.Dopen. "" album dekking ", het gebruik van de instrumenten van een rechthoekig (Verenigde Staten), een vorm van foto 's met de volgende parameters.De omvang van deze tijd 160x160px.Gebruik elke kleur met een straal van aard en vorm van 3px, kopiëren, rechthoek laag "links" album cover voor het gebruik van centra voor de methode.Als je klaar bent, het schrappen van de rechthoek, open en laag, en de invoer in de albumcover-03.jpg je PSD.Een herhaling van de procedure van de omslag, gebruiken we links, maar de tijd is aangepast, aan de rechterkant van de beelden, zoals hieronder aangegeven, van toepassing op de volgende stap 16, laag. Het Centrum voor:, - laag. Vanuit het Centrum dekken en de pasta in de andere twee op.Nu kies links en rechts, twee lagen, en de vaststelling van een vulling van 50%.In het centrum van de punten hebben betrekking op de volgende, in een rij voor de uitzending van de tekst, schrijver.Twee lijn naar het centrum, stappen 18, met behulp van de rechthoek instrument (Verenigde Staten), een vorm van foto 's met de volgende parameters.Het gebruik vanĤa2b en闹b gradiënt.De vorm, de linker hoek, afgestemd op de bodem van de toevoeging van een instrument gebruikt.,, de toevoeging van twee verankeringspunten die afstand zoals afgebeeld in fig.,, de selectie van de twee plaatsen in beeld te geven en aan mobiele 6px.,, met rechtstreekse keuze van instrumenten (a) slepen richting zodat ze die vergelijkbaar is met die van de volgende een voorproefje van 19.,,, deze stap moeten we door het kopiëren en de spiegel van de paden die we in de vorige stap voor het creëren van een volledige etikettering BAR achtergrond, een kopie van de laag en de horizontale te bewerken>> Flip horizontale veranderen weg., een kopie van de lagen in de rechterbenedenhoek van het geheel.Een belangrijke mededeling: om ervoor te zorgen dat er geen verschillen tussen de twee, in beeld, nu kiezen tussen twee lagen, klik op de keuze van de vorm en de consolidatie, moet dit de vorm.Zoals je kunt zien, in de vorm van midden een verticale lijn.Dit betekent dat we er twee in de vorm van een laag niet volledig in met de keuze van instrumenten (met een klik op de weg staat laag, klik op de weg die knop in de opties en de keuze van de vorm van onderdelen samenvoegen.Nu heb je de vorm van een volledige fusie.De naam van dit laag "etiket BAR BG.", als we kiezen voor (een) rechtstreeks zullen we ontdekken dat er een overschot van anker, in de vorm van fusie te creëren.Hou altijd je weg schoon extra punten voor het schrappen van de verankeringspunten worden geschrapt, voor anker instrument, klik op twee verankeringspunten zijn. En de toepassing van de volgende laag stijl, "etiket BAR BG":,, 20 passen, deze stap moeten we de tovenaar zal ons helpen bij de aanpassing van het etiket icoon gemakkelijker te maken, met behulp van de rechthoek. Lijst van instrumenten (m) een brede keuze te doen uit de doeken 60px links. En nu zal leiden, aan de rechterkant van de heerser van links.Om ervoor te zorgen dat de in de richtsnoeren voor de vangst van de opties open.Je kan naar de>>>>>>> door eenheid te vinden in het bijzijn van deze, in de loop van de herhaal de stappen ter vervanging van andere tovenaar.De afstand, zoals hieronder, uit de Top van de schaal met het niveau en de vaststelling van de afstand per spoor twee, zoals afgebeeld in fig.,, 21 stap, sleep. "Thuis", document van icons.psd rechthoek.,, het gebruik van instrumenten (m) maakte een keuze, als hieronder, volgens de Gids, het gebruik van. Mobiele werktuigen (V) op de verticale geconcentreerd, in aanpassing van de knop in het niveau, de opties, in de tekst "thuis", met de volgende parameters:,, de verticale aanpassing van de tekst bij de bodem van het niveau van de centrale leiding icoon.,, stap 22, herhaal de stappen van de 21 afbeeldingen en tekst (favorieten, de playlist en zoek).Gebruik de volgende stappen voor de beelden, 23, met behulp van de rechthoek instrument (Verenigde Staten) van de volgende parameters in een vorm die het beeld.Het gebruik vanf8f1d encb83d gradiënt.De vorm, zal aanpassen aan de bovenste rand en etikettering van horizontale en het niveau van de centrale kolom richting contact.De naam "nu spelen BG.", de toepassing van de volgende laag. Laag:,, sleep "spelen" documenten van icons.psd, verandering van laag in de kleur van de�.,, de toepassing van de volgende laag stijl:,, de iconen niveau "nu spelen BG" verticale pixels minder in de bovenste rand centrum, de volgende. - "spelen", de tekst met de volgende parameters:,, de aanpassing van de tekst en de horizontale en verticale pixels knop Centrum minder onder de icoon.- laag. Vanaf nu spelen, stappen we icoon. 24, de voltooiing van alle elementen te creëren.Maar we hebben een laatste stap, dit is op het netvlies "documenten" in de retina, de resolutie is heel makkelijk, het is slechts één stap.Naar het beeld en de omvang van> beeld, als volgt aangegeven waarden.Om ervoor te zorgen dat alle parameters vertonen die precies hetzelfde beeld, beeld, dat moet de resolutie is op het netvlies.,,, dat de elementen, altijd proberen te brengen: in de vorm van het ontwerp van de vector, zoals we in de les.Dat kan je gemakkelijk aanpassen aan hun kwaliteit, verlies je niet "(,,.,, in de conclusies van deze handleiding, we zijn al laat zien hoe je om gebruik te maken van de nieuwe redactie van de functie van de vector in photoshop iPhone applicatieprogramma - interface.Trouwens, we hebben laten zien hoe het gebruik van deze technieken voor het creëren van een appel van toepassing is, deze verenigbaar is met de oorspronkelijke resolutie van de apparatuur, de retina, en resolutie.


































































































































Previous:
Next Page: