design en multimedie - websted indretning i photoshop,,,,,,, første indtryk kan regne!- vores seere med et visuelt tvingende portefølje er en af de vigtigste ting, at en designer, kan domstolen en ny klient.i dag vil vi vise, hvordan at bruge billeder, børster og mønstre og 3d objekter til at designe en kreativ multimedie - websted indretning i photoshop.lad os komme i gang!,,,, ressourcer, følgende midler blev anvendt til fremstilling af denne lektion:,, klassisk kamera, direktør er formand, tv - kamera, computer, en mikrofon, hotair det 1, hotair det 2, lille træ, cityscape børster, som terf skyer, der børster, som javierzhx, abstrakt glød børster med ro stock, rust mønstre af prinsesse af skygger, pansrede metal mønstre i wen jr., gøre pakke stofvirkninger. 1 af angelus og gøre pakke stofvirkninger. 2 af xcellcior, trin 1, skabe en 960px af 620px sejldug i photoshop.det er en god beslutning for websteder, som de fleste skærme kan rumme det.,, presse cmd + r at tilføje lineal og drage nogle retningslinjer for at markere grænser for det vigtigste område.det vil være nyttigt at center dit design.,, trin 2, at det væsentligste indhold er korrekt defineret, lad os resize lærredet 1224px af 620px (billede > lærred størrelse) at skabe en større sammenhæng.den afsmittende område vil være nyttig for de besøgende med store skærme og skabe et grænseløst se.,, trin 3, sidste skridt i forberedelsen af vores dokument, er at tilføje en vejledning i midten.denne vejledning vil være nyttig, når man skal center design elementer.en hurtig måde at finde center er at skabe et nyt lag, og pressen cmd + t genvej nøgler til at aktivere " fri omdanne ".,, trin 4, lad os gøre det sky platform, som den vigtigste design vil sidde.en grå gradient baggrund.lag > lag stil > gradient overlap.gradient񪂨 til&#eaecec.lad alle de andre miljøer som misligholdelse.,,, løntrin 5, at skabe et nyt lag, "sky".lad jeres skyer børster og maling i hvide nogle skyer af forskellige former og størrelser og uigennemsigtighed, indtil man har opnået et lignende resultat som vist nedenfor.,, trin 6, skabe et andet lag "skyer 2", tilføje et par skyer i midten.,, trin 7, skabe en tredje lag "skyer 3".denne gang bruger abstrakt glød børster, 2nd børste, størrelse 420px.kast den, tryk cmd + t > flip vandret.dette vil bidrage til at give den en mere skrøbelig og overjordiske skyer ser.,, trin 8, nu skal vi skabe en stor 3d "m" for "multimedia".du kunne erstatte deres virksomheds initialer her, åbne illustrator og pasta skyen baggrund, at du bare har skabt en ny lag.brug det som vejledning til udformning af 3d - "m".- bogstavet "m": skrifttype händel gotisk ex, 181pt, hvid; du kan erstatte andre store tykke skrifttype.for at give teksten en 3d virkning, gå til: virkning > 3d > extrude & fasen.se billedet nedenfor for de indstillinger, trin 9, eksemplar 3 "m" og gå tilbage til photoshop til at give den i deres dokument.omdøber lag "m".skal vi nu anvende nogle virkninger og mønstre for at gøre det mere realistisk og interessant.det første gælder følgende lag stil at lag "m".,, trin 10, skabe en ny mappe "textur".vælg bogstavet "m" med en tryllestav, værktøj og med denne udvælgelse, tilføje et lag maske til mappen.nu vil vi have alle vores mønstre for 3d "m" i denne folder.,, brug "konsistens 4. jpg" fra rust stofvirkninger pakke.- pasta til lag "konsistens".gentage det og omfanget af den dobbelte lag "texture2" ned til 12,5%.,, trin 11, tilpasse lag uklarhed til 40% og ændre sin blanding tilstand til farve brænde for begge lag.,, trin 12, tilføje en anden struktur lag "texture3" med "metal_plaque_bump_seam jpg" pansret metal mønstre.tilpasse lag røgtæthed 26% og ændre sin blanding tilstand til hårde lys.skift det lag, indtil du er tilfreds med den struktur og holdning.,, trin 13, anvendes en blød rund børste med uklarhed på ca. 30% til at anvende en skygge nedenfor "m".brug den plet værktøj til at tilpasse sig og skabe en formålsbestemt skygge som nedenfor.,, punkt 14, tilføjer dit firma navn, i dette tilfælde "multimedia".use arv mere dristige, 32px, sort.næste tilføje en svag skygge nedenfor.dobbelt det lag, omdøbe det " multimedia skygge ".cmd + t adgang til omdannelse af værktøj, højre klik og udvælge flip lodret.tilføje forslag tåge.ændre lag uklarhed til 50%.endnu et lag, maske og endelig anvendelse af en gradient at forsvinde ud i bunden.,, trin 15, nu skal vi skabe de cityscape for vores multimedie - verden.du kan bruge cityscape børster til bygningerne.downloade nogle abstrakte gøre pakninger: gøre pakke stofvirkninger 1 og gøre pakke stofvirkninger. 2 for mønstre.brug den til at drage nogle bygninger.drage hver bygning på en separat lag mellem lag "sky" og "clouds2"., trin 16, resize, holdning og skære en del af de bygninger, som du ikke har brug for.,, skridt 17, for hver enkelt bygning, skabe en ny mappe, der vil indeholde deres respektive mønstre.med den samme metode til at anvende struktur for bogstavet "m", udvælger hver bygning, i en tid med en tryllestav, værktøj og tilføje udvælgelse som et lag maske med mappen.sæt mappen lag er blanding tilstand for at lette, skridt 18. nu gælder det abstrakte strukturer til cityscape som nedenfor.- drej, resize strukturerne. indtil du er tilfreds med de virkninger, skridt 19, er det en god praksis at rydde op og ordne dit lag.om lidt kedelige først, vil denne praksis rent faktisk redde dig kostbar tid, når de søger filer, lad os sige en måned senere.alle bygninger lag i en ny mappe "bygninger".denne folder ned mellem lag "sky" og "skyer 2".,, gå 20, brug din sky til at male et par små skyer i lag 'clouds2 "for at dække over bygninger" base.,, gå 21, lad os tilføje vores multimedie - rekvisitter: klassisk kamera, direktør er formand, tv - kamera. min mikrofon, hotair det 1, 2 hotair det lille træ.for hver af disse genstande, ekstrakt baggrund, ved at bruge tryllestav værktøj (w) og så klik på den knap, forbedre kant til at tilpasse de kanter.for at fjerne de resterende skarpe kanter, slette værktøj (e) med en lille rund børste.,, skridt 22, resize og derefter anvende filter > smart skærpe (cmd + f) for hver genstand.position som nedenfor.,, gå 23, tilføje skygger til stolen, tv - kamera, computer, en mikrofon, kamera og bil med at følge de samme teknikker, der anvendes til bogstavet "m".for træ, der anvendes naturlige børster og tilpasse de former ved hjælp af noget værktøj.,, skridt 24 forårsrengøring.i forbindelse med hver genstand lag med deres respektive skygge lag, således at det vil være let at vende hver genstand, og som havde brug for.for at gøre dette, tryk shift + klik på begge lag.højreklik og udvælge forbindelse lag.så alle rekvisitter lag i en ny mappe "respekt".,, gå 25, når man tegner en hjemmeside, interaktive elementer spiller en stor rolle i fastlæggelsen af webstedet er succes.derfor skal vi gøre vores vigtigste knapper lokkende og fremtrædende for brugerne vil klik.vi laver 3d - kasser, som er forbundet med cityscape gennem farverige ledninger.de repræsenterer vores anden side sektioner.her er en forsmag på, hvad du designer.,, gå 26, gå tilbage til tegner til at drage 3d - kasser og farverige ledninger.brug den rektangel værktøj (m) at henlede 6 hvide kasser med forskellige bredde, afhængigt af længden af den tekst, den indeholder.eksempel "net" vil få en mindre box og "kontakt" vil få en større kasse.,, skridt 27, anvendes virkning > 3d > extrude & fasen for hver rubrik.se billede for hver rubrik virkning miljøer, fra venstre til højre.,, skridt 28, modtaget i de malerier du skabte i photoshop så vidt og sæt det i en "baggrund" lag som en guide.drage et par linjer med pennen værktøj (p) eller blyant værktøj (t), alt efter hvad der er lettere for dig, gå 29, skal vi nu gøre en regnbue børster.brug den rektangel værktøj (m) at udarbejde en rektangel.så kopi og pasta, fire til fem rektangler ved siden af hinanden.skifte farve.vælg alle rektangel og bringe tilbage at tilpasse dem, gå 30, et par rainbow variationer.her er nogle prøver.,, skridt 31, at gøre den børste, udvælge en regnbue klynge, trække og smid det i dine pensler panel.udvælge nye kunst børste.hedder din kunst, børste "rainbow1" og holde standardindstillingen med vandret retning.,, trin 32, nu gælder din regnbue børster til forskellige budgetposter.,, skridt 33, kopiere og pasta hver regnbue tråd (line) individuelt i photoshop.pasta lag foran bygninger, men bag dine rekvisitter og bogstavet "m".anvendelse af et lag maske på ledningen lag og benytte cloud børster til en del af de ledninger, gennemsigtig, skridt 34, at give de ledninger, en 3d - og gøre dem mere skinnende, anvende en fasen & emboss lag stil med lignende miljøer, som vist nedenfor.hver tråd kræver nogle mindre indstillinger finjustering for at opnå den ønskede se.,, skridt 35, kopiere og pasta 3d - kasser fra illustrator i de enkelte lag.trin 36, finder anvendelse, konsistens "metal_plaque_bump_seam jpg" fra pansret metal stofvirkninger, ved hjælp af de samme teknikker som trin 10 og 17.sæt tekstur lag er blanding tilstand til hårde lys med uklarhed på 26%.,, skridt 37, tilføje tekst til de kasser.use arv mere dristige, 14px, sort.drej den tekst, hvor det er nødvendigt at følge den vinkel af kasser, skridt 38, rense din lag og organisere de knapper i mapper, hvis du ikke allerede har gjort det, skridt 39, det sidste skridt.! tilføje meter, og du er færdig!brug verdana, 10px,&#cccccc i første linje, og󴈿 for de nederste linje.det er sikkert web - farver.,, konklusion, jeg håber, du fandt det pædagogiske hjælpsom.deler deres synspunkter, tanker, og jeg vil være glad for at hjælpe dig, hvis du har spørgsmål.vær kreativ og udforske de teknikker, du har lært det her. - jeg kan ikke vente med at se, hvad der sker med!,