• 09-05-2010, 00:16:16
    #1
    Misafir
    Bu dersimizde size web tasarım - grafik tasarım hakkında nasıl portfolyo sitesi açılır onu anlatıcaz ve photoshopda psd formatında bir taslak oluşturucaz.

    İşe yeni bir döküman oluşturmakla başlıyoruz (file > new) ölçüleri 1000×8000px ve 72 dpi olarak seçiyoruz. Şimdide Paint Bucket Tool (G) ile background layer a siyah rengi veriyoruz.



    Yeni bir layer oluşturuyoruz ve Opacity değeri %20 olan standart brush ımızı seçiyoruz. Kırmızı renkle biraz boyuyoruz sonra brush büyüklüğünü azaltıp yeşil renkle dikey çizgi çekiyoruz.



    3×3px ve 72dpi lik yeni bir döküman açıyoruz ve aşağıdaki pattern ı uyguluyoruz.Bunu yapmak için 1 px lik pencil tool u seçiyoruz (B) ve siyah renkle aşağıdaki artı yı oluşturuyoruz. Dökümanın arkaplanı silinmiş olmalı.


    Edit > Define Pattern e tıklıyoruz.
    Yeni bir layer oluşturuyoruz ve Edit > Fill e tıklıyoruz, bir önceki kaydettiğimiz pattern ı seçiyoruz.


    Şimdi 10 px radius luk Rounded Rectangle Tool u seçiyoruz (U) ve portfolyalarımızı yazıp gösterebileceğimiz bir şekil çiziyoruz sonra üstüne biraz yazı ekliyoruz.


    Şimdide layers panel den bu layer ın stilini oluşturucaz bunun için: layers’ panel: Blending Options>Outer Glow


    Blending Options>Inner Glow


    Blending Options>Gradient Overlay


    Gradient’s parametreleri:



    Oluşturduğumuz son layer ı kopyalıyoruz ve Convert Point Tool ile Direct Selection Tool (A) u seçiyoruz ve sağ üst köşenin yerini değiştiriyoruz.


    Bu layer ın stili için: Blending Options>Gradient Overlay


    Gradient’s parametreleri:



    Alttaki resimdeki gibi Section a name ekliyoruz.



    Şimdi section name in altına yazı ekliyoruz aşağıdaki gibi:



    Şimdi yazılarımızın yanına resimler ekliyoruz ve Portfolyo sayfamızı tamamladık işte bu kadar Demo resmi görmek için aşağıdaki butona tıklayın:

  • 09-05-2010, 00:32:36
    #2
    Üyeliği durduruldu
    Kardeş Eline Sağlık Paylaştığın için bak orada Sperm İmajları var onları yoket
  • 09-05-2010, 00:34:41
    #3
    Misafir
    tamamdır hocam teşekkürler
  • 09-05-2010, 10:17:13
    #4
    pr0xymAn1ac adlı üyeden alıntı: mesajı görüntüle
    Demo resmi görmek için aşağıdaki butona tıklayın:


    Ah bide çalışsa
  • 09-05-2010, 14:21:33
    #5
    Yararlı bi anlatım olmus. Ellerinize Saglık +
  • 09-05-2010, 14:31:08
    #6
    Misafir
    EmreX adlı üyeden alıntı: mesajı görüntüle
    Ah bide çalışsa
    demo butonu düzeltildi hocam teşekkürler...