Web Design Photoshop Tutorial
Shumë njerëz të reja për web design janë të hutuar nga feta dhe rollovers JavaScript dhe do të përfundojë deri në braktisjen e projekteve të tyre të pashqetësuar. Pika e këtë tutorial Photoshop web është që të mbani gjërat e thjeshta, duke krijuar një faqe web që përdor vetëm 2 grafikë.
Filloni duke krijuar një flamur dhe vendin e saj në rreshtin e lartë e një tryezë që do të përmbajë 5rows dhe 1 kolona. Rreshti i ardhshëm i tabelës do të mbajë tekstin për faqen tuaj së bashku me fotot që ju do të donte për të inkorporuar në faqen tuaj. Rreshti 3 do të mbajë një ndarës, rreshti 4 do të përmbajë text links plus një njoftim autorit, mbaron me rreshtin e 5 qenë një ndarës të dytë.
Për këtë shembull ne do të emërojë këtë faqe web faqen time. Tani ne kemi nevojë për të gjetur një grafik për flamurin. Ju mund të gjeni imazhe profesionale të nivelit të në vende të tilla si galeritë iStockPhoto dhe në vetëm apo më shumë për imazhet e rasteve ata janë të përballueshme. Faqet Pa pagesë photo aksioneve janë gjithashtu në dispozicion për imazhe me cilësi të përkryer të mirë.
Një tip është për të zgjedhur një ngjyrë nga tuaj grafike dhe të shfrytëzojë hije të ndryshme të këtë ngjyrë për flamurin tuaj për një look të pastër, koordinues. Për hir të emërtimin e një ngjyrë për këtë shembull, ne do të shkojnë me të gjelbër në një hije të errët, të mesme dhe pastaj të lehta.
Unë të gjeni se duke përdorur slider Patejdukshmërinë në një ngjyrë kampionuar mund të krijoni një ndryshim të bukur. Hap një dokument të ri dhe kopjoni dhe ngjisni grafike kryesore që ju keni zgjedhur në të. Tani nga Toolbox zgjidhni mjet Eyedropper dhe mostër një ngjyrë duke klikuar mbi të në grafik tuaj. Kjo do të ndryshojë ngjyrën e përparme në sheshin Toolbox tuaj.
Me këtë bëhet, të hapë një tjetër dokument të ri dhe në përmbajtjen Historiku zgjidhni Bardhë dhe Kliko OK. Me këtë dokument të hapur, të krijojnë një shtresë të re duke shkuar shtresë të re shtresë. Pastaj shkoni Edit-Plotësoni dhe zgjidhni Përmbajtja, përdorimi: Ngjyra dukshëm. Kjo do të plotësojë dokumentin tuaj me ngjyrë të ju kampionuar vetëm. Një tip i vlefshëm është për të zvogëluar perde me slider dhe në thelb të rregulluar atë deri në arritjen e ngjyrë e dëshiruar ngjyra. Pasi ta keni gjetur një që ju pëlqen, palos imazhin duke shkuar Layer-dystohet Image. Përsëri përdorin mjet Eyedropper, për të ndryshuar sheshin ngjyrën e përparme në veglave tuaja vetëm tani ajo do të jetë i njëjtë me ngjyrën tuaj të sapokrijuar. Kliko në sheshin ngjyra dhe mbledhës ngjyra do të dalë, dhe ju mund të bëni shënimin e numrit të ngjyrës që kishte krijuar vetëm.
Lëviz nëpër fonts tuaj për të gjetur një të tillë që ankesat për ju. Pasi ta keni të vijnë të gjithë atë që ju mendoni që është e drejtë, të luajnë rreth me atë pak. Rregullo ndjekja, drejtimi dhe shkallë, apo edhe një kombinim i këtyre. Rregullime të vogla mund të shkojë një rrugë të gjatë duke e bërë atë shumë më personale dhe për të siguruar faqen tuaj do të qëndrojnë jashtë në mesin e të tjerëve.
Për të përzgjedhur një font në Photoshop shkoni Window karakter. Në paleta ju do të shihni një listë të fonts tuaj instaluar. Për të shkulje parametrat ju do të duhet të sjellë deri paleta paragrafi. Ju mund ta bëni këtë duke shkuar Window-paragrafin.
Nëse jeni duke kërkuar për fonts të reja, ju keni shumë opsione. Pa pagesë burimeve font janë në dispozicion për ju online.
Për shembull tonë, të krijojë një dokument të ri që është 600 x 300 pixels. Ju mund të rregullojë këtë madhësi sipas dizajnit tuaj, kur ju zgjidhni vet foton tuaj aksioneve dhe të planifikuar layout.
Tani lejon të bëjë një shtresë të re nga Layer të New Layer dhe e quajti atë Designer Pro. Unë do të pozicionojë imazhin në këtë shtresë dhe tkurret që ajo të arsyeshme. Ju tkurret grafik tuaj me Edit-Transformimi të gjerë. Kuti bounding do të ketë trajton. Përdorni tastin Shift te detyroj proporcione, dhe tkurret imazhin tuaj duke zgjedhur të trajtojë të lartë të majtë dhe duke tërhequr në drejtim të drejtë fund. Drag brenda kutisë bounding për të lëvizur grafik. Pasi ajo është në pëlqim tuaj, klikoni OK.
Le të shkojë me një sfond të lyer. Këtu ne do të shkojmë me një jeshile të lehta.
I zgjidhni shtresa sfond, i Layer 1, dhe unë e mbush atë me ngjyrë rozë e çelët duke shkuar Select-Të gjitha, pastaj Edit-Plotësoni, dhe në kutinë e dialogut në përmbajtje, unë zgjidhni përdorimit: Color dhe në Color Picker unë të hyjë FBE0EC.
Rezultati është një 600 x 300 flamurin me ngjyrën e sfondit të butë dhe me artin vendosur në të majtë. Ne jemi duke marrë atje.
Unë kam zgjedhur për të aplikuar një goditje të trashë në shtresën sfond për të bërë për një dizajn më të guximshme. Së pari sigurohuni 1 Layer sfond shtresë është aktive, dhe të bëjë një kopje me hapa Layer-New-Layer Via Copy. Next klikoni dy herë në krah të emrit shtresa. Opsionet përzierja në kutinë e shtresa dialog Style do të shfaqet.
Zgjidh dhe pastaj klikoni mbi goditja fjalës në opsione stilet në anën e majtë. I ndryshuar parametrat për të Size: 7px, Pozicioni: Brenda Blend Mode: Normal, Opacity: 100%, Plotësoni type: Color dhe kam klikuar shembull pëlhure ngjyrë dhe hyri D04E8C në Picker ngjyra. Kliko OK.
Kufiri është vetëm për të balancuar nga dizajni. Ndjehen të lirë për të bërë ndryshime dhe për të marrë krijues me idetë tuaja.
Le të vendosni emrat e seksione të mëdha drejtpërdrejt në flamurin. Këto do të jenë lidhjet e internetit. Ne do të përdorin hartat e imazhit pasi ajo do të jetë vetëm një grafik.
Krijo një shtresë të re për fjalët e tua. Përdorni mjet tip për të krijuar emrat seksion dhe pastaj të përdorin mjet lëvizë për pozicionimin e tyre pikërisht aty ku ju doni në flamurin. Mos harroni të marr një ngjyrë për tekstin tuaj që është më e errët se ngjyra juaj sfond për të shmangur gjetur veten ulëritës sharje dhe vuan humbjen e madhe e flokëve! Bëni këtë duke shkuar Window karakter. Në paleta Character ju do të gjeni një shesh ngjyra. Klikoni mbi të për të ndryshuar ngjyra.
Ju do të duhet një editor HTML si GoLive ose Dreamweaver të Automate këtë proces. Kjo është me të vërtetë shumë e lehtë. Ju krijoni pak "harta" mbi çdo fjalë dhe hyjnë në destinacion link. Ju do të duhet të bëni një kërkim në Google për hartat e imazhit për të gjetur një tutorial, nëse ju nuk keni një editor HTML, ose të investojë në një libër si HTML Guide Elizabetë Castros Quickstart për ndihmë.
Krijo një dokument të ri. Gjerësia duhet të jetë 600 pixels, dhe lartësi duhet të jetë rreth 12 pixels. Plotësoni këtë me ngjyrën tuaj sfond. Pastaj, duke përdorur mjet tekst dhe një ngjyrë të errët, të shkruani disa periudha, si kjo: ........... dhe vendin e tyre në dosjen, qendërzim ato. Ndrysho madhësinë dhe ndarje deri sa të duket e përkryer. Tani ruajtur këtë si një file GIF.
Me editor HTML juaj e zgjedhjes të ndërtuar një tabelë të thjeshtë që përmban 5 rreshta dhe kolona 1. Nëse jeni duke shkuar për të përdorur Lidhje navigacion teksti nën flamurin në vend të hartave imazh mbi flamurin, të krijojë një rresht shtesë në mënyrë që ju të përfundojnë me 6 rreshtave në tryezën tuaj. Vendi elemente tuaja në rreshtat individuale të tabelës dhe kjo është ajo!
Nëse ju jeni në afatin dhe nuk mund të përballen me të mësuar më teknika Photoshop ose HTML, këtu është një tjetër zgjidhje. Ju mund të blej një template të gatshme nga Template Monster se ju mund të përdorni si një bazë për të krijuar faqe web në Photoshop.
Në faqen e parë të Template Monster ju do të gjeni një menu pulldown ku ju mund të zgjidhni opsionet dhe pastaj të kryejë një kërkim për një template. Të templates janë çmime të arsyeshme dhe shumë e lehtë për të menaxhuar në GoLive ose Dreamweaver. Në të kaluarën unë kam blerë një template vetëm për skemën ngjyra dhe imazhe. Në projekte të caktuara kam gjetur kjo ishte më pak e shtrenjtë se blerja e stock photos. Vizitoni Template Monster për të parë shumëllojshmëri të gjerë të website templates që ato ofrojnë.
Unë shpresoj se ky tutorial Photoshop Adobe do t'ju ndihmojë të krijoni një faqe vërtetë e ftohtë në kërkim, dhe uroj faqen tuaj të re një mijë vjet fat të mirë!
A ju gëzojnë këtë artikull? Interesuar në gjetjen e bëra profesionalisht Tutorials Photoshop ? E pra tani ju mund. Vetëm shikojnë këtë tutorial Photoshop Adobe dhe ju së shpejti do të jetë mastering Photoshop në nën 2 orë.
Neni nga Artikuj
