Photoshop Dersleri: [ÇEVİRİ] Kişisel Site Yapımı

Grafikerdem · 14 Haz 2008

Çeviri Tamamen bana AİTTİR. Kesinlikle izinsiz (Ç)alıntı YAPILAMAZ!

Part1

800x800 px Yeni bir sayfa açıyoruz ve Rectangle Tool (U) ile Resmimize bir dikdörtgen çiziyoruz.

Bu Katmanın Ayarları:
[FONT=&quot]Blending Options>Gradient Overlay [/FONT]

[FONT=&quot]Gradient[/FONT][FONT=&quot]s[/FONT][FONT=&quot] parametreleri: [/FONT]

Brush Tool (B) aracında Standart Fırçalardan Aşağıdaki fırçayı seçerek Altta Ve Üstte #[FONT=&quot]98B660 [/FONT][FONT=&quot]renginde[/FONT]2 tane Çizgi Oluşturuyoruz ve Alttaki Çizgiden Eraser Tool (E)İle birazcık Siliyoruz Resimdeki Gibi…

Rounden Rectangle Tool (U) Aracını Seçiyoruz ve Radius Ayarını 15’e getiriyoruz. Ardından Fırçalarla çizdiğimiz çizgilere denk gelecek şekilde Dikdörtgenimizi Çiziyoruz. Katmanımza Sağ tıklayıp Rasterize Layer yapıyoruz ve Ardından Rectangular Marquee Tool (M) ile Çizdiğimiz dikdörtgenin yarısını Seçiyoruz ve Del Tuşuna basıyoruz. Aşağıdaki Şekli Almış Olucaktır.

Bu Katmanın ayarları:
[FONT=&quot]Blending Options>Gradient Overlay[/FONT]

Grafikerdem · 14 Haz 2008

Part 2

[FONT=&quot]Gradients parametreleri:[/FONT]

Rounded Rectangle Tool (U) Aracımızı Seçerek Sayfamızın Oluşacak Alanını Seçiyoruz Resimdeki gibi…

Bu katmanın Ayarları:
[FONT=&quot]Fill 0% on the layers.[/FONT]
[FONT=&quot]Blending Options>Outer Glow [/FONT]

[FONT=&quot]Blending Options>Stroke[/FONT]

Tekrardan Rectangle Tool (U) aracımızı alıyoruz ve Menümüz İçin Resimdeki gibi küçük ve uzun bir dikdörtgen çiziyoruz.

Bu katmanın ayarları:
[FONT=&quot]Fill 0%[/FONT]
[FONT=&quot]Blending Options>Gradient Overlay[/FONT]

[FONT=&quot]Gradients parametreleri:[/FONT]

Grafikerdem · 14 Haz 2008

Part 3

[FONT=&quot]Blending Options>Stroke[/FONT]

Line Tool (U) Aracımızla 2 px boyutunda bir ufak çizgi atıyoruz menüdeki linkleri birbirinden ayırmak için.

Bu Katmanın Ayarları:
[FONT=&quot]Fill 0%[/FONT]
[FONT=&quot]Blending Options>Gradient Overlay[/FONT]

[FONT=&quot]Gradients parametreleri:[/FONT]

CTRL+J Tuş Kombinasyonu ile çizgilerimizi Çoğaltıyoruz şekildeki gibi.

E menü yaparız da isimsiz olmaz mı? Elbette ki olacak aşağıdaki gibi ayarlıyoruz yazı tipini boyutunu ve yazılarımızı yazmaya başlıyoruz.

Grafikerdem · 14 Haz 2008

Part 4

[FONT=&quot]

Tekrardan Line Tool (U) Aracımızı kullanarak #[/FONT]CBF08E[FONT=&quot] renginde Yatay Şekilde Çizgiler Çiziyoruz.

Şimdi İse başlıklara geçiyoruz.

(lorem)

(ipsum dolor)

(blandit, consequat)

(cursis ultrices, fringillla)

[/FONT]

Grafikerdem · 14 Haz 2008

Part 5

Şimdi İse yazı Alanının Renkleri Ve Yazı tipine geçtik.

(Sed diam nonummy)

(the orange accentuated one)

(the dark text, also accentuated)

(04.10.2007)

Yeni Bir Sayfa 21x21 Px ve Rectangle Tool (U) ile 3 tane kalın çizgiler Çiziyoruz Ve Free Transform (CTRL+J) Aracıyla Bu çizgileri çapraz Olacak Şekle getiriyoruz.

Edit>>Define Pattern olarak Kaydediyoruz bunu.

Grafikerdem · 14 Haz 2008

part 6

Yeni bir katman oluşturuyoruz ve Edit>>Fill Yolundan yaptığımız Pattern’i seçiyoruz.

Ayarlamaları Yaptıktan Sonra Katmanımıza tıklayarak Modunu Normal’den Soft Light olarak değiştiriyoruz ve Fill Değerini %40 yapıyoruz.

Pencil Tool (B) Aracımızı Kullanarak Şekildeki gibi #[FONT=&quot]9E80E1 [/FONT][FONT=&quot]renginde bir şekil çiziyoruz ve fazla olan yerleri Eraser Tool (E) ile [/FONT]

Katmanımızın Modunu Normal’den Overlay’a döndürüyoruz.

Rounded Rectangle Tool (U) ile küçük bir dikdörtgen çziyoruz ve Delete Anchor Point Tool İle Resimdeki Şekle Getiriyoruz.

Grafikerdem · 14 Haz 2008

part 7

Bu Katmanın ayarları:
[FONT=&quot]Fill 0%[/FONT]
[FONT=&quot]Blending Options>Gradient Overlay[/FONT]

[FONT=&quot]Gradients parametreleri:[/FONT]

Aynı Layer’dan bir tane daha kopyalıyoruz ama bu seferki ayarlarını daha farklı yapıcaz.

Bu katmanın ayarları:
[FONT=&quot]Fill 0%[/FONT]
[FONT=&quot]Blending Options>Gradient Overlay[/FONT]

[FONT=&quot]Gradients parametreleri:[/FONT]

Grafikerdem · 14 Haz 2008

Part 8 SON

[FONT=&quot]Blending Options>Stroke[/FONT]

Site ismi yazıcaz tabikide onun ayarları için;

Bu katmanın ayarları:
[FONT=&quot]Blending Options>Outer Glow[/FONT]

İşte Bu kadar…Şablonunuz Hazır…Slice ile keserek İndex Hazırlayabilirsiniz…
Çeviri: Grafikerdem // Erdem MERAŞ Grafikerler.NET

Theillegal · 14 Haz 2008

Biraz küçük oldu ama güzel çeviri eline sağlık

dubster · 14 Haz 2008

renk uyumu güzel olmuş eline sağlık

Grafikerdem · 14 Haz 2008

yorumlarınız için teşşekür ederim...

Cahit GÜLDEN · 14 Haz 2008

Erdem ellerine sağlık çok güzel konuları işlemişsin.
Kopye deyince ona garanti veremiyoruz işte, adamlar bizim sitenin tamamını kopyeliyolar.
Hatta o kadar pişkinlerki konu içindeki imajlarımızın urlsinde bile ismim yazıyor

Yalnız unuttukları birşey var. "Taşıma suyla değirmen dönmez."
Grafikerler.net olarak biz bu alanda ciddi rakiplerin varlığından rahatsız olmayız, aksine bu bizi işimize motive ederek daha verimli olmamımızı sağlar. Fakat insanlar kendileri birşey üretmek yerine, bizden konu veya fikir çalarak bize rakip olacaklarını zannediyorlar. Bizim gözümüzde bir rakip olmak yerine sefil birer hırsız görünümüne bürünüyorlar.
Burada bizden fikir ve konu hırsızlığı yapan sitelerin adreslerini vermek ve onları sizin karşınızda birer at hırsızı gibi teşhir etmek isterdim ama onların isteğide bu, yani onların ekmeğine yağ sürmek istemiyorum. Erdem bu kopyecilerden kurtulmanın bir yolu yok
gerekli kapasitesi olmayan dar kafalı insanlar her zaman faydalı işleri çalacaktır, ama az da olsa önlemenin yolu resimlerin üzerine grafikerler.net logotype eklemektir.

Grafikerdem · 14 Haz 2008

Cahit GÜLDEN' Alıntı:
Erdem ellerine sağlık çok güzel konuları işlemişsin.
Kopye deyince ona garanti veremiyoruz işte, adamlar bizim sitenin tamamını kopyeliyolar.
Hatta o kadar pişkinlerki konu içindeki imajlarımızın urlsinde bile ismim yazıyor
Yalnız unuttukları birşey var. "Taşıma suyla değirmen dönmez."
Grafikerler.net olarak biz bu alanda ciddi rakiplerin varlığından rahatsız olmayız, aksine bu bizi işimize motive ederek daha verimli olmamımızı sağlar. Fakat insanlar kendileri birşey üretmek yerine, bizden konu veya fikir çalarak bize rakip olacaklarını zannediyorlar. Bizim gözümüzde bir rakip olmak yerine sefil birer hırsız görünümüne bürünüyorlar.
Burada bizden fikir ve konu hırsızlığı yapan sitelerin adreslerini vermek ve onları sizin karşınızda birer at hırsızı gibi teşhir etmek isterdim ama onların isteğide bu, yani onların ekmeğine yağ sürmek istemiyorum. Erdem bu kopyecilerden kurtulmanın bir yolu yok
gerekli kapasitesi olmayan dar kafalı insanlar her zaman faydalı işleri çalacaktır, ama az da olsa önlemenin yolu resimlerin üzerine grafikerler.net logotype eklemektir.

Çok haklısınız Çok Doğru Söylüyorsunuz....Bunların Önüne Asla geçemeyiz Ve Dediğiniz gibii Eğerki Sitemizin Logotype'ını resimlere koyarsam bir nevi engellemiş Olurum Ama öyle Artık kendini bilmez siteler varkı O Resimleri Bile Logonun olduğu Kısma blur Çekiyorlar...Ayıp ya...

Yorumuunuz için çok çok teşşekür ederim

ates_bey · 22 Haz 2008

Hariha Bi çalısma saol

el_chancho · 24 Haz 2008

Baya emek oldugu belli yaratıcı ve ernkler güzel o0lmuş emegine saglık

travego · 12 Eki 2010

çok başarılı bir anlatım olmuş. bir sürü not aldım

teşekkürler

))

bys_mavi · 24 Ara 2010

Teşekkürler ...

	Benzer konular	Forum			Tarih
	Photoshop Dersleri: Kristalize Efekt yapmak	Photoshop Dersleri	1	2K	16 Mar 2013
	Photoshop Dersleri: 180 adet Türkçe Görüntülü Ders anlatımı	Photoshop Dersleri	14	7K	30 Ara 2011
L	PhotoShop Dersleri:Pentoll Yapımı	Photoshop Dersleri	1	1K	12 Eki 2010
	Photoshop Dersleri: Hadi Avatar'ı yapalım :)	Photoshop Dersleri	18	7K	2 Nis 2010
	Photoshop Dersleri:Eskimiş Duvar Yapımı/"Sponge","Underpainting","Unsharp Filtreleri	Photoshop Dersleri	2	5K	7 Ara 2009
	Photoshop Dersleri: yamalı yazılar	Photoshop Dersleri	11	4K	24 Eyl 2009
	Photoshop Dersleri: Saat çizimi..	Photoshop Dersleri	8	5K	15 Eyl 2009
	Photoshop Dersleri: [ÇEVİRİ] Creating a Website Design From Scartch	Photoshop Dersleri	9	3K	13 Haz 2008

Ara

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

Photoshop Dersleri: [ÇEVİRİ] Kişisel Site Yapımı

Grafikerdem

Benzer konular

Grafikerdem

Grafikerdem

Grafikerdem

Grafikerdem

Grafikerdem

Grafikerdem

Grafikerdem

Theillegal

dubster

Grafikerdem

Cahit GÜLDEN

Eğitimci Grafiker

Grafikerdem

ates_bey

el_chancho

travego

bys_mavi