, hvordan man laver en kreativ blog layout,,,, i denne forelæsning, får vi en kreativ blog layout hovedsagelig at anvende enkle former, et par børste teknikker, nogle billeder, og en dosis på photoshop opfindsomhed.at skabe web - design, layout er lettere, end du tror.du kan lære at skabe attraktive design, hurtigt.at skabe denne konstruktion vil være mindre end to timer, og du vil lære nogle professionelle råd med på vejen.lad os komme i gang!,,,, endelige billede forpremiere, se på det billede, som vi vil skabe.det endelige billede er under, eller du kan betragte en fuld størrelse billede her.,, tutor detaljer,,,, - program: adobe photoshop, cs4, vanskeligheder:, mellemprodukter, forventet produktionstid: 1, 5 timer,,,, ressourcer, at afslutte denne forelæsning, du har brug for at downloade 960 net system.lad os begynde.,, trin 1, åbne "960_grid_12_col. psd" model i photoshop.det vil se ud, som om det image, som vist nedenfor.nettet er nyttig, fordi den giver dem mulighed for at tilpasse udformningen hurtigt.,,, trin 2, udvælge baggrund lag og presse command + j. dette er en genvej til at kopiere en lag.ved hjælp af genveje vil fremskynde deres design.for denne nye lag vil vi tilføje en fin hældning farve.gå nu til lag > lag stil > gradient - overlay - og anvende følgende indstillinger.,,,, trin 3, gem dig nettet for at se designet bedre.hold jeres mål synlige, fordi du kan bringe form.vælg afrundet rektangel redskab, og skabe en form for toppen af layout.,,, trin 4, for denne sejlads bar tilføje følgende lag styles.,,,,,, løntrin 5, med samme instrument (afrundet rektangel værktøj), skaber en anden form og fylder den med den farve:֐.,,, trin 6, tilføjes følgende lag stil i denne form.,,, trin 7, skaber en anden form med afrundede rektangel værktøj med hvid farve.,,, trin 8, også til denne form tilføje et enkelt lag styles og ændre fylde værdi til 10%.,,, nedenfor, er resultatet så langt.,,, trin 9, i denne sidste form et billede.jeg har brug for nogle billeder fra en manuduktion, jeg har gjort for grafpedia, der fungerer som et godt billede eksempler for denne konstruktion.du skal bruge dine egne billeder, men naturligvis.,,, trin 10, nu har du brug for at lade valget til dette billede.at lade udvælgelse, udvælge lag på lag palet, og derefter udvælge > belastning.vil du se en udvælgelse på billede, som i det følgende billede.,,, trin 11, skaber et nyt lag oven på alle niveauer ved hjælp af denne genvej: command + forskydning + alat + n. vælg børste redskab, og vælge en gnidningsløs rund børste.i de nye lag drage en vandret linje.har skiftet centrale, når du laver en tegning.på denne måde tegningen bliver perfekt vandret.,,, trin 12, tryk command + d til deseiect.nu bruger de afrundede rektangel værktøj til at skabe en form for farveb6e82.,,, trin 13, både med hensyn til form tilføje følgende lag styles.,,,, punkt 14, tag den ellipse, værktøj og skabe en form i henhold til aftale form.,,, trin 15, gå til filter > sløret > gaussisk slør og anvende følgende indstillinger.photoshop vil spørge dig, om du vil rasterize form, bare tryk -, trin 16, som du kan se fra det foregående trin, vi har skabt en skygge.lad os nu forstærke denne skygge ved at tilføje nogle lys.vælg den linje, værktøj, og vægten af den linje, at 1 pixel og skabe en lodret linje, som vist.,,, skridt 17, klik på lag og vælge rasterize lag.,,, gå 18, udvælge viskelæder redskab, og vælge en glat, rund børste på ca. 100px.brug det til at slette den øverste del og den nederste del af linjen.,,, skridt 19, med samme teknik skaber en ny linje øverst på den konference.,,, gå 20, lige under det hvide linje, skabe en, der er sort.,,, gå 21, i midten de skaber en anden form med layout afrundet rektangel værktøj.,,, skridt 22, skabe nogle former for rektanglets værktøj.i løbet af disse profiler vil vi tilføje nogle billeder senere.,,, gå 23, tilsættes samme lag styles for alle disse tre former.,,, skridt 24, nu er det tid til at tilføje de billeder, de hvide skikkelser.også tilføje nogle tekst med horisontale type redskab på den rigtige side.,,, gå 25, skabe en stiplede linje mellem stillinger med horisontale type redskab.,,, gå 26, skabe en tre former og placere dem under post metadata tekst.,,, skridt 27, over den aftale skaber efter en æske med afrundede rektangel værktøj.på samme tid, kan du se, at jeg har sat en tekst om sejlads bar.,,, skridt 28, vær venlig at tilføje følgende lag styles for denne søgning kasse.,,,, skridt. 29, nu bruge de afrundede rektangel værktøj til at skabe en form.denne form for den tidligere form.også tilføje et symbol på den rigtige side.,,, gå 30, lige over foredrag skabe en hvid form.,,, skridt 31, tilføje følgende lag former for denne form.,,,,, trin 32, lige ned kommando central og med pennen værktøj valgte presse på kanten af den form, to gange.anker punkt vil være aktiv, og vi vil være i stand til at ændre de ud af formen.,,, skridt 33 med kommando central stadig presset vælge følgende anker.,,, skridt 34, har skiftet nøgle og trykke på én gang om din pil nøgle fra dit tastatur.anker punkt vil gå ned, og du vil have følgende resultat.,,, skridt 35, anvendes den ellipse værktøj til at skabe en cirkel.,,, trin 36, klik på lag og vælge rasterize lag.med rektangulært markise værktøj, foretage en udvælgelse, som vist nedenfor.,,, skridt 37, være sikker på, at du har lag med dette lille cirkel, udvalgt og tryk så slette nøgle.trække det lag over baggrunden lag på lag palet.det er min resultat hidtil.,,, går 38, nu kan vi tilføje to knapper, således at de lokaliteter, brugerne til at ændre foredrag image.du bliver nødt til at bruge de afrundede rektangel værktøj til at skabe den form, og så kan du bruge den skik form værktøj til at tilføje de pile.,,, skridt 39, i tager skabe nogle hvide skikkelser som vist nedenfor.,,, gå 40, for alle disse hvide skikkelser tilføj samme lag styles.,,,, skridt 41, tilføje nogle bannere i samråd.også tilføje nogle sociale bookmarking ikoner på toppen af anlægget design.der er mange frie ikoner til rådighed over internettet til at vælge fra.,,, skridt 42, nu tilføje nogle tekst med de horisontale type redskab på bunden af samråd.også tilføje minus tegn mellem teksten ved hjælp af de horisontale type redskab til at skabe for horisontale regler.,,, gå 43, lad os tilføje andre oplysninger om sejlads bar.brug den linje, værktøj til at skabe to små budgetposter.zoom ind i billedet, så du kan se, hvad du laver.,,, skridt 44, udtage begge lag inde i din lag palet.at udtage begge lag, du skal holde kommando central ved udvælgelsen af både lag.efter du har stil udvalgte presse kommando + e at fusionere de lag til et enkelt.vælg et viskelæder værktøj til at slette den øverste del og den nederste del af linjer.bemærk venligst, at du har brug for en blød og rund børste med en størrelse på 20 pixels.,,, skridt 45, ændre blanding tilstand i dette lag bløde lys.gentage det et par gange, og det sted, hvor grænsen mellem den anden tekst knapper.,,, skridt 46 nu skabe teksten til denne wordpress layout er logo på en størrelse, der ser godt ud til dig.,,, skridt, 47, tilføje følgende lag former for denne tekst logo.,,,,, skridt 48, lige over "baggrund" lag, skabe et nyt lag (command + forskydning + alat + n).med børste værktøj, en fremhæve et mærke med en blød og rund børste som vist.,,, skridt 49, ændre blanding tilstand i dette lag bløde lys.,,, konklusion, design er afsluttet.jeg håber, du nød at skabe!det endelige billede er under, eller du kan betragte en fuld størrelse billede her.,,