Photoshop Dersleri: Photoshopta Template Hazırlama...

Photoshop Dersleri - Photoshop Dersleri: Photoshopta Template Hazırlama... Sponsorlu Bağlantılar ben photoshopta bir tane template hazırladım onu html koduna dönüştürdüm benim sorunum photoshopta yapmış oldugum tabloların içine tablo boyutundan büyük yazı eklersem tablo bozuluyor bunu nasıl engelleyebilirim başka ...

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

pofuduk_ayi

Öğrenci (Grafik) / İzmir

Standart
Alt 05-05-2009 #91
Sponsorlu Bağlantılar

ben photoshopta bir tane template hazırladım onu html koduna dönüştürdüm benim sorunum photoshopta yapmış oldugum tabloların içine tablo boyutundan büyük yazı eklersem tablo bozuluyor bunu nasıl engelleyebilirim başka yerlerden aldıgım html kodlarında böyle sorunlarla karşılaşmıyorum kendi yaptıgım siteden oluyor tek Photoshop Dersleri: Photoshopta Template Hazırlama...
Bu mesajdan alıntı yap
pofuduk_ayi isimli Üye şimdilik offline konumundadır

pofuduk_ayi

Öğrenci (Grafik) / İzmir

Standart
Alt 12-05-2009 #92
                             Sponsorlu Bağlantılar
Kimse konuyla ilgilenmiyor mu?Soru sormuştum da
Bu mesajdan alıntı yap
hyundai isimli Üye şimdilik offline konumundadır

hyundai

Öğrenci (Diğer) / İstanbul

Standart
Alt 16-06-2009 #93
Teşekkürler, çok güzel anlatım.
Bu mesajdan alıntı yap
loadcity isimli Üye şimdilik offline konumundadır

loadcity

Öğrenci (Grafik) / Bursa

Standart
Alt 18-06-2009 #94
Kardeş bunun kodlarını nasıl alabiliriz ve nsl kaydedicez bunu onuda bi anlatırmısın
Bu mesajdan alıntı yap
acem kızı isimli Üye şimdilik offline konumundadır

acem kızı(28)

Öğrenci (Grafik) / İstanbul

Standart
Alt 14-08-2009 #95
yeni gördüm işime çok yarayacak teşekkürlerPhotoshop Dersleri: Photoshopta Template Hazırlama...
Bu mesajdan alıntı yap
tilsimhakan isimli Üye şimdilik offline konumundadır

tilsimhakan

Grafiker / İstanbul

Standart
Alt 20-08-2009 #96
Photoshop Dersleri: Photoshopta Template Hazırlama...1:Photoshop Dersleri: Photoshopta Template Hazırlama...1:Photoshop Dersleri: Photoshopta Template Hazırlama...1:Photoshop Dersleri: Photoshopta Template Hazırlama...arty:Photoshop Dersleri: Photoshopta Template Hazırlama...arty:
:sleepy::sleepy::sleepy::smile::smile::smile::smil e::sleepy::sleepy::sadsmile::sadsmile::rofl::rofl:
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...



003.jpg[/IMG]
[/center]

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
onrbsrkrz isimli Üye şimdilik offline konumundadır

onrbsrkrz

Grafiker / İstanbul

Standart
Alt 22-08-2009 #97
ilginç bir o kadar hoş teşekkürler.
Bu mesajdan alıntı yap
yunuskekec isimli Üye şimdilik offline konumundadır

yunuskekec

Webmaster / Hatay

Standart
Alt 24-08-2009 #98
Teşekkürler Elinize Saglık Çok işime Yarayacak Emege Saygı............

Fakat Bu templateyi yaptıktan sonra Ne yapacagız WebSayfasına Nasıl ekleyip Birleştirecegiz Biraz Yardım Ederseniz Sevinirim
Bu mesajdan alıntı yap
delibadi isimli Üye şimdilik offline konumundadır

delibadi(33)

Grafiker / Zonguldak

Standart
Alt 24-08-2009 #99
Ö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.
elina sağlık gözel bir anlatım olmuş
Bu mesajdan alıntı yap
eceplaket isimli Üye şimdilik offline konumundadır

eceplaket

Hiç Biri / Van

Standart
Alt 24-08-2009 #100
güzel paylaşım ellerine sağlık
Bu mesajdan alıntı yap
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?