Het creëren van een professionele lay - 2

tot gespecialiseerde web - 2 indeling,,,,,,, in deze "les zal leren hoe te komen tot een web - 2 indeling, we na de training gaat zo veel technieken met photoshop.Lijkt een beetje lang?Dit is want het is erg gedetailleerd.Ik zal ervoor zorgen dat je makkelijk gevonden, en voltooid, maar probeer het eens!,,,, stap 1, moeten we alles op een generatie - systeem (kunnen downloaden) zodra het dossier "960_grid_24_col. PSD", zullen we beginnen met het creëren van achtergrond lagen, in de laag klik van de muis, dan kiezen "achtergrond" lagen en achtergrond.En noemen het "BG".,, richtsnoeren voor het gebruik van stap 2, we zullen zo veel, we moeten onze heerser.Met het oog op de schaal van mening doen naar>.,, drie stappen, moeten we het hoofd van de vaststelling van de grens regio 's onder, dus we zullen een nieuwe horizontale richtsnoeren in 100px.Naar de nieuwe richtsnoeren, de positie van stap 4: 100.,, laten we die titel.Ten eerste moeten we het creëren van een selectie van 1020x100px.En dan de shift + backspace te vullen (en nu elke kleur).,, het volgen de:,, nu er een helling van het laag: "header_bg".,, stap 5, gebruik te maken van deze instellingen, schrijf je de titel van de website:,,, het lettertype familie Rockwell (hier: het), lettergrootte, lettertype: gewicht: 30px, conventionele, anti - aliasing geregeld: glad,, de kleur, de: het maakt niet uit, want we gaan het geven van een geleidelijke superpositie, nu, voor je met de tekst die het gebruik van de volgende instellingen toe te voegen: aanpassing van de website, en je de titel van de achtergrond; kies je de titel "en" laag header_bg, en daarna de verticale geconcentreerd, stap 6, het gebruik van deze instellingen de tekst toegevoegd:,, de navigatie, het lettertype Arial Font omvang:,,,,,, 20px, lettertype gewicht: regelmatig, mieren.I-aliasing geregeld: glad, kleur:&#ffffff,, het creëren van een vierkant met afgeronde hoeken, vertegenwoordigt een die banden.Het is 65x35px afmetingen (straal moet worden aangebracht, in een kleur nu).,, geef het een beroerte en een geleidelijke overgang die, volgens de volgende foto 's:,, als we naar de volgende stap, is ervoor te zorgen dat je laag van goed georganiseerde, hier is wat ik ben.Stap in, 7, het creëren van een ontwerp van de kenmerken op het gebied van de tijd.We beginnen onze grenzen na de 430px onder toevoeging van een nieuwe horizontale richtsnoeren, en het creëren van een keuze voor 1020x430px kenmerken van de regionale context.En dan met een kleur die het, geef het dan door een geleidelijk in de volgende instellingen:, laten we nu tot de resultaten van de glazuur.Het creëren van een keuze die elke kleur 1020x120px,.,, en de toevoeging van een geleidelijke stapelen.Het gebruik van de volgende foto 's voor de verwijzing, nu de laag van de verlaging van 40% niet voor transparantie, 8, laten we nog wat aan.Doos met afzonderlijke instrumenten voor het creëren van een 1 - pixel selectie en aanpassing als volgt:,, wordt de omgeving voor de&#acd86e daarna shift + backspace om het te vullen; ervoor te zorgen dat het gebruik van foreground voor vol opties.,, ik beloof je dat je er perfect pixel details hebben we informatie - elementen.Dus geef ze goede naam en de organisatie van hun, en ze samen.Met twee nieuwe richtsnoeren, in overeenstemming met de volgende beelden van deze instellingen een woord van welkom:,,, lettertype familie: Rockwell, lettergrootte, lettertype: gewicht: 30px, conventionele, anti - aliasing geregeld: een scherpe, kleur, f4f4f4: #, die ik persoonlijk geschreven: "dit is van ons. Een nieuwe baan.Oh, welkom! "Maar moeten we benadrukken dat de "welkom!"Op de een of andere manier.Dus we geven het een geleidelijke verandering aangebracht.Nu volgen, met twee nieuwe niveau, op basis van de richtsnoeren van de volgende foto 's, een stap die, voordat we afscheid nemen, maar moet het organiseren van uw tekst laag.,, 10 stappen, beginnen met het creëren van een keuze 250x150px (vullen elke kleur), dit is ons beeld van de houder, dat deze laag. "Pic_holder" op het zoveel mogelijk als de foto' s, en geeft het een beroerte, laten we nog een belangrijke ontwerp - beeld, dat naar keuze waar een tekstbestand>."Foto 's", noemt het laag en om ervoor te zorgen dat het laag "pic_holder" klik "foto' s"), en de mogelijkheid om een masker, stap 11, het creëren van onze schaduwrapporteur, beginnen we met het kopiëren van de twee lagen "en de" en "pic_holder",,, zijn er twee. Een laag gekozen, Edit> de vrijheid voor de transformatie, aanpassing van de hoogte: 100%, hoewel wij nog steeds in hun keuze van de twee lagen en selecteer "in een slimme object; deze laag" de schaduw. "En om ervoor te zorgen dat het in de bodem geplaatst, en de keuze van de "schaduwen" laag en daarna aan de laag masker (op de bodem van het panel, met laag) keuze van instrumenten (g) en met een zwarte, witte lineaire gradiënt van de naar beneden naar de top!,,, een 12 - stappen, moeten we nog een beschrijving van ons imago.Dus we moeten een keuze maken 240x25px, gevuld met kleur:a1919, dit zal als een beschrijving van de achtergrond van deze cijfers is, schrijf een beschrijving:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 15 pixels,,,: conventionele, anti - aliasing geregeld: geen,, kleur:Raa48, om ervoor te zorgen dat je papieren in.,, 13 stappen, een kopie van de kenmerken van het ontwerp en de beelden worden afgestemd op de juiste. En we zullen het beeld van een centrum, dus kies 340x200px, aanpassing van het volgende, willekeurige kleur.,, en we geven het een beroerte.Het gebruik van de volgende foto 's voor de verwijzing, hier is wat we hebben.Om ervoor te zorgen dat de organisatie van je laag en zal ze samen.Mijn man heeft drie onafhankelijke organisaties.De volgende stap is kijken hoe ze, 14, we creëren we glijden knop.Ten eerste moeten we het creëren van een onvolledige 50x50px onvolledige marquee instrument (m), met een kleur die het.,, nu het volgende beeld op, een laag styles, met aangepaste vorm - instrument (e) het creëren van een pijl, het volgende laag stijl, je moet iets hebben dat niet vergeten. Laat je Knopen op basis van het volgende beeld, zodat een kopie, pijl, 15 stappen we op het gebied van de inhoud van werk.In de eerste plaats het creëren van een keuze, 1020x815px, klik shift + backspace in kleur kiezen:&#e8e8e8, met de rij marquee instrument (m) het creëren van een 1 - pixel keuze, alsof het het volgende beeld, en vullen met witte (# ffffff).,, nu heb je de perfecte pixel van details.Stap in, in 16, moeten we op onze grenzen aan de inhoud van de regio 's.Dus, we moeten een nieuwe horizontale richtsnoeren, is na deze icoon. Gedownload van: de fundamentele vaststelling pixel mixer en lokale als volgt.In de bodem sleept, iconen, een nieuwe horizontale richtsnoeren uit 20px sleurt een. Nu een titel, die schreef:,, het lettertype,: Rockwell, lettergrootte, lettertype: gewicht: 29px, conventionele, anti - gekarteld, scherp, kleur,Qaa48, slepen: andere: volgens een van de volgende twee leiden, Foto 's, een tekst te schrijven, door deze instellingen:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 15 pixels,,,: regelmatig, aa): geen,,, kleur:f3235, trekken de drie richtsnoeren, overeenkomstig de volgende stappen van het beeld, van 17. Tijd om onze "lezen" knop.Met een vierkant met afgeronde hoeken instrument (e) het creëren van een rechthoek met een straal van 100x30px aangebracht.En het is nu gevuld met een kleur.Verwijzing naar het volgende beeld.,, met onvolledige instrumenten (u). 15x15px onvolledige in kleur waarde:d4d4d, zodat het de juiste keuze van de laag en laag en daarna verticaal rechthoekig aanpassing lagen geselecteerd.,, type "+", vul het met witte (# ffffff) en plaats deze, lezen, schrijven en meer de volgende kenmerken ":,,, lettertype familie: nummer (vanaf hier wordt het), lettergrootte, lettertype: gewicht: 12px, conventionele, aa): geen,,, kleur:&#ffffff, en geeft het een schaduw.Het gebruik van de volgende stappen van de foto 's als referentie, 18, het creëren van een verticale lijn met de lijn tussen instrumenten (Verenigde Staten), het creëren van twee verticale lijn een.Gevuld met deze waarden:&#ffffff -&#b3b3b3.Aanpassing van de lijn, je, zoals in het volgende beeld, niet vergeten om je laag.Kijk ik.,, 19, stappen, zodat we in twee stappen voor een drie kopieën.En er is iets dergelijks.,, 20 stappen, we creëren een nieuwe horizontale deling laat leiden, is met onvolledige marquee instrument (m) het creëren van een selectie van net onder het een.,, een nieuwe kleur zwart (# 000000) en daarna op de shift + backspace vullen je keuze.Deze lagen "separator_bg".,, het ziet er erg vaag, naar de filter> Fuzzy> enorme Fuzzy straal: 3px.,, kies "separator_bg") te kiezen, het creëren van een als volgt te schrappen, en daarna, klik nog laag masker icoon.En je was zwart, wit, zwart, met behulp van de gradiënt van instrumenten (g), volgens de volgende beelden lineaire gradiënt verzet.,, vermindering van 50% van de opaciteit van de laag, met een rechte lijn, instrumenten (e) het creëren van twee horizontale lijnen in elkaar, ze recht op afscheiding, en meer dan&#b3b3b3 -&#ffffff vullen ze nog dezelfde laag masker geven.,, 21 stap, dan kunnen we beginnen met de inhoud van de minder ontwikkelde regio 's door met de nieuwe richtsnoeren, is de toevoeging van deze tekens die titel:,,, lettertype familie: Rockwell, grootte, gewicht, 30px, lettertype, conventionele, anti - aliasing: instellingen: glad, kleur:Qaa48, met twee nieuwe horizontale, op basis van de richtsnoeren van deze tekst wordt de tekst.,,,,, de letters:Ariel, de omvang, het lettertype,:: 14,,,., Anti-aliasing: regelmatig, gewicht, kleur: geen,,.,,, #505150, trek: een nieuwe Guide na 160px als een lagere grens voor de inhoud, stap 22.,,. Een andere titel en tekst met behulp van de instellingen we've gebruikt in hetzelfde karakter de vorige step.,, type A Quotation mark op je toetsenbord, met deze karakter settings:,,,.,.: Ariel, familie, de omvang, het lettertype: 200px, het gewicht, de voorgestelde Anti-aliasing:,,.,: glad, kleur, en: #505150, en op de layer's, Opacity tot 50%, schrijven. Een woord van mij met deze wijze van karakter of waarom settings:,,,.,.: Ariel, familie, de omvang, het lettertype gewicht: 14, en: Italic, Anti-aliasing vaststellen: glad,,,,,,, #81aa48 kleur, stap in, 23, Om te separating create a verticale lijn, de spreuk CreatNaast de twee verticale lijn, gevuld met deze waarden:&#ffffff -&#b3b3b3.,, om ervoor te zorgen dat de organisatie van de laag van je, dit is hoe ik de organisatie van hun, 24., en een ander onderwerp is de linker (proberen te schrijven een team, als ik al schreef "ons" het gebruik van rechthoekige instrument).,, (e) het creëren van een vulling van een 90px*90px rechthoekig van vorm en kleur.Deze lagen "photo1_holder", dat als een lid van het team van de foto.Geef het een beroerte.Verwijzing naar het volgende beeld, van de leden plaats. En foto 's en noemen het "foto' s".Dat is de "laag" foto 's "photo1_holder" laag.En klik op "foto 's" laag, kiezen voor het creëren van een masker.Je moet iets als de volgende.25, lid, stap, een tekst te schrijven, het gebruik van deze tekenset:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 14,,,: regelmatig, aa): glad,,, de kleur, de:ba344, zullen we zelf creëren een sociale media icoon.Laten we beginnen met de vaststelling van deze tekens op Twitter, type 't:,,, lettertype familie: huid zwart (vanaf hier wordt het), lettergrootte, lettertype: gewicht: 30px, conventionele, anti - aliasing geregeld: glad,, de kleur, de: #, dan op grond van de 2fcfff, aan een beroerte,., laten we een linkedin.- "in" de tekenset woorden:,,, lettertype familie: Myriad pro (vanaf hier wordt het), lettergrootte, lettertype: 30px, moedige, gewicht: aa): glad, kleur:Qac, Facebook.De "f"? - de letter en de tekenset:,,, lettertype familie: klavika (vanaf hier wordt het), lettergrootte, lettertype: 30px, moedige, gewicht: aa): glad, kleur,񠨔:,,, 26 stap, het creëren van een kopie van de foto 's van de leden.Foto 's van laag voor laag, de nieuwe aanpassing.>> zwart en wit, om ervoor te zorgen dat de "voor gebruik van een laag om je masker", in dezelfde tekst van de brief, de sociale media die wij hebben opgesteld in dezelfde tekens, maar geef ze dit alles,&#kleur: 505150 die duidelijk, leden. Grey, als het niet op!Een kopie van de 2 en de aanpassing, om ervoor te zorgen dat deze aanpassing, die in vier afzonderlijke groepen met elk van de inhoud van een lid, en op de verspreiding van links in de controle in de BAR, terwijl vier groepen kiezen.Stap in, 27, we beginnen op het gebied van sociale media voor het werk, we moeten een grens, en dat is de reden waarom we de beelden die volgens een van de volgende twee nieuwe richtsnoeren.Het creëren van een kiesdistrict, ongeveer 940x70px en aanpassing, zoals hieronder, vult elke kleur, en het geven van een geleidelijke verandering aangebracht.Verwijzing naar het volgende beeld, het creëren van een rechthoek, 70x45px.Het gebruik van de volgende aanpassing van het beeld, en gaf ze een laag stijl.Het laag ", tw_bg" verborgen "tw_bg" vrij om te werken, het creëren van een rechthoekig 10x43px>> vervalsen veranderen, naar de redacteur van de weg.De aanpassing van deze opties in de hendel:,,, X, Y,:,: 30px, 1253px, V: 39, dat deze laag "- effect", de "tw_bg" zichtbaar.,, - laag. Laag en plakken van "tw_bg" laag "- effect", dat schrijven. "T" brieven en deze tekenset:,,, lettertype familie: huid zwart, lettergrootte, lettertype: gewicht: 35px, conventionele, anti - aliasing geregeld: glad, de kleur, de: niet van belang, omdat wij met het toevoegen van een geleidelijke, maar ook aan het stapelen, op grond van het beeld van een laag, stijl, stappen. 28. Herhaal de stappen van het creëren van een ander scheidingsteken 20 of gekopieerd.Zet hem dan op de weg: we hebben een deel van rechts, nou!??????? Dat doen, de keuze van de tw_bg "laag op laag masker, toe te voegen, in het juiste deel (vermindering van de rechthoek, moeten we) wordt de nieuwe kleur zwart (# 000000) en daarna op de shift + backspace vullen.,, 29 stappen, een tekst te schrijven in feite, dit moet een met deze tekenset tweet:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 15 pixels,,,: regelmatig, aa): glad,,, de kleur, de:𶐎, aanpassing van de tekst, waarvan de tekst is laag en De keuze van de groene lijn lagen, klik op de aanpassing van de verticale centra, herhaal de stappen, stappen 30, 27 in de volgende beelden creëren.Ook het creëren van een rechthoek met񑯞 invullen en vermindering van 40% van de opaciteit van de laag, laag, voor de grote rechthoekige een stijl volgens de volgende foto 's, nu geneigd rechthoekige, gevuld met de waarde van de&#donkerder kleur: 2a6788, schrijven,' t is met deze tekens:,, Het lettertype. Familie: huid zwart, lettergrootte, lettertype: gewicht: 35px, conventionele, anti - aliasing geregeld: glad,, de kleur, de:fcfff, en het geven van een beroerte.Verwijzing naar het volgende beeld, om ervoor te zorgen dat de organisatie van de laag en je groep samen.,, 31, een kopie van de Twitter icoon van kleur veranderd die (grote rechthoekige):Pab, vol gestoorde rechthoekige deze kleur waarde:Ȏd.,, "is het woord": deze karakters schreef,,, het woord familie: talloze pro, lettergrootte, lettertype: 35px, moedige, gewicht: aa): glad, witte kleur:, (# ffffff), en het creëren van Twitter of een derde linkedin icoon te kopiëren, veranderen van kleur aangebracht (grote rechthoekige):񠨔, gevuld met kleur waarde: geneigd dit&#rechthoekige 263e6f.,, 'f "brieven en deze tekenset:,,, lettertype familie: klavika, lettergrootte, de letters: 35px, moedige, anti - aliasin gewicht:G vaststelling: glad, witte kleur:, (# ffffff), laatste keer, kopiëren, veranderen van kleur aangebracht (grote rechthoekige):&#e8e8e8, vol gestoorde rechthoekige deze kleur waarde:&#cdcdcd sonnet schrijven.,, "fr" tekenset:,,, deze familie frutiger letters: zwarte (het vanaf hier overnemen, lettergrootte, lettertype: 35px, moedige, gewicht: aa): glad,, de kleur, de: F:# 0079d2 R:# ff3093, uit elke icoon in een aparte groep, en de keuze van de verdeling van de vier klik links.,, 32, laat het gaan.Alleen de staart.Het creëren van een keuze 1020x460px en het vullen van een kleur, die het de gradiënt van toepassing.,.De volgende foto 's als referentie gebruikt, moet je een goede schaduw!,, en rij de marquee instrument (m) het creëren van een 1 - pixel keuze en die witte (# ffffff).,, 33 stappen, zullen twee nieuwe horizontale richtsnoeren in overeenstemming met de in het schrijven van dit, is de titel:,,, lettertype, lettergrootte: Rockwell,,,: 30, Het gewicht, het lettertype.: regelmatig, anti - gekarteld, Sharp, kleur:ea547, deze woorden geschreven, wordt de titel:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 15px,,,: regelmatig, aa): geen,,, kleur:&#d3d3d3, om met een rechte lijn van instrumenten (e) het creëren van een horizontale lijn in elkaar, en het gebruik van deze kleurstoffen:&#waarde 151515 #, zodat op deze manier 2f2f2f.,.,, 34, stap, sleep twee nieuwe horizontale richtsnoeren in het kader van de volgende ronde van de,, en het beeld.Hoek van instrumenten (e) het creëren van een rechthoek 210x25px - straal aangebracht: #, vullen 141313 en geef ze een schaduw.,, een tekst te schrijven in deze twee rechthoekige tekenset:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 15 pixels, normale,,,,, - gekarteld,: geen,, kleur:ea547, het creëren van een rechthoek, zoals hierboven, maar deze keer is het de hoogte: om het te weten.Ook een paar woorden schrijven binnen, boven de van dezelfde aard opgezet, zodat we op stap in een kopie van de 17 de knop.En aanpassing van de maatregelen, zoals in het volgende beeld, 35, schrijf een andere titel, zoals links, een tekst te schrijven.Gebruik de volgende foto 's, je doet de twee kopieën, 36, één derde titel en tekst in het juiste deel, nu je voeten moeten er zo uitziet.Een nieuwe horizontale richtsnoeren, is na de oprichting van de horizontale lijn, boven op elkaar, en het gebruik van deze kleurstoffen waarde:𬘺f2f2f.,, die een juridische tekst tekenset:,,,.,, het lettertype familie: het gewicht van de lettergrootte, lettertype: 15: vaste periode pixels,,,, - gekarteld,: geen,, witte kleur: (# ffffff) -Raa48,, met hetzelfde karakter wordt het schrijven een navigatie. Om ervoor te zorgen dat de organisatie, uw lagen en groepen samen.Dit is mijn uiterlijk.CONCLUSIE, we hebben het!We hebben een netwerk van professionele 2 indeling.Zoals je kunt zien, is er door het gebruik van technologie is heel eenvoudig.Maar ze heeft zeer goede resultaten, ik probeerde uit te leggen dat alles is zeer voorzichtig.Maar als je vragen hebt, aarzel dan niet om hulp, geef het op, opmerkingen, ik zal doen wat ik kan om te helpen.
























































































































































Previous:
Next Page: