Photoshop Dersleri: Photoshopta Template Hazırlama...

Photoshop Dersleri - Photoshop Dersleri: Photoshopta Template Hazırlama... ...

Cevapla
Photoshop Dersleri: Photoshopta Template Hazırlama...
designed by ofa isimli Üye şimdilik offline konumundadır

designed by ofa(30)

Bilg. Teknikeri / Samsun

Photoshop Dersleri: Photoshopta Template Hazırlama...

Alt 28-05-2007 #1
Sponsorlu Bağlantılar

Merhaba Arkadaşlar;
Sizlere emliden geldiğince template yapımını anlatıcam.Eksiklerim yada gözümden kaçan şekler olabilir eğer böyle bir şey fark ederseniz lütfen bana iletin düzeltmeye çalışırım…


1. Photoshop’u açtıktan sonra öncelikle 700 pixel’e 600 pixellik resulation=72 olan boş sayfa oluşturuyoruz.(Bu boyut ortalama bir template boyutudur.Yani gözkararı diyebilirizsiz istediğiniz boyutta yapabilirsiniz tabiî ki ama çalışmanın birlikte yapılabilmesi açısından sizde bu boyutta açarsanız daha iyi olur)
Photoshop Dersleri: Photoshopta Template Hazırlama...


2. Sonra yeni bir layer açıp
Photoshop Dersleri: Photoshopta Template Hazırlama...
3. ardından yeni açyığımız layerın ismini arkaplan olarak değiştiriyoruz(layer1 yazen yere tıklayarak değiştirebilirsiniz) ve yine layerımıza sağ tıklayarak blending optionsa giriyoruz
Photoshop Dersleri: Photoshopta Template Hazırlama...

Drop shadow ayarlarını resimdeki şekilde ayarlıyoruz ardından gredient overlay’ı seçiyoruz
Foregrant to transparent seçeneğini seçiyoruz ve gredient yazan yere tıklayıp color bölümüne tıklayıp color değerimizi d3d3d3 değerini veriyoruz(bunları yaptıktan sonraki hali aşağıdaki gibidir)

Photoshop Dersleri: Photoshopta Template Hazırlama...
Photoshop Dersleri: Photoshopta Template Hazırlama...

Sonra hepsine ok diyerek blending options bölümüzden çıkıyoruz…
Böylece arkaplan resmimize köşeleri oval, gredient sayesinde biraz ****l görünümlü ,drop shadow sayesinde de gölgeli bir hal alarak boyut kazandırmış olduk.

4.Şimdide banner oluşturalım yeni bir layer açalım ve ismini banner yapalım ardından alttaki resimdekileri oluşturalım.
Photoshop Dersleri: Photoshopta Template Hazırlama...


Bannerımıza birazda görsellik katalım istedim şimdide renklerimizi hiç değiştirmeden brush (fıça) seçip çalışma alanımıza sağ tıkladım karşımıza çıkan brush menüsünden çimen 112 pix fırçamızı seçtim(fırça ayarlarımızın default halindeki fırçalardan) ardından yine arka plan layerımıza ctrl’a basık tutarak tek klikle seçili hale getirdim ve bannerın istediğm bir yerine bir parça brush kullandım böylece fırça ile boyadığımız yeri seçim alanı dışına taşırmamış olduk (alttaki resim).sağ tıklayıp deselecti seçerek seçimimizi yok ettik.Birde yazı yazalım istiyoruz örneğin ben bu sitenin bir t-shirt sitesi olmasını istiyorudum buna uygun bir şey yazıdım siz istediğiniz bir şey yazabilirsiniz.
Photoshop Dersleri: Photoshopta Template Hazırlama...

5.şimdide tamplateimizin en önemli noktalarından birine yerleşim planına geldi sıra. arkadaşlar yani nerede ne olmalı nerede ne görüntülenmeli bunları önceden iyice düşünmemiz gerekiyor. Yine sitemizin bütünlügünü ve görsel uyumluluğunu bozmamak şartıyla çerçeveler ve butonlarımızı hazırlayalım

Photoshop Dersleri: Photoshopta Template Hazırlama...

Şimdi kendi işimizi kolaylaştırmak açısından layer pencermizin alt kısmındaki klasör simgesine tıklayıp bir group oluşturalım ve grubumuzun adını taslak olarak verelim.butonlarımız ve background hariç tüm layerları seçip grubumuzun içine atalım ardından bir grup daha oluşturup bu sefer ismini butonlar olarak koyalım ve tüm buton layerlarımızıda seçip içine sürükleyelim. Böylece hepsi düzenli ve toplu halde olsun ki aradığımızı kolayca bulabilelim.

Templatemizin büyük bir kısmını tamamlamış olduk arkadaşlar.Birkaç ufak işimiz kaldı
Bu arada sayfa yerleşimini şu şekilde yaptım.

Photoshop Dersleri: Photoshopta Template Hazırlama...

Şimdi 2 tane daha çerçeve hazırlayalım.
Nasıl hazırlandığını artık sizde biliyorsunuz. Butonlar ve önceden yaptığımız çerçevelerin altındaki boşluğa sığacak şekilde smooth değeri2 olan(kenar owalliği) bir çerçeve daha yapıyoruz

Photoshop Dersleri: Photoshopta Template Hazırlama...

Ardından tüm bunların altına sığacak şekilde kocaman bir tane seçim yapıyoruz ve içini griye boyuyoruz böylece ilk yaptığımız arka plana verdiğimiz efect sayesinde şimdi yaptığımız zemin farklı bir görünüm kazanacaktır(alttaki resim)



Veeeeeeeeeeeeeeee son olarakta altına son yaptığımız layerın biraz daha incesini yaparak templatemizi bitirmiş oluyoruz artık içini doldurmak sizlere kalmış ben bişeyler doldurdum umarım ders işinizi görmüştür ve daha nice templatelere esin kaynağı olur herkese iyi çalışmalar
Hazırlayan : Designed by öfa

İşte buyurun…

Photoshop Dersleri: Photoshopta Template Hazırlama...
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Gökhan TEKİN isimli Üye şimdilik offline konumundadır

Gökhan TEKİN

ARTniyetli

Fotoğrafçı / Bursa

Standart
Alt 28-05-2007 #2
                             Sponsorlu Bağlantılar
Ve karşınızda işte ömer faruk o güzel anlatımıyla :cool: teşekkürler ömer faruk .. çok güzel anlattın bende benım slice tool anlatımı anlatıyım devamı olsun bırbırını tamamlıyorlar. çok güzel bir konuya değindin... Tekrar teşekkürler..
Bu mesajdan alıntı yap
designed by ofa isimli Üye şimdilik offline konumundadır

designed by ofa(30)

Bilg. Teknikeri / Samsun

Standart
Alt 28-05-2007 #3
vay gökhanım ne çabuk cevap yazdın bende sana onu seöyleyecektim slice tool'uda ekleyelimde seninde söylediğin gibi birbirini tamamlasınlar. Bu arada kusura bakma Kardeşim Fazla ilgilenemiyorum bu aralar sınavlarımız başladı. Bende madem ilgilenemiyorum bari ders ekleyeyim dedim... Photoshop Dersleri: Photoshopta Template Hazırlama...
Bu mesajdan alıntı yap
naklov isimli Üye şimdilik offline konumundadır

naklov

Hiç Biri / İstanbul

Standart
Alt 28-05-2007 #4
ellerine sağlık ofa guzel anlatım paylaştığın içintşkler..
Bu mesajdan alıntı yap
designed by ofa isimli Üye şimdilik offline konumundadır

designed by ofa(30)

Bilg. Teknikeri / Samsun

Standart
Alt 23-06-2007 #5
arkadaşlar ders biraz bakılmayanlar arasında kalmış bende bir cvp yazıp görmeyen arkadaşların görmesi açısından iyi olacağını düşünüyorum o nedenle bir cvp yazıyorum...
Bu mesajdan alıntı yap
Hatice ÇAVDAR isimli Üye şimdilik offline konumundadır

Hatice ÇAVDAR

Kargacık Burgacık

Grafiker / İstanbul

Standart
Alt 23-06-2007 #6
eline sağlık güzel bir ders olmuş...Photoshop Dersleri: Photoshopta Template Hazırlama...
Bu mesajdan alıntı yap
RaTRoJaN isimli Üye şimdilik offline konumundadır

RaTRoJaN

Fotoğrafçı / Yurtdışı

Standart
Alt 23-06-2007 #7
eline sağlık
Bu mesajdan alıntı yap
ozan-tr isimli Üye şimdilik offline konumundadır

ozan-tr(27)

Matbaacı / Burdur

Standart
Alt 23-06-2007 #8
Emeğindeki eline teşekkürler...Photoshop Dersleri: Photoshopta Template Hazırlama...
Bu mesajdan alıntı yap
Bahtınur YILDIZ isimli Üye şimdilik offline konumundadır

Bahtınur YILDIZ(33)

Grafiker / Tekirdağ

Standart
Alt 23-06-2007 #9
eline sağlık çok net anlatmışsın..
Bu mesajdan alıntı yap
designed by ofa isimli Üye şimdilik offline konumundadır

designed by ofa(30)

Bilg. Teknikeri / Samsun

Standart
Alt 23-06-2007 #10
Önemli değil arkadaşlar ben teşekkür ederim. Bu arada Gökhan eğer zamanın varsa bu dersin devamını ekleyecektin hatırlatayımda eklersin en yakın zamanda.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
dersleri, grafik, hazirlama, hazırlama, hotoshopda zemin hazirlama, photoshop, photoshop web template, photoshopta, template

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop Dersleri: Photoshopta Çerçeve Yapımı kasta095 Photoshop Dersleri 13 28-09-2012 09:58:35
King suit Template for Photoshop graface Psd Dosyaları 1 27-08-2009 18:36:24
Photoshop cs2 -- web sayfası hazırlama nasıl olur YELDA Web Tasarımı 2 06-09-2007 11:02:29
Frame template for Adobe Photoshop sezosailor Photoshop 9 23-08-2007 20:40:54
Beautiful Wedding Template for Photoshop sezosailor Photoshop 0 23-08-2007 14:27:05

Kapat
Şifremi Unuttum?