web 2.0 standartlarında başlık hazırlamak

İşe başlamadan önce yapmanız gereken ilk şey renkleri belirlemek. Kullanacağınız renkler parlak ama göze batmayan renkler olmalı. Sonra renkten renge geçiş efekti için bu belirlediğiniz rengin biraz soluğunu bulmalısınız. Çerçeve için ise belirlediğiniz rengin birz koyu tonunu bulmalısınız.
Renklerimizi belirlemiş olduğumuza göre artık photoshop ile bir style oluşturabiliriz. İstediğiniz ölçülerde bir sayfa açın ve menüden Layer/ New/ New Layer yollarını izleyerek yeni bir katman oluşturun.

rectanguler_marquee_tool.pngSonra “Rectanguler Marquee Tool” aracı ile ufak bir kare oluşturun ve herhangi bir renge boyayın.

Geçiş Belirleme

Şimdi belirlediğimiz açık renkten koyu renge doğru bir geçiş uygulayalım. Bu geçiş başlıklarınızın güzelliğini gözle görülür bir şekilde artıracaktır.

colors_gradient.png

Tekrar menüden Layer/ Layer Style/ Blending Options yollarını izleyin. Karşınıza gelen “Layer Style” penceresinden “Gradient Overlay” bölümüne tıklayın.

Şimdi ise renkleri belirtmemiz lazım; bunun için aşağıdaki belirtilmiş olan bölüme tıklıyoruz.

001.png

Karışımıza gelen “Gradient Editor” penceresinden aşağıda belirtilen yerlere tıklayarak renk belirlemelerini yapıyoruz ve “OK” butonuna basıyoruz.

002.png

Çerçeve Belirleme

Şimdi çerçeve rengine belirlediğimiz en koyu rengi atayalım ki başlıklarımızı gözle görülür hale getirelim. Eğer çerçeve kullanmazsanız başlıklarınız net olmayacaktır.

colors_gradient_border.png

Bunun için “Blending Options” penceresinden “Stroke” bölümüne tıklıyoruz ve değerleri aşağıdaki resimdeki gibi yapıyoruz.

003.png

Style Oluşturma

Son olarak aşağıda belirtilen “New Style” butonuna tıklayarak stilimize bir isim veriyoruz.

004.png

Başlık Hazırlama

Artık bütün işlemleri kapatıp yeni bir sayfa açıyoruz ve bir başlık yazıyoruz. Daha sonra aşağıdaki yönergeleri uyguluyoruz.

005.png

Sonuç aşağıdaki gibi olacaktır.

colors_gradient_border_text.png

Yansıma Hazırlama

Gördüğünüz gibi başlığımız yavaş yavaş belirmeye başladı ama tam olarak bitmedi. En önemli konulardan birisi yansımalardır. Yansıma kullandığınız vakit başlıklarınız bir zemin üzerinde duruyormuş hissi verecektir.

Şimdi ise Layer/ Duplicate Layer yolunu izleyerek yazımızın bir kopyasını oluşturuyoruz. Daha sonra Edit/ Transform/ Flip Vertical yolunu izleyerek yazımızı ters çeviriyoruz. Tekrar Layer/ New/ New Layer yolunu izleyerek yeni bir layer oluşturuyoruz. Şimdi ise “Ctrl” tuşuna basılı tutarak yeni oluşturmuş olduğumuz layer’a daha sonra alttaki layer’ a tıklıyoruz.

006.png

Tekrar menüden Layer/Merge Layer yolunu izliyoruz ve böylece seçmiş olduğumuz iki layer’ı birleştirmiş oluyoruz.

move_tool.png“Move Tool” aracı ile kopya oluşturduğumuz yazıyı alt alta getiriyoruz. Yalnız arada 1px kadar bir boşluk bırakın.

007.png

Şimdi ise “D” tuşuna basıyoruz ve aşağıda gösterilen butona tıklıyoruz.

008.png

gradient_tool.pngTools menüsünden “Gradient Tool” aracına tıklıyoruz. Aşağıdaki resimdeki gibi başlangıç noktasına tıklayarak bitiş noktasına kadar bir yol izliyoruz.

009.png

Daha sonra yazımızın opaklığını aşağıda belirtilen yerden ayarlıyoruz.

010.png

Sonuç :

colors_gradient_border_text_reflection.png

Artık sizde online araçlara mahkum olmadan, web 2.0 standartlarında başlıklar hazırlayabilirsiniz.

E-posta Aboneliği

Güncel bilgiler E-posta olarak gelsin

Destek FeedBurner

Tags:

Leave a Reply


website counterwho is onlinepage counter Web Stats