"thanksgiving log" pagina' s, met photoshop,,,,,,,, je creëert, in de les, ik leid je door een denkbeeldige "thanksgiving log" diensten een elegante landing pagina ontwerpen.We gaan helemaal vanaf nul te beginnen, en het opstellen van Adobe photoshop op elk moment van de lay - out.We zullen gebruik maken van een aantal fundamentele en de technieken voor het creëren van dit ontwerp, in de geest van de omschakeling.Oké, laten we beginnen.,,, de training van activa, te volgen, moet je wat (gratis) activa van skitterphoto:,,,., de zon, serif lettertype eekhoorns van PT, playfair lettertype lettertype eekhoorn, bron geen pro lettertype lettertype eekhoorn, hoofd van de gebruikers van de inter - gezicht,,, heeft de papieren klaar. Stap 1, ten eerste, het creëren van een nieuwe "documenten (documenten > nieuwe...) voor het gebruik van de volgende instellingen.Gebruik wat je canvas Afmetingen - netwerk is geen vaste breedte, tenslotte,.,,,, stap 2, hebben we een aantal richtsnoeren, dus hebben we genoeg ruimte en de indeling van het saldo.Ik gebruik altijd een van tevoren vastgestelde maaswijdte, maar een aantal richtsnoeren zullen ervoor zorgen dat schoon, zal bijdragen tot de vaststelling van de breedte op onze website.Ga, vooruitzichten > de nieuwe richtsnoeren, en een aantal richtsnoeren.Ik meestal de keuze van Google als een website uit de hoek van de breedte en de verhoging van de richtsnoeren een ruimte om te ademen.Noot:,,,, richtsnoeren voor deze les: de verticale 200px, 500px, 700px, 900px en 1200px.,,,,, kun je ook guideguide photoshop plug - ins, om dit proces sneller.,,,,, stap 3, photoshop, vasthouden aan de etiquette laat dingen goed geregeld worden, dus een makkelijk te lezen en te bewerken.Laten we de naam van de groep tot drie lagen voor de titel, de inhoud en de staart.Tot de groep gaan, nieuwe laag > > groep... En aan elke titel genoemd worden.De snelle oprichting van een groep op de MAP,.,,,,, hoofd van de ruimte, het ontwerp, de titel of de regio 's "keer" (of deze dagen) en op de website van de gebruikers en de bezoekers blijven om ervoor te zorgen dat in een zeer belangrijke rol te spelen.Deze landing opmaak, gebruik ik een schot, twee man op de bank zitten op z 'n handen vormen; een positieve stemming van de lucht en gelukkig.,, stap 1, eerst tot een blog op de achtergrond."Koppen" in het schilderij van een zwarte,�, gekleurde rechthoek met behulp van de rechthoek instrument (u),,, ik maakte een 1400x728px grootte van de rechthoek, zet het op de Top van het dossier, en nu downloaden. De zon, neem het mee naar het photoshop dossier geplaatst in vierkante of rechthoekige Platen of meer lagen.Wat weet je van de nieuwe lagen, in mijn geval gebruik ik IMG,.Later, alt en de muis, in het licht van laag tot je ziet een kleine pijl en dan los.Heb je een masker, clip.Tot slot, de vermindering van IMG - laag, ondoorzichtige, 70%, zodat de tekst zetten we zal leesbaarder, bel nu.,, CMD + T -, en de aanpassing van de omvang van de foto 's om te voldoen aan de behoeften van je.,,,, dat de sleutel vormen: pers, naar verhouding,,,,,, stap in. 2. Laten we, nu in het creëren van een mondiale we die pagina' s van navigatie, mensen kunnen op de website.,, het creëren van een nieuwe naam voor de "ins" en het "hoofd" binnen de groep.Na de selectie van rechthoekige instrumenten (Verenigde Staten), en het in kaart brengen van een witte rechthoekige vorm tussen de eerste en de laatste verticale richtsnoeren.Laat het rond, 60px, is dus - zal het project een ruimte om te ademen, ziet er goed uit.Tot slot, het verplaatsen van boven naar beneden 30px, dus kunnen we er zo goed in de drijvende kracht blijft ons imago.,,,,, stap 3, nu laten we het logo en een link, zodat onze Navigator ziet eruit als de mensen iets kunnen gebruiken.Als een teken, maar ik schreef "grttd" te gebruiken, dat playfair (vet gedrukt), het lettertype, grootte en kleur van 26px, grijs,�e0e0e, gebruik ik de banden,,,,,, niet - verlenging van de bron van de afstand tussen de 14 en de brieven.Als een van de belangrijkste van de mobiele telefoon "Register" gebruik ik, zwart en de groene kleur,`c218,.We doen de "ins", waardoor het door te klikken op de kleine driehoekige icoon naast de naam van de groep.,,,,,,,, stap 4, we schrijven een inspirerende boodschap vergezeld van het imago en de idee van de website.Ik zal een enorme vet met een titel, dat concept voor meer details.,, we hebben een diepe achtergrond van de regio 's is voor ons een tekst voor het creëren van een bleke hoog contrast en om ervoor te zorgen dat de leesbaarheid van wijsheid.Ik met witte,&#ffffff, geen pro - bron (zwart), met de hoogte 86px,.Het volgende, 120px, navigatie, dus de informatie er genoeg ruimte om te worden beschouwd als belangrijk.,,,,,,, verminderd tot 70% van mening. Laten we ons nu op de titel, verduidelijking van het hele concept van toeristen en wat vragen te beantwoorden, zou kunnen.Het creëren van een mooi lettertype, laten we samen een serif lettertype voordat wij het gebruik van het logo van de benaming sans serif lettertype.,, inspirerende lettertype combinatie vinden: Google pagina typografie met projecten en voor beginners, lettertype. In deze handleiding voor ik met witte,&#ffffff, 26px dat, playfair (cursief), type, 30px, onder de titel.,,,,, salaristrap 5, en, laten we nog wat meer aantrekkelijke toeristen kunnen zien in de belangen van de website.Een dagboek is je dankbaar zijn voor wat een aantal sociale, dus dat is een goed idee, dat mensen in feite gebruiken, en een meer wenselijk, zoals een streep, het creëren van een nieuwe groep, bekend als "voorbeeld", en de keuze van onvolledige instrumenten (Verenigde Staten) werd gehouden, naar beneden, verandering, een cirkel tekenen.In mijn geval, 60x60px,.Daarna heeft het gezicht van een man, een koepel, alt, de muis, in lagen, totdat je een kleine pijl en de vrijlating van het masker.Nu kan je het beeld van de omvang van de aanpassing, indien nodig door te klikken, CMD + T,,,, in deze handleiding gebruik ik de gebruikersinterface van een willekeurige gezicht.,,,.,: de shifttoets ingedrukt worden aangepast in verhouding tot de omvang van de vorm van /.,,,,, En nu moeten we continu de opname van een indicator.Laten we nog een ronde vorm, de tijd en het in de handel brengen van kleinere, erin.Eenvoudig, maar kan begrijpen, en om dit werk te doen.Ik had een groene kleur met ronde,`c218,.In mijn geval, het is 30x30px en de omvang van de in de tekst is een witte,&#ffffff, geen pro - bron (vet gedrukt) deel,.,,,,, laten we tot slot geeft ons de namen van de mensen en de verduidelijking van deze cijfers.De keuze van het niveau van de instrumenten, het type (in ton), en die een naam en een lengte van het rooster.In mijn geval gebruik ik, PT serif (vet gedrukt) 16px, naam, geen pro - bron (periodieke) maal, marge.Het gebruik van zeer groot genoeg om ervoor te zorgen dat de lijn van deze elementen heeft de ruimte om te ademen.,,,,, geweldig, nog een laatste ding voor naar de inhoud van de regio 's.We hebben behoefte aan een sterk, mobiele telefoon (TCL), zodat de gebruikers kan worden gezien en gelezen van de visuele effecten na te doen.Het creëren van een nieuwe groep "CTA", die foreground is wit van kleur,&#ffffff, Rob, rechthoekig instrument (T).En trek een rechthoekige vorm, in mijn geval, waarvan de omvang en de 280x60px,.Aandacht voor de scheepvaart in de BAR van de consistentie van de eerder gebruikte.En na dat, de invoer van sommige er van te overtuigen - knop.Ik gebruik "beginnen te leven - ->", is de kleur van de vroeger gebruikte de navigatie op de saaie, grijze,�e0e0e, lettertype, geen pro, bron van (semi - vet gedrukt) 16px, volgen, 140,.,,,,, stap 6, nu doen we het "hoofd".Laten we open "inhoud" - groep, het creëren van een "beschrijving".We zullen een sterke kop, en dan door een meer gedetailleerde beschrijving van de site.Het is in het belang van de oproep herhalen, actie (TCL), zodat de gebruikers niet te moeilijk, maar het kan nog steeds tijd voor actie, goed uitgezocht.,, van horizontale aard - instrument (T), en voor je kop, kies een lettertype.In mijn geval ik een mooi en elegant, maar het gezag, dat 60px, playfair (zwart).Geef het beest veel ruimte om te ademen, ik verhuisde, 100px, foto 's van titel naar beneden.,,,,, en nu gebruik maken van dezelfde instrumenten, van horizontale aard (T), klik op en slepen zodat een rechthoek.In mijn geval, 600x140px, de omvang van de doos, ik heb een kopie van een overtuigend te maken voor gebruikers van het TCL op hun hoofd,,.Om een duidelijke visie over de tekst moet kleiner is, niet te zwaar zijn.In mijn geval, gebruik ik de grijze,򢰪, PT serif (periodieke) 18px, de hoogte van de lijn 28px,,,.Het element van de titel is het naar beneden voor een schoon, professionele optreden. Na het lezen, kopiëren onze bezoekers kan overgehaald worden om het te proberen,,,,,, en dus is het raadzaam de mobiele telefoon (TCL) herhaalde de knop een.Open "koppen" groep "CTA" groep vinden en een kopie van het geraakt, CMD + J.Na het op de ", beschrijving van de kleur van de veranderingen binnen de groep, we hadden groen voor het milieu,`c218, en het gebruik van de tekst&#ffffff, witte.Leg het neer, 50px gekopieerd naar de afstand van overeenstemming,.,,,,, ziet er goed uit.Laten we gewoon een lijn, uit het zicht van de beschrijving van de afzonderlijke onder een blok.De selectie van de lijn - instrument (e),,,, het gewicht, de 1 - pixel en het trekken van een horizontale lijn in de eerste en de laatste een verticale richtlijnen.In mijn geval ik met een lichtgrijze kleur,&#e6e6e6, niet zo sterk, maar werk perfect.,,,.,: pers, de overdracht, de aandacht trekken van een perfecte lijn.,,,,,, en nu doen we de maatregelen 7, "de omschrijving" om te voorkomen dat het tijd op Naar de volgende.Het creëren van een nieuwe groep genaamd 'inspiratie'.Na herhaalde de titel en een beschrijving van de groep "beschreven laag", en breng ze naar de "wordt geïnspireerd door de" groep.Bewerken laag en gekopieerd.Hier is mijn voorbeeld:,,,,, ga nu naar "koppen" groep "voorbeeld" groep vinden.Herhaaldelijk op de hele groep, CMD + J, en het te verplaatsen naar de "inspiratie" - groep.Zullen we de voorbeelden van de top en sommige gebruikers verhaal inspireerde ons Bezoekers ondernemen.,,,,,, groep genaamd "verhaal" en de groene richting uit.Bovendien, je moet de wijziging van de tekst van de kleur grijs,�e0e0e, dus op een witte achtergrond.Met een ander beeld vormen, met grijs,򢰪 de status en de positie van mensen, die meer betrekking heeft op die persoon.,,,,,, het creëren van een tekst heen, 300x160px gebruik van horizontale aard, omvang en instrumenten (T), zijn voorbeelden van geschreven logboek.Ik gebruik, PT serif (cursief) omvang van 16px, donkere grijze kleur gebruik, voor de򢰪.,,,,, en nu herhalen "verhaal" twee keer het hoofd van groep veranderen, en de naam en beschrijving.Het niveau van de kloof tussen de twee groepen om gelijke afstand en zet de lijn na al deze groepen als we gebruikt.,,,,, salaristrap 8, nu, we doen inspiratie "- groep, laten we verder gaan met ons van die pagina 's van de laatste paragraaf.Tot slot roept op tot actie (voor meer details) zal aanmoedigen om de bezoekers register door het invoeren van een e - mailadres.,, het creëren van een nieuwe naam voor de "e" - een groep op het vinden van een titel laag, en een kopie van het geraakt, CMD + J, en het te verplaatsen naar de nieuw opgerichte groep.Wijziging van de titel is bemoedigend en van links naar rechts, 100px, onder de lijn consequent.,,,,, geweldig.Nu de nieuwe kleur grijs,&#f5f5f5, kies, rechthoekig instrument (u), op het gebied van de elektronische post een lijst op te stellen.Het is zeer voor onze belangrijkste als oproep tot actie (TCL), druk op de knop, hoewel de breedte is niet belangrijk.In mijn geval, 430x60px,.En dan, van horizontale aard - instrument (T), en schrijf 'in uw e - mail "of iets dergelijks, moet een donkere kleur is makkelijk te lezen.,,,,, en nu naar de" groep in de beschrijving van het panel "," CTA "groep vinden.Een kopie van het geraakt, CMD + J, en breng het naar de "e" - groep.E - gebied en de knop naast de dollar centrum.,,,,,,, 80% van mening te verkleinen. 9 stap, het einde is nabij.Laten we alle teams tot een minimum te beperken, en open de staart "- groep.Het vooruitzicht van een kleur grijs,d2d2d, en het gebruik van instrumenten (e), in vierkante of rechthoekige 230px geschilderd,,,, de breedte van de hoogte van de rechthoek,.Dit is de achtergrond van ons een onderscheid te maken tussen de inhoud van de regio 's en de contrast.,,,,, naar de "ins" groep, een laag, herhaal het geraakt, CMD + J, en het te verplaatsen naar "een groep.Veranderen van kleur met witte,&#ffffff, en bewegen, 50px, een rechthoekige rand.,,,,, en ten slotte nam, van horizontale aard - instrument (T), en heeft een link, kunnen de gebruikers nuttig zou vinden.Om ervoor te zorgen dat de banden van je groep, zodat ze gemakkelijk kunnen worden verbonden.In mijn geval gebruik ik geen pro, bron van (semi - vet gedrukt) 16px, titel en groepen van verbonden, PT serif (periodieke) onderdeel van de koppeling titel.,,,,, gefeliciteerd.,,,,,!We doen een ontwerp voor de herziening van de laag, dus nu, schrapping van onnodige en geef het aan de ontwikkeling van personeel, de code nog beter, het zelf.Ik heb gesproken met een aantal fundamentele technologie, en blijk gegeven van mijn werk, ontwerp - lay - out, ik hoop dat je iets geleerd hebt en ik ben benieuwd naar uw feedback, kijk eens naar deze handleiding voor resultaten.Aanvullende middelen,,,, als je een nieuwe pagina 's van de aanvoer van ontwerp, we willen wat training, laat je je snelheid, fundamentele kennis:,, die pagina' s van het beginsel van de openbare opdracht - begeleiding: TUTS + cursussen voor beginners purdila door de ADI, de richtsnoeren voor de omzetting van De 伊恩耶茨, succes, en het ontwerp van de aanvoer, blz. Kleine Whittaker,,,, als je met je pagina 's ontwerpen om hulp van belang, wat in de studio van veel van die pagina' s Design & de ontwikkeling van diensten, misschien wil je onderzoeken.Je kan ook op de website van de thema 's, wat slapen.