Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

Photoshop Dersleri - Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch ...

Cevapla
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch
Grafikerdem isimli Üye şimdilik offline konumundadır

Grafikerdem

Öğrenci (Diğer) / Muğla

Dosya24

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

Alt 12-06-2008 #1
Sponsorlu Bağlantılar

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch





1. Yeni Bir Sayfa Açıyoruz ( CTRL+N )


2. Rounded rectangle tool ile Sayfanın içerisinde bir Dikdörtgen Oluşturuyoruz ve rengini yeşil yapıyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

3. Graient Tool (G) Aracını Tklıyoruz ve Bir Tarafı Tansparan Olucak Şekilde Ayarlıyoruz ve Opacity Değerini %13 Yapıyor.z Sayfanın Sağ Alt köşesinden Başlayaak Sol Üst köşesine doğru çekip bırakıyourz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

4. Ellipste Tool ile Büyük bir yuvarlak çiziyoruz ve içini Sarı Renge boyuyoruz.Ardından Sürükleyip Sayfanın ağ Alt öşesine götürüyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch


5. Şekildeki gibi ayarlamaları yapıyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

6. şimdi İse Menümüzü Oluşturacağız. rounded rectangle tool ile Resimdeki gibi bir şekil çiziyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

7. CTRL+J Tuş Kombinasyonuyla Katmanlarımızı Çopaltıyoruz ve alt alta geliek şekilde sıralıyoruz.

[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

8. Şimdi İse Rounded Rectangle tool ile Küçük turuncu noktalar çiziyoruz resimdeki gibi ve Menülerimize isimler veriyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

9.Aralarından Bir tanesini Seçiyoruz Ve Sengini turuncuya Boyayıp Free Transform ile Dışarı çıkartıyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

10. Brush tool ile Menümüzün Altına ve sütüne birer nokta koyuyoruz ve arından bu Noktaları CTRL Tuşuna basarak Katmanlarımızın Üzerine tıklıyoruz Ve Seçili hale Geliyorlar.Ardından Katmanlarımızın Sol tarafındaki gözişaretlerini kapatıyoruz ve arkalandaki yeşil katmanımıza tıklıyorz arıdından DEL tuşuna basıyoruz. ve Şekildeki gbi delikler açılmış oluyor.



10/5.Aşağıdaki Ayarlamaları yapıyoruz.
[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

11. Pen Tool ile Şekildeki gibi bir Çubuk çiziyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

Ve Free transform ile bunu deliklere yerleştiriyoruz.Fazla gelen ksıımlarını Eraser Tool ile siliyoruz.

[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

12. Sol Üst Kşeye Header'ımızı Yerleştiriyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

13. Aşağıdaki 6 Şekilden Bir tanesni alıyoruz ve keserek resmmize yerleştiriyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

14. Şeklimizi tam elipsin üsütne gelicek şekilde ayarlıyoruz.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]
Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

15.Yeni gelen şeklimzii CTRL+J İle Çoğaltıyoruz ve alttaki katmanımıza sağ tıklıyarak blending options>>color overlay seçeneğini işaretliyerek siyah renge boyuyoruz ardından Opacitiy değerini %20 civarlarına getirin ve bu şekli elde etmiş olacaksınız.[COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

19. Arından Diğer gerçek resmimizi Bun üzerine getiriyoruz ve gölgemiz hazır [COLOR=White]Adobedestek.NET Grafikerdem.[/COLOR]

Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch

İŞte Bu Kadar Footer blümünüde oluşturduktan Sonra Template'miz hazır..



Anlatım: Erdem MERAŞ




Anlatım Tamamen bana aittir Orjinalinden baya dışarı çıkmşındır yani %50'si benim oluo.KESİNLİKLE İZİNSİZ KOPYALANAMAZ ! Grafikerler.NET Grafikerdem.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Hatice ÇAVDAR isimli Üye şimdilik offline konumundadır

Hatice ÇAVDAR

Kargacık Burgacık

Grafiker / İstanbul

Standart
Alt 12-06-2008 #2
                             Sponsorlu Bağlantılar
Teşekkürler bu güzel anlatım için...

Yaşam Hakkına Saygı

“ Bilim ve sanat, bir kuşun iki kanadı gibidir. Bu iki kanadı kullanabilen toplumlar uçar ve özgür olurlar.
Uçamayanlar ise tavuk olur...
"Tavuk toplum", önüne atılan bir avuç yemi gagalarken, arkadan yumurtalarının alındığının farkında bile olmaz!"
DARWİN


Tanrım beni baştan yarat yoksa durur durur merak ederim...

Bu mesajdan alıntı yap
Grafikerdem isimli Üye şimdilik offline konumundadır

Grafikerdem

Öğrenci (Diğer) / Muğla

Standart
Alt 12-06-2008 #3
Teşekkürler bu güzel anlatım için...

Reca...:angel:
Bu mesajdan alıntı yap
VolkanTEKiN isimli Üye şimdilik offline konumundadır

VolkanTEKiN

♫♪♪ ♫♪♪ ♫♪

Grafiker / Bursa

Standart
Alt 13-06-2008 #4
Teşekkürler. Güzel bir çeviri olmuş. +Rep



..::Grafikerler.net Hizmetleri::..

Bu mesajdan alıntı yap
Grafikerdem isimli Üye şimdilik offline konumundadır

Grafikerdem

Öğrenci (Diğer) / Muğla

Standart
Alt 13-06-2008 #5
Teşşekür ederim...
Bu mesajdan alıntı yap
toksager isimli Üye şimdilik offline konumundadır

toksager

Webmaster / Balıkesir

Standart
Alt 16-11-2008 #6
güzel paylasım... saol
Bu mesajdan alıntı yap
zkursatt isimli Üye şimdilik offline konumundadır

zkursatt(35)

Hiç Biri / Ankara

Standart
Alt 10-01-2009 #7
Teşekkürler cok canlı bir paylaşım...
Bu mesajdan alıntı yap
Zevs isimli Üye şimdilik offline konumundadır

Zevs

Grafiker / İstanbul

Standart
Alt 15-01-2009 #8
peki daha sonra web ortamına nasıl aktarabiliriz ? parça parça bölmek vs.. ?
Bu mesajdan alıntı yap
By Necdet isimli Üye şimdilik offline konumundadır

By Necdet

Grafiker / Van

Standart
Alt 20-01-2009 #9
gerçekten çok güzel bir çeviri olmuş.eline sağlık.
Bu mesajdan alıntı yap
Grafikerdem isimli Üye şimdilik offline konumundadır

Grafikerdem

Öğrenci (Diğer) / Muğla

Standart
Alt 03-03-2009 #10
peki daha sonra web ortamına nasıl aktarabiliriz ? parça parça bölmek vs.. ?
Photoshop'un İçinde Bulunan Slice Tool ile Link vermek istediğiniz bölümleri Kesin ve kaydederken "Save as for web devices" kısmından HTML'i işaretleyin...
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
ceviri, creating, dersleri, design, photoshop, scartch, website

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop Dersleri: Photoshop ile Çimden yazı yazmak. kasta095 Photoshop Dersleri 23 08-03-2013 02:11:57
Photoshop Dersleri: Photoshop la texture yapmak kasta095 Photoshop Dersleri 8 18-05-2012 14:07:16
Photoshop Dersleri [ÇEVİRİ] Glassy Shield Grafikerdem Photoshop Dersleri 5 03-03-2009 02:50:18
Photoshop Dersleri [ÇEVİRİ] Buton Yapımı Grafikerdem Photoshop Dersleri 19 13-02-2009 19:34:40
photoshop dersleri nuray110 Photoshop Dersleri 13 08-08-2008 19:56:31

Kapat
Şifremi Unuttum?