Ontwerp - programma in Adobe photoshop

ontwerp van schone communautaire blog thema 's in Adobe photoshop,,,,,,, in deze handleiding zal je leren hoe eenvoudig schoon Gemeenschap blog betreft, de technologie voor het ontwerpen van rechtstreeks kan creëren in Adobe photoshop een schoon Gemeenschap blog betreft.In deze handleiding over bepaalde technieken waarbij gebruik wordt gemaakt van de juiste afstand, lettertype, de kleur en de visie van niveau - in een succesvolle architect, een van de fundamentele instrumenten in de gereedschapskist.Oké, laten we beginnen.,,,, met betrekking tot het ontwerp, vandaag zien we Alex PESCA "Publikatieblad" revolutie betreft wordpress ontwerp.De volledige versie van de code themeforest een wordpress blog betreft, de revolutionaire Magazine is schoon, moderne, geavanceerde wordpress magazine, ook kan worden beschouwd als een communautaire blog, persoonlijke blog, of wil je het gebruiken.Als je zoekt naar de oude vonk in je blog een populaire tijdschriften, je hebt het gevonden, dit alles vanaf het ontwerp, en Alex zal lopen we door hoe hij bij de opzet van het project.Dit is slechts een handleiding, hij kan niet in de thema 's code, maar onthoud, je kan naar de revolutie in de thema' s themeforest zag een levend voorbeeld van.Maar er is een groep van de grote thema 's van de code in de NETTUTS wordpress tut (zoals deze.We willen je graag het - laten we graven.,, stap 1, naar het dossier>> dan een nieuwe hoogte van ongeveer 2000px, de breedte en de resolutie van 1400px 72 DPI,.,, we moeten er ook voor zorgen dat onze leiders en richtsnoeren worden beschouwd.Dus, we gaan de figuranten /regels /eenheid (dus van onze doelstellingen en onze gids aanpassing).Naar de nieuwe richtsnoeren.In de volgende waarden "verticale" en het type inspectie, pers, na elke steek.We moeten die lijnen in de 220px, worden 250px, 380px, 420px, 830px, 860px, 880px, 1155px, en 1180px. Nu laten we vullen onze achtergrond met een kleur.Kies "achtergrond" klik ", en de keuze van de achtergrond laag", en het een naam geven.Nu, het gebruik van rechthoek het instrument (m), het creëren van een selectie van in de hele doek met d0d0d0 #.,, stap 2, creëren we een titel achtergrond.Het creëren van een nieuwe laag, en noemde het "hoofd", en dan pak je rechthoek het instrument (m) een keuze die je op het doek in hoge 175px volledig in de Top van het canvas, gevuld met een kleur.U heeft een dubbele laag, en klik op de helling die de helling van de bestaande ">> en het beeld van de kleur van de񝭞 rechts.In 60% van de&#links van kleur veranderen de kleur van 2d2d2d.,, nu blijven herhalen "hoofd" laag en mobiele die rechtstreeks onder het hoofd.Klik op "geleidelijk weer te laag of"> de bestaande beeld> en de kleur&#e0e0e0 rechts.50% van de in&#links van kleur veranderen de kleur van d0d0d0.,, klik nu op in de schaduw van "en van kleur veranderen&#eeeeee, transparantie van 100%, afstand 1 - pixel, 100% van de omvang van 0pxof stikken.Verandert de hoek van 90 graden, de ongecontroleerde "Verlichting" gebruiken we een andere hoek van het licht, het hele thema. En nu zijn we klaar voor de achtergrond van de website, laten we het logo.Het creëren van een nieuwe laag van de eerste richtsnoeren op ligned en ongeveer 30px, gebruik van horizontale aard - instrument (T), de naam van de plaats die de inbreng van je in je favoriete lettertype (dat de foto 's blijkt helvetica Neue LT - maar regelmatig helvetica of Arial werkt prima.In de volgende voorbeelden blijkt dat de laag, dit is je hoofd zo moeten zijn, en een website, stap 3, is geen navigatie -, en een goede.We creëren een navigatie, mengsels met onze huidige achtergrond in de titel, de navigatie, het creëren van een nieuwe laag, en noemt het de "verticale" rechthoek het instrument (m) en 115px 30px kiezen uit de doeken de bouw van een 960px breed, blijven onder de achtergrond en de keuze van ongeveer 20px vullen elke kleur.Kan je in de volgende laag nog een laag. Laag, je net gemaakt, nu wordt je net het creëren van een laag en worden omgedoopt tot "niveau gradiënt".In het kader van de wijziging van de laatste laag.,,,, het creëren van een 1 - pixel breed in de lijn 960px een nieuwe laag "verlichte" op de vorige twee lagen en vul het metd1d1d navigatie. Je moet nu lijkt op de volgende foto 's,., laten we nu proberen te doen, een gewoonte die "' link '- knop, zal staan in de banden van de rest.Het creëren van een nieuwe laag, en de keuze van de rechthoek instrument (e) van de 60px ongeveer 50px verticale, vol񬠜, de bodem van de vulling afgeronde randen keuze is de enige afgeronde top, het downloaden van het icoon, met photoshop openmaken, en de invoer van op uw bestaande canvas.De grootte van 18px door 17px en vul het met󴈿.Het in een laag van je ex, je hebt nu een stijlvolle familie banden.De volgende stap zal zijn toegenomen, navigatie - project naar onze navigatie.Pak je horizontale instrumenten (ton), die de volgende stijl, in het kader van het menu, type.In ons geval, de eerste is "documenten", "betreft steun voor de beschrijving en".De toevoeging van zoveel mogelijk projecten, wil je achter een gevuld met elk van de menu 's tussen 20px.,, sociale media icoon, voor de volgende stap, wat we nodig hebben is een icoon van sociale media.Zullen we beginnen met de sociale media gedownload van komodomedia icoon, door, dan is het een icoon van vier en ze (SHIFT + CTRL + E) zoals blijkt uit onderstaande tabel.,, gefeliciteerd.We hebben nu al de titel van de website.Laten we doorgaan naar de website van stap 4, nu het hele lichaam, hoofd, we blijven op onze website betreft, wij willen in de eerste plaats om een lichaam in tweeën, voor de inhoud en de andere kant.Het creëren van een nieuwe laag, bekend als de "betreft, de keuze van de instrumenten van een rechthoek (m) 640px breed te hoog (ongeveer van ten minste 1000px) onder de titel de achtergrond.Vol&#ffffff deze keuze.Nu is het creëren van een nieuwe laag, bekend als de "kant" en de keuze van de 320px breed "betreft de rechten van de laag en betreft zeer.Vul het met&#e6e6e6.,, de volgende stap, zullen we aan de kant van lichte schaduw aan de linkerkant in het creëren van een "streepje de illusie".Er lagen. Onder je "kant" laag.,, slider, het creëren van een nieuwe laag, het gebruik van rechthoek het instrument (m), in ons lichaam 360px opties een breed onder de 960px, navigatie en vul het met&#e6e6e6.Creëren van een laag, waardoor een van de rand rond de 25 pixels, in het verleden keuze, de keuze van een van de 312px 910px en vul het met&#ffffff.In de laag stijl, toevoeging van 1 - pixel&#in deze laag dddddd beroerte.,, voor de volgende stap, we moeten een beeld als een vervanging.Elk beeld zal dus vinden 580px [[beeld: 2005, door en zet het in een nieuwe laag, de renovatie van de container aangebracht hebben we net gedaan in elk opzicht.,, het creëren van een nieuwe laag, en noemde het "tab_hover".Pak rechthoek het instrument (m) en de keuze van de 41px rechtstreeks beeld van een 320px, witte container in blok in de rechterbovenhoek.Elke kleur vullen.Het gebruik van de veelhoek Lasso tool, klik 20px rechthoekige links, was in de CTRL sleutel en slepen op verticaal en diagonaal, totdat je bij de linkerbovenhoek van de rechthoek.Nog steeds op CTRL, naar beneden, totdat je de linker hoek van de laatste ontmoet, ga terug naar het begin.De keuze van de te vullen elke kleur, toe te voegen aan de hieronder aangegeven "tab_hover" laag stijl. En nu doen, met een 320px rechthoek het instrument (m) de keuze van de 92px onder het etiket, zet het in een nieuwe laag "tab_space" en noodzakelijk zijn voor de toepassing van de beschrijving van laag - beeld.,, laten we nu opnieuw tot etikettering van andere maatregelen, met een enigszins verschillende manier een onderscheid te maken tussen de "actieve" staat, uit andere delen van de wereld, en, ten slotte, de etikettering. We moeten een vergelijkbaar met dat alles klaar is.5 stappen, bellen.We zijn er bijna.In de meest moeilijke deel van de website, laten we verder gaan met ons lichaam.In deze fase zullen wij over de kern van de technologie, zoals afstand, laten we beginnen met de "nieuwe standpunten" van de afdeling.Laten we een keuze maken 210px rechthoek het instrument om de grens 615px (m), in een nieuwe laag bekend als de "grens", en dan nog een geleidelijke verandering in de kleur van de volgende beschrijving van het beeld van een.Als we klaar zijn, door het inbrengen van een 610px 200px figuur in de weg die in het kader van aangebracht.Het beeld is niet belangrijk, dus, nogmaals, je kan alles gebruiken dat als een vervanging.En, in voorkomend geval afstand is essentieel voor een succesvolle ontwerpen.Onze Gemeenschap blog betreft die tot uiting komt in de samenhang en de intensiteit van de afstand tussen de winst in overeenstemming zijn met de elementen van de ogen van de lezer gemakkelijk na te helpen - blz.Laten we kijken hoe we banen zullen zien, en een aantal richtsnoeren helpen!In het kader van een deel van zijn, verklaart.Het gebruik van horizontale aard - instrument (T), in de titel, de informatie en voor de vervanging van een uittreksel van metagegevens, je kan gebruik maken van het behoud van de tekst in die tijd het beeld) verwijst naar eerdere beelden van de afstand en de aanpassing van de hulp.Verwijst naar de tekst van beelden nodig.Zodra alle tekst toevoegen, een vierkant met afgeronde hoeken instrument (e) en wat de knop (ongeveer 120px door 32px), zodat zij na toevoeging van links, zoals aangegeven in onderstaande figuur stijl.Je moet nu een aantrekkelijke positie, kan je het opnieuw en opnieuw, totdat je tevreden te stellen.Stap 6, bijna, en is een essentieel onderdeel van elke Gemeenschap blog betreft, aan de kant!Om aan te tonen dat doel zullen wij het ontwerp van een algemene, kleine onderdelen - duidelijk dat dit niet mogelijk was, een speciaal ontworpen voor elk raam worden toegestaan, maar de meeste van deze creatieve sappen stromen, met het oog op het scheppen van meer.Voor dit deel, moeten we het gratis downloaden van grafische rivier icoon en de invoer van RSS 48x48px en Twitter 48x48px icoon aan ons project.Deze icoon positie 20px ver van de kant van links, om ervoor te zorgen dat zij de eerste verticaal op links, pak van horizontale aard - instrument (T) en een willekeurig aantal soorten gebruikers en het gebruik van Georgië en de aanhangers van het lettertype, de "gebruiker" en de "Times New Roman in het volgende beeld zijn beschreven, en hoe simpel. De reclame?NatuurlijkRechthoek het instrument (m) en 410px kiezen voor een 280, met witte, en voor het&#dddddd een beroerte.Pak een paar thema 's voor reclame in de bossen van nieuwe vaartuigen vullen elkaar blijven, 9-10px (afhankelijk van de grens tussen elke reclame of tussen) en, tot slot, het horizontale instrument snel tekst instrument (T) met gebruikmaking van de volgende beelden geven, stijl, rechthoek het instrument (m), die 225px 280 van de container.En&#eeeeee vult het, geef het een&#dbdbdb beroerte.De nieuwe laag, zodat een etikettering met betrekking tot 37px 84px in de linkerbovenhoek van containers, laat 4px die aan elke kant, en dan met een laag in een 270px kiezen door 180px met witte, het creëren van een rechthoekige plakken in de linker bovenste rechthoekige.Geef het&#e0e0e0 een beroerte.De voltooiing van twee andere etiketten, waardoor 4px die aan beide zijden van de tijd.Vul de Times New Roman 12px krachtige tekst.Drie kogels door de vol&#bbbbbb om een 3px, oprichting van een zo groot mogelijk aantal projecten, en je zal het leuk vinden. En, dit is het instrument dat ons in de rest van de website.Stap in, 7, nu we langzaam om van deze website inpakken...Denk je dat, op de voet.Laten we er voor het creëren van een snelle achtergrond voor onze voeten.Pak rechthoek het instrument (m), de oprichting van een 510px 960px brede keuze in een nieuwe laag op de achtergrond, rechtstreeks betreft.# 2d2d2d met deze keuze. Dit zal als we in kolom 4 meter.Rechtstreeks in dit blok van kleur, van 60px kiezen end1d1d 960px breed het in te vullen, en zet het op een nieuwe laag.Dit zal als een deel van de "auteursrechten" en een eenvoudige en doeltreffende methoden om aan het einde van de pagina,., op onze website, zullen we in de kolom 4 meter en een breedte van elk van de 200px tussen elk van de 25 pixels op de rand van de afgrond.We zullen ook overeenstemming tussen de pixels in onze weg 25 meter, dan zullen we elke kolom.Vooruit, pak de horizontale instrumenten (ton) en het begin van de post voor elke kolom, gebruik dan de volgende beschrijving van de foto 's in de stijl.Laat 20px wordt de volgende titel, een korte lijst van lid of een eenvoudige "een pixel een pixel segmentering van de projecten," punt verdeeld.,, conclusies, gefeliciteerd, je bent net een ontwerp van een schoon, in Adobe photoshop communautaire blog betreft.Wil je al wat trucs geleerd en de vaardigheden, het ontwerp van bepaalde aspecten van de georganiseerde website schoon, en zal in de toekomst in de projecten van deze vaardigheden gebruiken.Is dit slechts een handleiding, ik ben nog niet in op alle thema 's code, maar kunt u controleren van de revolutie in de themeforest thema dat een levend voorbeeld van, ik wens je veel geluk, bedankt voor het lezen.),


Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design
Revolution Magazine WordPress Theme Design



Previous:
Next Page: