prototype lay - out Velositey photoshop Velositey,,,, in deze handleiding zullen we lopen door middel van een gratis "uitbreiding van Velositey.Velositey (momenteel 2 versie) voorziet in gemeenschappelijke indeling van de website voor de bouw van een prototype met photoshop.,, "meer tijd doorbrengen in perfecte details en stijl, en die saaie tijd minder." Velositey, herhaal, indeling in onze handen, ons Velositey, laten we eerst kijken naar een aantal gemeenschappelijke de indeling van Deze dagen veel website patroon ontdekt.,, als we in de themeforest op elk van de drie meest populaire wordpress betreft zien (avada, knuffelen, en de significante) vindt u dat ze hebben een aantal gemeenschappelijke kenmerken.,,,,, in de eerste plaats op het grote scherm, ze met hun logo - het juiste beeld die links en navigatie.De volgende navigatie we gewoonlijk held met een paar knopen door middel van een animatie dia 's zien.In de titel van een regio, hebben we vaak opgenomen of op basis van de regeling - punt. Als gevolg van deze regeling op het gebied van gemeenschappelijk is,,,,,, je kan altijd dat je voor zoiets.De indeling van de met het prototype, en keer op keer kan dus een dubbel werk.,, in deze handleiding zullen we lopen door de kenmerken van de Velositey en leren hoe ze te gebruiken voor de uitvoering van gemeenschappelijke taak vaart te zetten achter de auto en uiteindelijk ons prototype op het werk.Bovendien zullen wij leren van de kenmerken en de toevoeging van een aangepaste photoshop chique functie van ons prototype.,, zonder verder uitstel, laten we beginnen!,, de voorwaarden en de werking van de instellingen, Velositey minimumeisen is Adobe photoshop cs6 cc 2014 /.Ook om ervoor te zorgen dat je installatie "de uitbreiding van de manager.En die op dit moment, download Velositey (moet je betalen voor een tweet of Facebook posten) en de installatie van door uitbreiding van het Adobe manager.,,,,, de invoering van photoshop en rond, het raam uit te breiden > > Velositey, blijkt Velositey panel.,,,,,, Velositey panel van de lay - out, ten eerste, we zou het creëren van een kale lay - out.,,, het creëren van nieuwe documenten, in de eerste plaats moeten we door het creëren van een nieuw blanco documenten [+] een nieuw model, in Velositey knop, die documenten, die zal leiden tot 1170px breedte 30px groeven.Dit is een handig gebruik van de regelingen, als je van plan bent als je website leiden, op basis van de toevoeging van een titel, zie je de dingen onder de eerste, [+. Het nieuwe model, druk op de knop is een reeks van etiketten, waarvan het eerste is voor het hoofd.Ik zal de keuze van de tien een titel vormen.Klik, en zou leiden tot een onmiddellijke en Velositey koppen en zet het in het document.,,,,,, panel titel opties Velositey, in ons geval, het geeft ons een voor een de navigatie - koppen van links en rechts.De inheemse in photoshop, laag panel, zult u zien dat passende structuren en nomenclatuur van de laag, hoofd van de groep,,.,, en het hoofd van de gelaagde structuur, de indeling van de panel kaal.,,,, noot: als je de keuze van de andere kant van de keuze van Velositey vervangt Het eerste voorbeeld. - toevoeging van de glijder.,,, ondanks zijn tekortkomingen, veel mensen willen hun website een glijder.De toevoeging van een blok in het gebied van de titel gebied te bieden; Velositey een blok vormen kan worden verhoogd door één druk op de knop,,,,, ook de keuze van de wijze van indeling.,,, hier koos ik eindelijk een blok vormen, dat geeft ons een blok met een virtuele inhoud van de Titel,, en twee knopen,,,,, slider, de overeenkomstige laag.,,, je kunt zien, zul je een nieuwe groep, slider, toevoeging van het panel binnen, lagen alle glijdende onderlaag, toe te voegen aan de inhoud te wonen. En, op het gebied van de toevoeging van inhoud is simpel.In de derde Velositey panel op etiketten, vindt u een aantal opties, de inhoud, de inhoud, de indeling,.,,, kies ik de derde stijl, geef ons de inhoud in de derde kolom, elke kolom bevat een titel, beeld plaatsvervanger, en virtuele inhoud.,,,, de inhoud van de regio 's.,,, de toevoeging van een module, een module,,,, is in dit geval een onafhankelijke inhoud te blokkeren.En het is aan ons om de inhoud van de definitie en het is gebruikt.En de titel, blok en de inhoud van de verschillende regio 's, kunnen we in één document meer modules.Hier, heb ik nog de tweede module patroon:,,,,,, modulaire vormen, het tweede type geeft ons een beeld van een reserve (titel over het gehele document netwerk), en een paar lijnen van virtuele tekst.,,,,, en de toevoeging van een deel van de module.,,,,, - het laatste deel van de website van de meter te verwachten.De meter weer in en gaf ons een Velositey vastgestelde model voor de keuze:,,,,, de indeling van de eerste meter model biedt ons de volgende: op dit moment zijn we klaar,,,,,, de toevoeging van de website van het begin tot het einde van deel van alle noodzakelijke - - - - Met een paar klikken.Elk deel van de normale regeling, moet je nog een verticale ruimte tussen hen, zoals:,,,,, hebben we nu in plaats van de lay - out, dat we onze eigen tijd.We moeten wat dingen veranderen zodat het prototype van fatsoenlijke.,, maat, ervaring op documenten uit laag is photoshop over zo volledig mogelijk is.Elk niveau moeten aanpassen, zonder de oorspronkelijke vorm of aard.Dit maakt ons gebruik van "de functies zoals:,,,, intelligente voorwerpen en intelligente koppeling van het voorwerp, de aanpassing van laag en het effect van andere,,,, ik hou van laag met de minste kan het gebruik van intelligente objecten.,,, in ons geval, intelligente voorwerpen, met inbegrip van normen Voor 志形象, in de eerste plaats gekozen. Naam, logo 's, in de laag, hoofd, groep (op dit moment rechthoekige laag).En dan, klik en kiezen, de omschakeling van intelligente voorwerpen,.,,,,,, - marker is nu, intelligente materialen, om ons een teken, en op dit niveau, klik, Mark laag en de keuze van de inhoud van de selectie, de redactie.,,,,, dat zal leiden tot De onze nieuwe documenten in het raam van de photoshop.Op het etiket van de rechthoekige vorm, een laag niet zichtbaar, dan slepen en teken in de etikettering van een teken van beeld, aanpassing aan de linkerkant.Als je het dossier veranderingen rekening moet worden gehouden in de index van de PSD,.,,,,,, het logo bestaat uit een intelligente objecten,,, moeten we nu de omschakeling, is laag, dit is een moment, intelligente materialen, banden, intelligente objecten.Het effectief de opslag ons een teken als een externe bestanden.Dat doen, klik op de link laag, de selectie van de omschakeling voor de selectie,...,.,,,,,,,, "zou je redden, intelligente voorwerpen, documenten, de publieke omroep,.Red, intelligente objecten in een typisch in de organisatie van het logo, zou je in de organisatie van de beelden van de website.In dat geval zal ik bewaarde het in een map met de naam,, /beelden, foto 's, "/ICO map bij de PSD, niet op de tafel map met de naam" iets anders "," de etiquette,,,,,, als we de intelligente objecten werken, laten we nu het hergebruik In ons een teken.Naar de staart, groepen, en vinden, mark, laag.Klik op de inhoud, de vervanging van de lagen te kiezen,...,,,.,, kijken naar de MAP,. PSB, het logo van de documenten, de keuze van het dossier, druk op de knop, plaats.Je moet nu in de meter een teken.,,,,, herhaal deze stappen, een beeld dat in andere delen van de inhoud en de module, de glijbaan.Als het klaar is, moet je er een soortgelijke resultaten:,,,,,, ik gebruik het effect van de laag, de toevoeging van een laag, van invloed kan zijn wat je ooit met photoshop voor een tijdje bekend.Laag zal het effect van de toepassing van een of meer effecten, zoals de kleur, de helling, de schaduw.In ons geval, zullen we gebruiken om de instelling van een nieuwe kleur, en de toevoeging van een geleidelijke, begonnen door de keuze van, teken, laag, in de eerste groep.En dan in de keuze van de "effect van de optie" aanwezigheid "laag", "" "" "" "laag", "lagen" "", "", "".De kleur kiezen die..., en de kleur wit.,,,,, herhaal deze stappen op elk van de kleur van de banden in de inhoud van de navigatie, deel van de kleuren in icoon, en de kleur van de glijbaan.Trouwens, de toevoeging van een helling van blok aan hoofd en schuif het imago van het contrast tussen de navigatie, het logo en leesbaarder.,,,,,, met aanpassing van de laag, aanpassing van de laag, laag, waardoor onze gewoonte, de kleur (zoals de helderheid en contrast) in een niet - destructieve manier.In ons geval, we kunnen gebruik maken van een laag aan om de module iconen van zwart en wit.Klik en kiezen, de redactionele inhoud.Klik op de nieuwe aanpassing na de selectie "laag", zwart en Wit ".Kijk!De definitieve resultaten van de,,,,,, je moet nog een ding doen is een herhaling van de reserve in de titel en de inhoud van de tekst.Dat doen, zijn we hier klaar prototype:,,,,, conclusies, goed gedaan, we hebben met succes heeft een website ontworpen prototype.We Velositey, laten we snel die kale lay - out.Trouwens, we pas laag van kleur, met de niet - destructieve wijze, en de aanpassing van de oorspronkelijke vorm, om volledige, waardoor verdere bewerking.,, heb je nog andere tips en trucs gebruiken Velositey?Laat ons weten in de opmerkingen.Verder lezen,,,,, "CC - 2014: welke nieuwe ontwerper?De richtsnoeren, etiquette, photoshop, met photoshop, duidelijk ontwerp, hoe de code van de lay - out en csshat photoshop, lesshat en pnghat,,,