design en professionel blog indretning i photoshop, denne post er en del af en serie kaldet bygge en lydhør opbygning med skelet. bygge en lydhør opbygning med skelet: begynder,,,,,,, i dag skal vi gå gennem udformning af en professionel blog blad tema i photoshop.dette er en øvelse i æstetik og du vil lære en masse af teknikker, der kan forbedre deres færdigheder i photoshop.tag en kop kaffe, sid ned og lad os komme i gang!,,,, ressourcer, før vi dykker, lad mig præsentere dig for nogle ressourcer, som vil hjælpe dig ud. nettet ved hjælp af et net gør det meget nemmere at tilpasse elementer og træffer afgørelse om deres omfang.i denne udformning, vi vil bruge en baseline - net, der er skabt af de seje fyre på teehan + lax.det er en 6px baseline - nettet sammen med 960 elforsyningsnet, typografi, tage det alvorligt, når de vælger typografiske skrifttyper.ved at vælge den rigtige skrifttyper, du vil opnå vellykkede udformning, før vi går over til det næste skridt og kodning modellen.her er et par artikler for at hjælpe dig med at forstå det, der er den rigtige skrifttyper for dit projekt.,, en nybegynder er vejledning til parring skrifttyper, hvordan du skal vælge en skrifttype, hvad skrifttype, skal jeg bruge?": fem principper for valg og brug af typografiske skrifttyper, at vælge den rigtige skrifttype: en praktisk vejledning om typografi på nettet, vælge dit web skrifttyper klogt, om valget af type, anti - aliasing, her er en fremragende artikel, du skal læse det her.jeg siger ikke et ord, bortset fra krop kopi (lille størrelse), bruger vi skarpt, og positioner (større punkt størrelser) vi bruger crisp.,,, der trykker af typografiske anti - aliasing, mønster, og en hurtig download din. pat samling.,, stitch mønster,,, trin 1: oprettelse af dokumentet, åbne adobe photoshop i anvendelse cs5.1, men det er ikke nødvendigt at følge).som nævnt ovenfor, er du nødt til at tage en kopi af teehanlax baseline - nettet.ekstrakt af indholdet af teehanlax_baseline_grid.zip, åben den teehanlax baseline net folder og trække grid2.psd i photoshop. den første ting, vi skal gøre, er at vælge alle de eksisterende lag i dokumentet, og fjerne dem.alle, undtagen "mærker" mappe.når det er klaret, lås den markerer folder i lag - panelet, skal vi bygge en ret lang layout, så gå videre og ændre højden af dokumentet.for at gøre det skal anvende følgende fastsættelse af image> lærred størrelse, ændrer højde og indstilling af den anker til top center.,, klik på> statister (på vores guider) ledere (på grund af ledere).,, trin 2: at skabe baggrund, at skabe et nyt lag, kalder det "bg", udvælge malerspand værktøj (g), fylde baggrund med denne (hvid) farve værdi:&#ffffff.så gå til at filtrere> støj> tilføje, støj og anvende følgende indstillinger til at give baggrund en blød støj i kraft.,, beløb: 3., distribution: ensartet, hyperaktive: check.,,, trin 3: at skabe sejlads bar, med henblik på at skabe sejlads bar, udvælge rektangel værktøj (e), skabe et rektangel med 1260x49px men, vær sikker på du allerede sat den farve er kasse til denne farve værdi:�.,, tip: "hvis du går ind i den form, der er afkrydsningsfelt oprettelse muligheder for" snap til pixels ".nu, hvor de danner en form, vil det altid være frisk som punkt aldriglandet "mellem" det. "- - fra lag - panelet, vælge vores navigation bar lag og trække det i en ny mappe (alternativt, kan du bare gøre det af med den ctrl + g centrale), så den mappe navn header, huske på, at vi arbejder på hovedet.,, lad os arbejde på lag farve ved hjælp af gradient overlap.udvælge lag form, som vi har kaldt "navigation bar" og gå til lag> lag stil> gradient overlap.der gælder følgende indstillinger. godt arbejde, så langt!lad os komme videre ved at anvende resten af lag - miljøer, gradient - overlay -.,, blanding tilstand: normal., - uklarhed: 100%, gradient modsatte: se, styler: lineær. vinkel: 90 °. skala: 150%.,, indre skygge.,, blend - modus: normalt., uklarhed: 10%., - - 90., anvende globale lys: uncheck. afstand: 5px. den: 0%, størrelse: 8px.,, drop shadow.,, blanding tilstand: normal., uklarhed: 42%. vinkel: 90, anvende globale lys. - uncheck. afstand: 2px. fordelt: 0%, størrelse: 3px.,,, uddrag:, smart genstande blev indført med photoshop med frigivelsen af cs2.smart filtre, der blev tilføjet cs3.så du behøver en gældende version af photoshop, til at benytte sig af disse typer af nondestructive teknikker.smart genstande og intelligent filtre, giver mulighed for en fleksibel arbejdsgang.klog ting til en original elevationsvektorobjektet, rasterbillede eller rå fil. ved hjælp af smart ting betyder, du arbejder med henvisning til billeder.så når de arbejder med smarte ting, de ændringer, der gælder for dem, ikke påvirker den oprindelige billede.du kan redde disse virkninger og udveksle billeder.smart filtre, er heller ikke varige virkninger, men kan være udeladt eller fjernes.normale filtre er irreversibel, i det mindste efter at redde dokumentet.psdtuts +, med henblik på at anvende intelligente filtre med billedet nedenfor.,, tilføje en lyd effekt på vores kloge filtre lag. beløb: 1., distribution: ensartet, hyperaktive: se, det er sådan det ser ud, når du konvertere et lag til intelligent filtre, jeg har. modtog en masse spørgsmål om at sy virkning i photoshop.det er ikke så svært. bare vælge den horisontale type redskab (t), og hold den negativ (-) centrale, indtil du har resultatet nedenfor., giver lag denne farve værdi:
c1c1c, så anvende fastsættelsen drop shadow.,, blanding tilstand: normal., uklarhed: 10%. vinkel: - 90., anvende globale lys: uncheck. afstand: 1px. den: 0%, størrelse: 0px., som du kan se på billedet nedenfor, har vi en ret overbevisende stitch virkning.,, vores navigation er lidt mørkere.jeg troede, jeg måske skulle anvende lys, hvad tror du?. Make a copy of the navigation bar, then clear layer style and set the Fill layer to 0%., ,Apply the layer style settings as you see in the image below., ,Gradient Overlay., ,Blend Mode: Normal.,Opacity: 8%.,Gradient Reverse: Check.,Styler: Linear.,Angle: 90°.,Scale: 100%., ,Inner Shadow., ,Color: #FFFFFF.,Blend Mode: Normal.,Opacity: 10%.,Angle: 90.,Use global light: Uncheck.,Distance: 1px.,Choke: 100.,Size: 0px., ,Here's a before and after reference., ,Select the Horizontal Type Tool (T), type your navigation text, then apply the following character settings as you see in the image below., ,Font: Helvetica Neue LT Std.,Weight: 55 Roman.,Size: 12px.,Kerning: Metrics.,Color: #EBEBEB.,Anti-Aliasing: Sharp., , ,Step 4: Creating the Drop-Doegen menu, ja, det er tid til at skabe den ud nu.tag de afrundede rektangel værktøj (u), skabe en afrundet af 147x120px og huske, at opretholde kvaliteten af kanterne så meget som muligt - pixel perfektion!,, foretage en udvælgelse med rektangulært markise værktøj (m), omvendt udvælgelse.nu tilføje en ny maske til vores lag efter lag> lag maske> viser indstillinger udvælgelse.We've now effectively trimmed the upper part off., ,Inverse., ,Layer Mask., ,This is how layer mask appears., ,Now, let's give our little rounded shape a gradient overlay effect.,Gradient Overlay., ,Blend Mode: Normal.,Opacity: 100%.,Gradient Reverse: Uncheck.,Styler: Linear.,Angle: 90°.,Scale: 100%., ,Drop Shadow., ,Blend Mode: Normal.,Opacity: 76%.,Angle: -90.,Use global light: Uncheck.,Distance: 2px.,Spread: 0%.,Size: 0px., ,Move to the next step and apply the noise effect., ,Amount: 2.,Distribution: Uniform.,Monochromatic: Check., ,Select the Rectangular Marquee Tool (M), create a selection of 147x49px, fill it with this color value: #FFFFFF., ,Call it "Transparent", set the Fill layer to 0%., ,Having completed that apply the gradientgennemsigtig virkning som du ser billedet nedenfor.,, og det er, hvordan det ser ud efter at have anvendt den gradient gennemsigtige virkning.,, hvad vi nu gør, er at kopiere en kopi af afrundede rektangel lag og fastsætte fylde lag til 0%.We'll then apply the gradient transparent effect., ,Gradient Overlay., ,Blend Mode: Normal.,Opacity: 8%.,Gradient Reverse: Uncheck.,Styler: Linear.,Angle: 90°.,Scale: 100%., ,Inner Shadow., ,Color: #FFFFFF.,Blend Mode: Normal.,Opacity: 10%.,Angle: 90.,Use global light: Uncheck.,Distance: 1px.,Choke: 100.,Size: 0px., ,Use the Rectangular Marquee Tool (M) to create the horizontal separating lines with #b4b4b4 as you see in the image below., ,Grab the Horizontal Type Tool (T), start typing the elements of the sub-menu, using the following character settings., ,Font: Helvetica Neue LT Std.,Weight: 55 Roman.,Size: 12px.,Kerning: Metrics.,Leading: 18px.,Color: #EBEBEB.,Anti-Aliasing: Sharp., ,Remember that the text should be sitting on the Basetråd gitter.,, løntrin 5: skabe logo, tag den horisontale type redskab (t), type navnet på deres websted, ved anvendelse af følgende karakter indstillinger:,, ariel skrifttype:., vægt: sort. størrelse: 48px., kerning: målekriterier, farve:𱔤-d55355. anti - aliasing: crisp.,,, trin 6: skabe overskriften banner, brug det rektangulære markise værktøj (m) at skabe en udvælgelse af 468x60px, fyld den med denne farve værdi:񳹻, anvendes et slagtilfælde,.,, slagtilfælde, størrelse: 3px. position: i., blanding tilstand: normal., - uklarhed: 100%. fyld type: farve, farve:&#ffffff.,, og det er, hvordan det skal se ud, når du har afsluttet alle de skridt, trin 6: skabe diasshowet, okay, lad os komme i gang med lysbilleder.tag rektangel værktøj (u), skabe et rektangel med 700x254px, anvendes følgende indstillinger.,, drop shadow.,, farve:�., blanding tilstand: normal., uklarhed: 50%. vinkel: 90, anvende globale lys: uncheck. afstand: 0px. sig: 0%, størrelse: 5px.,, trække et billede til dokumentet, og skabe et udklip maske med alat + ctrl + g, kan du gøre det efter at lag> skabe udklip maske.,, det maske., endnu en gang tage rektangel værktøj (u), skabe et rektangel i 128x211px og anvende det maske på.,, nu er det tid til at gøre vores skred far lidt ved at tilføje nogle skygger bag en slider.vælg rektangel markise værktøj (m), foretage en udvælgelse af lag form som du ser billedet nedenfor.,, udvælge gradient værktøj (g), sørg for, at det er en gennemsigtig gradient skygge.,, her er en hurtig tip at træffe de rigtige skygge, når du vælger den gradient redskab klik og trække og sørg for, at din finger er på vagt.,, gentager den samme proces med den rigtige lag.,, jeg tror, at vores lysbilleder skal sys, hvad tror du?tag rektangel værktøj (e) at foretage en horisontal rektangel af 2px højde, så gælder følgende mønster indstillinger.,, mønster - overlay -.,, blanding tilstand: normal., uklarhed: 31%. skala: 100%, forbindelse med lag: check., lav en kopi af vores sting og trække det lidt ned, som du kan se på billedet nedenfor.,, hvordan det ser ud, når du anvender stitch virkning til resten af billederne.,, der er et trin mere, udfyldes for vores lysbilleder, navigation knapper.Grab the Rounded Rectangle Tool (U), create a rounded shape of 119x19px, then apply the layer style settings to it., ,Stroke., ,Size: 1px.,Position: Outside.,Blend Mode: Normal.,Opacity: 22%.,Fill type: Pattern.,Scale: 100%,Link with layer: Check., ,Drop Shadow., ,Color: #000000.,Blend Mode: Normal.,Opacity: 20%.,Angle: 90.,Use global light: Uncheck.,Distance: 0px.,Spread: 0%.,Size: 3px., ,Once again, select the Rounded Rectangle Tool (U), create a rounded shape, give the layer this color value: #DFDFDF, then apply the layer style settings below., ,Gradient Editor., ,Gradient Overlay., ,Blend Mode: Normal.,Opacity: 100%.,Gradient Reverse: Uncheck.,Styler: Linear.,Angle: 90°.,Scale: 100%., ,Inner Shadow., ,Color: #000000.,Blend Mode: Normal., uklarhed: 12%. vinkel: 120 °., anvende globale lys: check. afstand: 2px. den: 0%, størrelse: 2px.,, anvender samme redskab til at skabe resten af knapper.,, vi er ikke færdige endnu.vi er nødt til at gøre en ting mere, vil vi skabe en lille ikon under vores lysbilleder.vælg den skik form værktøj (u), derefter vælge den form, som på billedet nedenfor.,, redaktionel note:, jeg har ingen idé om, hvad dette element er for eu - erhvervsgrenen.vi vil sætte det ned til designer er skøn,:), giver lag forme denne farve værdi:&#ffffff, tag fat i polygonalt lasso værktøj (l), blev halvdelen af form ved at foretage en udvælgelse, som du kan se på billedet nedenfor.,, kan du huske, hvordan vi anvendte udklip masker tidligere?okay, så giv os forme et lag maske.,, og her er vi, vi har gjort, at vores lysbilleder.,, trin 7: skabe de kategorier, lad os starte med kærlighed ".vælg rektangel markise værktøj (m), skabe en vertikal rektangel af 60px, anvende gradient værktøj til at få en gennemsigtig skygge.,, ændre opacitet af vores lag til 10%.,, udvælge rektangel værktøj (u), skabe en vertikal rektangel af 1x173px, anvendes følgende indstillinger.kan du huske, at vi altid har sat den fyldes af lag til 0%, - overlay -.,, blanding tilstand: normal., uklarhed: 25%. skala: 100%, forbindelse med lag: check., lav en kopi af vertikale lag, trække den lidt til højre som du ser. i billedet nedenfor.,, så lad os tilføje teksten til vores kærlighed knap.vælg horisontale type redskab (t), type a, gælder følgende karakter (.,, ariel skrifttype:., vægt: dristigt. størrelse: 28px., kerning: målekriterier, farve:&#e0e0e0. anti - aliasing: sharp.,, elsker, skrifttype, vægt: georgien. - fed kursiv. størrelse: 21px., kerning: målekriterier, farve:&#e0e0e0. anti - aliasing: sharp., kan vi afslutte den kærlighed, knap ved at skabe et hjerte ud.vælg den skik form værktøj (u), saml hjertet form, giver lag forme denne farve værdi:&#d25455.,,, der har afsluttet de elsker knap, lad os gå videre til næste trin, at teksten og virksomhed beskrevet billeder.Select the Horizontal Type Tool (T), type the name of our category which in this case is "Business > Gamification", then apply the following character settings.,Category., ,Font: Georgia.,Weight: Bold Italic.,Size: 13px.,Kerning: Metrics.,Color: #5E5E5E.,Anti-Aliasing: Crips., ,Title., ,Font: Helvetica Neue LT Std.,Weight: 55 Roman.,Size: 18px.,Kerning: Metrics.,Leading: 18px.,Color: #5E5E5E.,Anti-Aliasing: Crips., ,Posted by, Date, Comments., ,Font: Georgia.,Weight: Regular.,Size: 13px.,Kerning: Metrics.,Color: #5E5E5E-#AAAAAA.,Anti-Aliasing: Crips., ,Description., ,Font: Arial.,Weight: Regular.,Size: 13px.,Kerning: Metrics.,Leading: 18px.,Color: #5E5E5E.,Anti-Aliasing: Crips., ,Tags., ,Font: Georgia.,Weight: Regular.,Size: 11px.,Kerning: målekriterier, farve:e5e5e. anti - aliasing: crips.,,, skrifttype: georgien, vægt: regelmæssige., størrelse: 13px., kerning: målekriterier, farve:&#aaaaaa. anti - aliasing: crips. det er tid til at skabe virksomhed beskrevet image.tag rektangel værktøj (u), skabe et rektangel med 160x157px, anvende følgende lag stil indstillinger.,, slagtilfælde, størrelse: 3px. position: i., blanding tilstand: normal., - uklarhed: 100%. fyld type: farve, farve:&#ffffff, drop shadow..,, farve:�., blanding tilstand: normal., uklarhed: 20%. vinkel: 90 °., anvende globale lys: uncheck. afstand: 0px. fordelt: 0%, størrelse: 3px.,, indsættes et nyt billede til vores lag form og fusionere billede med laget form ved hjælp af masken teknik; lag> skabe udklip maske.,, vi er tæt på at være færdig i den første kategori.tag rektangel værktøj (u), anvende det til at skabe et rektangel med 1px højde, som du kan se på billedet nedenfor, gælder følgende indstillinger til det.,, mønster - overlay -.,, blanding tilstand: normal., uklarhed: 10%. skala: 100%, forbindelse med lag: check. dette er, hvordan det skal se ud, når du har skabe resten af kategorier.husk, at mellem hver kategori er 29px højde hvidt rum.,, trin 8: skabe de gamle stillinger, med henblik på at skabe den gamle stillinger, tag rektangel værktøj (e) og skabe et rektangel med 280x11px., skaber et tomrum, ved at foretage en udvælgelse af 100px, husk at reducere den del af lag af, at sikre, at de har brugt maske teknik.,, det er tomt rum, hvor vi er nødt til at tilføje vores gamle stillinger "tekst.,, anvende lag stil indstillinger., - overlay -.,, blanding tilstand: normal., uklarhed: 10%. skala: 100% i forbindelse med lag: check.,, type i" gamle stillinger ", så gælder følgende karakter (.,,: helvetica font neue (tt). vægt: dristigt. størrelse: 14px., kerning: målekriterier, farve:󴈿. anti - aliasing: levende, skabe en lille vertikaleal overensstemmelse med rektangel værktøj (e) med 1px, så anvende stitch virkning til det.Remember to set the fill opacity to 0%., ,Pattern Overlay., ,Blend Mode: Normal.,Opacity: 10%.,Scale: 100%,Link with layer: Check., ,Grab the Rectangle Tool (U), create a rectangle of 60x61px, apply the same settings as we did with the category thumbnail image., ,Stroke., ,Size: 3px.,Position: Inside.,Blend Mode: Normal.,Opacity: 100%.,Fill type: Color.,Color: #FFFFFF., ,Drop Shadow., ,Color: #000000.,Blend Mode: Normal.,Opacity: 20%.,Angle: 90°.,Use global light: Uncheck.,Distance: 0px.,Spread: 0%.,Size: 3px., ,Add an image to it and you'll have this result., ,Select the Horizontal Type Tool (T), type the name of our category and the date, then apply the following character settings., ,Font: Georgia.,Weight: Regular.,Size: 12px.,Kerning:måleenheder, farve:e5e5e- aaaaaa. anti - aliasing: crisp.,, afsnit.,, skrifttype: georgien, vægt: regelmæssige., størrelse: 18px., kerning: målekriterier. fører: 18px., farve:e5e5e. anti - aliasing: crips.,, hvordan ser ud når man laver resten af kategorier, mellem hver kategori, der er 18px hvidt rum.,, trin 9: skabe næste side for at skabe den næste side, tag rektangel værktøj (u), skabe et rektangel med 35x37px, giver lag forme denne farve værdi:񑘕.,, endnu en gang, tag rektangel værktøj (u), skabe resten af former, giver lag denne farve værdi:&#cccccc.,, vælges den horisontale type redskab (t), type, antallet af sider, så gælder følgende karakter indstillinger, som du ser billedet nedenfor.,, skrifttype. helvetica neue lt standardafvigelse, vægt: 55 roman, størrelse: 13px., kerning: målekriterier, farve:e5e5e. anti - aliasing: crisp.,, tag blyanten værktøj (b) og (omhyggeligt!)skabe lidt pixel ikon vist her.,, trin 10: skabe "sociale medier" afdeling, tag rektangel værktøj (u), skabe et rektangel med 300x100px, som vi gjorde med de gamle stillinger afsnit, et tomt rum af 100px, så gælder det samme forhold.vi vil have dette resultat under.,, type abonnement tekst, så gælder følgende karakter indstillinger til det.,,: helvetica font neue (tt). vægt: dristigt. størrelse: 14px., kerning: målekriterier, farve:󙀸. anti - aliasing: crisp. det er tid til at tilføje de sociale medier ikoner.vi bruger tegne og twitter ikoner, så tag nogle passende ikoner (prøve disse fra design kindle) og trække et par i deres dokument.så gælder følgende karakter (.,, antal abonnenter.,, skrifttype: georgien, vægt: regelmæssige., størrelse: 20px., kerning: målekriterier, farve:񬠜. anti - aliasing: levende, abonnenter,.,, skrifttype: georgien, vægt, størrelse, nemlig: regaluar. 13px., kerning: målekriterier, farve:󴈿. anti - aliasing: crisp.,, anvende de samme indstillinger til twitter - del, som du ser billedet nedenfor.,, og det er, hvordan det ser ud, når du er færdig, trin 10: skabe "- rubrik" afdeling i for at skabe de lede rubrik afsnit, tag afrundet rektangel værktøj (u), skabe en afrundet form af 220x31, anvendes følgende lag stil indstillinger.,, gradient redaktør.,, gradient - overlay -.,, blanding tilstand: normal., - uklarhed: 100%, gradient modsatte: se, styler: lineære. vinkel:90°.,Scale: 100%., ,Stroke., ,Size: 1px.,Position: Inside.,Blend Mode: Normal.,Opacity: 22%.,Fill type: Pattern.,Scale: 100%,Link with layer: Check., ,It should look something like this:, ,Once again, grab the Rounded Rectangle Tool (U), create the button shape, give the layer shape this color value: #2D2D2D, convert the shape to a Smart Filter by going to Filter> Convert for Smart Filters, then apply the following settings., ,Gradient Overlay., ,Blend Mode: Soft Light.,Opacity: 60%.,Gradient Reverse: Check.,Styler: Linear.,Angle: 90°.,Scale: 100%., , ,Add Noise., ,Amount: 2.,Distribution: Uniform.,Monochromatic: Check., ,Select the Horizontal Type Tool (T), type "Search Here" in the form and "Search" in the button form, then apply the efter art (.,,: helvetica font neue (tt). vægt: dristigt. størrelse: 12px., kerning: målekriterier, farve:&#d8d8d8. anti - aliasing: crisp.,,, trin 11: oprettelse af "støtte" download eller skabe en reklame banner af 125x125px som dig se på billedet nedenfor.,, trin 11: skabe den mest populære "afdeling, tag afrundet rektangel værktøj (u), skabe en afrundet form for 368x301px, der fylder lag til 0%, anvendes følgende lag stil indstillinger til det. drop shadow,,.,, farve:�. omgivelserne tilstand: normal., uklarhed: 28%. vinkel: 90 °., anvende globale lys: uncheck. afstand: 0px. fordelt: 0%, størrelse: 3px.,, det er, som det ser ud nu.du har allerede sat den fylde lag til 0%, så vi kan arbejde med en tom form.,,, - rundet rektangel værktøj (u), og lad os arbejde på denne del, som er "tab".skabe et afrundet form af 230x36px, giver lag forme denne farve værdi:&#f4f3f3, anvendes følgende indstillinger.,, gradient - overlay -.,, blanding tilstand: - overlay -., - uklarhed: 50%, gradient modsatte: se, styler: lineær. vinkel: 90 °, skala: 130%..,, tilføje støj. beløb: 1., distribution: ensartet, hyperaktive: check.,, tag rektangel værktøj (u), tre lodrette linjer, give lag forme denne farve værdi:&#dedede som du ser billedet nedenfor.,, tag den horisontale type redskab (t), type, navnene på de mest populære afsnit med følgende karakter (.,,: helvetica font. vægt: dristigt. størrelse: 12px., kerning: målekriterier, farve:򇨣. anti - aliasing: levende, i dette skridt, vil vi skabe en lille virksomhed beskrevet image. tag rectangle Tool (U), create a rectangle of 40x43px, then apply the following layer style settings., ,Stroke., ,Size: 2px.,Position: Inside.,Blend Mode: Normal.,Opacity: 100%.,Fill type: Color.,Color: #FFFFFF., ,Drop Shadow., ,Color: #000000.,Blend Mode: Normal.,Opacity: 47%.,Angle: 90°.,Use global light: Uncheck.,Distance: 0px.,Spread: 0%.,Size: 2px., ,Add an image to it and you'll have this result., ,Grab the Horizontal Type Tool (T), type the name of our posts, then apply the following character settings., ,Font: Helvetica Neue LT Std.,Weight: 55 Roman.,Size: 14px.,Kerning: Metrics.,Leading: 18px.,Color: #444444.,Anti-Aliasing: Crisp., ,Date., ,Font: Georgia.,Weight: Italic.,Size: 12px.,Kerning: Metrics.,Color: #C0C0C0.,Anti-Aliasing: Crisp., ,skabe et sting i 368x1px., det er sådan det ser ud, når du har afsluttet alle de ovennævnte foranstaltninger.få seks kopier af det. gå 12: skabe "news enig", en kopi af søgning rubrik mappe og ændre navnet til "søger her" til "ind i din e - mail -" og "-" til "enig".det er enkelt.,, trin 13: skabe "kategorier og sider", for at skabe de kategorier og sider afsnit, tag den horisontale type redskab (t), type navnet på din klasse, så gælder følgende karakter indstillinger, som du ser billedet nedenfor.,,: helvetica font neue (tt). vægt: dristigt. størrelse: 12px., kerning: målekriterier. fører: 36px., farve:e5e5e. anti - aliasing: crisp.,,.,,: helvetica font neue (tt). vægt: dristigt. størrelse: 12px., kerning: målekriterier. fører: 36px., farve:e5e5e. anti - aliasing: crisp.,, det er det endelige resultat af vores kategorier og sider.,, trin 14: skabe "video af uge" afdeling, tag rektangel værktøj (u), skabe et rektangel med 300x181px, tilføje et billede til det, der gælder følgende lag.yle settings., ,Stroke., ,Size: 3px.,Position: Inside.,Blend Mode: Normal.,Opacity: 100%.,Fill type: Color.,Color: #FFFFFF., ,Drop Shadow., ,Color: #000000.,Blend Mode: Normal.,Opacity: 12%.,Angle: 90°.,Use global light: Uncheck.,Distance: 0px.,Spread: 0%.,Size: 3px., ,This is the final result of our "video of the week" area., ,Step 15: Creating the Footer Area,Grab the Rectangle Tool (U), create a rectangle of 1260x721, give the layer shape this color value: #2D2D2D, then apply the following setting to it., ,Add Noise., ,Amount: 1.,Distribution: Uniform.,Monochromatic: Check., ,Once again, grab the Rectangle Tool (U), create the above part of 19px height, give the layer shape this color value: #2D2D2D., ,Remember the stitch technique? alright then, apply it to the above part., ,Grab the Horizontal Type Tool (T), type the name of your website logo using the following character settings., ,Font: Arial.,Weight: Black.,Size: 13px.,Kerning: Metrics.,Color: #202020-D55355.,Anti-Aliasing: Crisp., ,Create a rectangle shape of 60x10px, set the fill layer to 0%, then apply the following pattern settings., ,Pattern Overlay., ,Blend Mode: Normal.,Opacity: 34%.,Scale: 100%,Link with layer: Check., ,Grab the Horizontal Type Tool (T), type the description of your website using the following character settings., ,Font: Arial.,Weight: Regular.,Size: 13px.,Kerning: Metrics.,Leading: 18px.,Color: #E0E0E0.,Anti-Aliasing: Crisp., ,Twitter., ,Font: Helvetica Neue (TT).,Weight: Bold.,Size: 14px.,Kerning: Metrics.,Color: #FFFFFF.,Anti-Aliasing: Crisp., ,Title., ,Font: Arial.,Weight: Regular.,Size: 13px.,Kerning: Metrics.,Leading: 18px.,Color: #E0E0E0.,Anti-Aliasing: Crisp., ,Date., ,Font: Georgia.,Weight: Italic.,Size: 12px.,Kerning: Metrics.,Color: #8F8F8F.,Anti-Aliasing: Crisp., ,Create a horizontal separator line of 221px as you see in the image below., ,This how it looks like once you've done all the steps above, make five copies of it., ,Apply the same setting to recent post section., ,Font: Arial.,Weight: Regular.,Size: 13px.,Kerning: Metrics.,Leading: 18px.,Color: #E0E0E0.,Anti-Aliasing: Crisp., ,Add a Flickr section as you see in the image below., ,Grab the Rectangle Tool (U), create a rectangle of 73px height for the copyright bar, og så anvende stitch teknik.,, tag den horisontale type redskab (t), type navn af ophavsret, anvendes følgende karakter (.,, ariel skrifttype:., vægt: regelmæssige, størrelse: 13px., kerning: målekriterier. fører: 18px, farve:&#e0e0e0.., anti - aliasing: crisp.,, ophavsret til designeren.,, ariel skrifttype:., vægt: regelmæssige, størrelse: 13px., kerning: målekriterier. fører: 18px., farve:&#e0e0e0. anti - aliasing: crisp.,,, konklusioner, det har været en lang tur igennem, og jeg håber, at du har lært noget nyt og nyttigt.du skulle nu være i stand til at anvende nogle af disse teknikker til dit eget design, træffe dine egne beslutninger på den måde.hvis du har spørgsmål, kan anmode om bemærkninger, og jeg vil gøre mit bedste for at hjælpe.tak for følgende sammen!,