Ad o b ew o rd p ress.

co m / Ph o to sh o p D ersl eri / p u l a r / Ph o to sh o p i l e W eb T a sa r m n a 1 0 p u cu

Photoshop ile Web Tasarmna 10 pucu

Vatanay zbeyli tarafndan 02 Haziran 2013 tarihinde yazld. ~ 4 Yorum + Dei tir

Photoshopu daha efektif kullanmann onlarca yolu var ve bizler her geen gn bir yenisini daha reniyoruz. Sizler iin, Photoshop ile web tasarm taslaklar olutururken i inize yarayacak birka tavsiyemiz var. AdobeWordPress daha iyi tasarm yapmanz iin yzlerce makale sunuyor. Fakat bu sefer ama tasarm srecini ve i levini arttrmak. Photoshop ile web tasarmndaki nemli 10 kritik maddeye birlikte gz atalm.

1.Grid sistemini kullann

Grid (zgara) sistemini kesinlikle kullanmalsnz. Gridler sayesinde daha ll ve dzgn tasarmlar oluturabilirsiniz. Gridler sizin rehber izgileriniz olacaktr.

Web tasarmndaki birok can skc problemlerden grid sistemi kullanarak kurtulabilirsiniz. Kolay ve doru grid yntemi iin Grid System Generator trndeki cretsiz uygulamalardan yararlann.

2.Her eyi Photoshopa atn gitsin

Tasarm yaparken yapt mz en byk hatalardan biri grselleri siteye yerletirirken kaybetti imiz zaman ve arlk dengesidir. Photoshop ile web tasarm yaparken ilerde kullanmay dndnz tm grselleri PSD dosyanza atn ve hzlca saa sola serpin. ster istemez bir arlk dengesi oluturacaksnz. Daha sonra ise tasarm srecinde grdnz hatalar teker teker dzeltin. Bylece obje yerletirme yznden zaman kaybetmeyeceksiniz.

3.Belge hazr ayarlarn zgnletirin

Yeni al ma alan oluturmak iin bildi iniz gibi CTRL/CMD+N tularna basyoruz. Alan pencerede btn al ma alanlarnz iin zel al ma trleri oluturun. Web bannerlar iin, iOS ve Android cihazlar iin, logolarnz iin, her ey iin. ltlendirmeyi yaptktan sonra Save Presets alanna gidin ve aadaki gibi proje boyutlandrmanz kaydedin.

Bylece her defasnda ayn ayarlarla uramanza gerek kalmayacak.

4.Yaz tipinizi varsaylan olarak ayarlayn

Tm ak al ma alanlarn kapayn. Window > Character alanna gidin ve en sk kulland nz yaz tipi ailesini, kalnl n, harf-satr boluklarn ve rengini sein. Bylece her defasnda ayn seimi yapmak zorunda kalmazsnz, hem de Photoshopun varsaylan yaz tipi Myriaddan kurtulursunuz.

5.Hzl renklendirmelere hakim olun

ALT/OPT+Delete tuuna basarak seili yaz, ekil veya katman foreground color ile boyayabilirsiniz. CTRL/CMD+Delete ile ise ayn i lemi yapyor fakat bu sefer boyama i lemini background rengine gre yapyor. D tuu renklerinizi siyah ve beyaza evirirken X tuu ise iki rengin yerini dei tiriyor.

6.Organize aln
Seili katmanlar grup yapmak iin CTRL/CMD+G tuunu kullanabilirsiniz. erikleri, grselleri ve her trl illstrasyonu gruplamak al ma alannz daha dzenli klacaktr. Bylece al rken fazlasyla zaman kazanacaksnz.

7.Smart Objects kullann

Filter > Convert for Smart Filters ve zerinde al t nz layer sa tklayarak Convert to Smart Object diyerek akll objeler oluturabilirsiniz. Bu objeler zerine uygulad nz efektleri katmann aasnda listeler ve yeri geldi inde geriye dnp efekt ayarlaryla tekrar oynamanz mmkn klar. zellikle byk boyutlardaki grsel rtulerinde byk nem tayan bu teknik hznza hz katacaktr.

8.Ksayol tularn kullann

Her programda olduu gibi Photoshop iin de onlarca ksayol tuu var. Copy, Paste, Cut, New ve Open Bunlar sadece bildiklerimiz. Sk kullanlan Photoshop ksayol tularn renmek iin aadaki makaleme gz atn. Photoshop Ksayol Tular

9. Snap ayarlarnz dzenleyin

View > Snap blmnden yukardaki grseldekine benzer ayarlar yapn. Bylece izimleriniz kelere otomatik olarak tutunacak, eksik veya fazla byltme, kltme, dndrme hatalar bir daha banza gelmeyecektir.

10.Save for Web kullann

Photoshopun Save for Web (Web iin Kaydet) seenei, biz web geli tiricileri iin byk nem tamaktadr. File > Save for Web seeneinden dosyalarnz kaydedin. Aadaki makalemi okuyarak bu i lemi daha detayl aratrabilirsiniz. Photoshop ile Grsellerinizi Sk trarak Web Sayfanzn Al Hzn Arttrn

Bu kaydetme arac sayesinde kalite kaybn minimuma indirip dosya boyutunu byk oranda azaltabiliriz. Web sayfanzdaki grsellerin dosya boyutunu azaltamanz; Sitenizin daha hzl almasna, Ziyaretilerin daha az kota harcamasna, Al hzna edeer Google puannzn artmasna, ve daha birok i e yarar sonu verir. Kaynaklar 1. http://www.adobewordpress.com/photoshop-ile-gorsellerinizisikistirarak-web-sayfanizin-acilis-hizini-arttirin/ 2. http://www.adobewordpress.com/photoshop-kisayol-tuslari/ 3. http://help.adobe.com/en_US/photoshop/cs/using/WSD578BD7D07BC-46f6-AAC2-6E491E8AD818a.html 4. http://1200px.com/

Benzer Konular:
Photoshop ile Grsellerinizi Sk trarak Web Photoshop Ksayol Tular WP Smush.it ile Grsellerinize Hkmedin! CSS Gradient Arkaplan ve Performans Photoshopu Trke Yapma, Trkeletirme

Yaz Kategorisi : pular , Photoshop Dersleri Anahtar Kelimeler : design , dizayn , ipular , Photoshop Dersleri , tasarm , tips , web