Photoshop'da Yapılan Temayı Web'e Aktarmak ?

Photoshop Soru ve Sorunlarınız - Photoshop'da Yapılan Temayı Web'e Aktarmak ? ...

Cevapla
Photoshop'da Yapılan Temayı Web'e Aktarmak ?
byhemsinli isimli Üye şimdilik offline konumundadır

byhemsinli(25)

Grafiker / İstanbul

Standart
Alt 02-02-2013 #11
Sponsorlu Bağlantılar

Öncelikle Web Mantığına aykırı bir background kullanmışsın. Fakat kısaca anlatmak gerekirse öncelikle. PSD'yi açıyoruz Photoshop'da Yapılan Temayı Web'e Aktarmak ?

Daha sonra yapılacak siteyi yatay bloklar gibi düşünebilirsin bir merdivanın basamakaları gibi
ben olsam bu siteyi ;
Yatak olarak üçe ayırırım.

<body></body> tagları arasına
<body>
<div id="ustkisim"></div>
<div id="ortakisim"></div>
<div id="altkisim"></div>
</body>

Genel Web dillemelerine göre biz bunlara ustkisim=header ortakisim=content ya da main
altkisim=footer deriz.

Daha sonra PSD mi parçalamaya başlarım.
DW'de yapmış olduğum çalışmayı öncelikle ayrı bir dosyada index.html olarak kaydederim.
Daha sonra aynı klasörün içine bir images diye dosya açarım.
Şimdi geldik PSD yi parçalamaya. PSD'de görünen her şey senin için bir işlevine göre bir image da olabilir bir background'da olabilir. Bunuda CSS le öğrenmen gerekicek. Okumak istersen devam edicem. Çünkü yorulmaya başladım Photoshop'da Yapılan Temayı Web'e Aktarmak ?
İlginize teşekkürler. Sizi yormak istemem ama şu css olayını anlamak isterim Photoshop'da Yapılan Temayı Web'e Aktarmak ? Backgroundu da değişeceğim yorum için Teşekkürler.
Bu mesajdan alıntı yap
EmreAYD1N isimli Üye şimdilik offline konumundadır

EmreAYD1N

Grafiker / Antalya

Standart
Alt 05-03-2013 #12
                             Sponsorlu Bağlantılar
background-image: "src="www.majestyajans.com/demo/img/logo.png ";

gibi CSS'le çağırabilirsin.
Bu mesajdan alıntı yap
byhemsinli isimli Üye şimdilik offline konumundadır

byhemsinli(25)

Grafiker / İstanbul

Standart
Alt 05-03-2013 #13
background-image: "src="www.majestyajans.com/demo/img/logo.png ";

gibi CSS'le çağırabilirsin.
Teşekkürler. iyi çalışmalar.
Bu mesajdan alıntı yap
futurist isimli Üye şimdilik offline konumundadır

futurist

Öğrenci (Grafik) / Ankara

Standart
Alt 06-03-2013 #14
Merhaba, Ps de yapılan bu temayı web sayfama nasıl aktarabilirim?

Photoshop'da Yapılan Temayı Web'e Aktarmak ?
temayı dream weaverda background yani arka plan yaparsın ama anasayfa yazan çubuk ayrı yapıldığından oradaki yazıları sil
( o yazı kısmını aynı şekilde kullanacaksan ayrı bir photoshop sayfasına şimdilik kopyalarsın kenarda beklesin)

Bundan sonra bu temayı photoshoptan jpg. yada png formatında kaydet.
ve dream weaver biliyorsan bundan sonrası kolay background image: bu resmi atarsın oldu.

yada en temel soruyu sorayım dreamweaver biliyormusun?
Bu mesajdan alıntı yap
byhemsinli isimli Üye şimdilik offline konumundadır

byhemsinli(25)

Grafiker / İstanbul

Standart
Alt 06-03-2013 #15
temayı dream weaverda background yani arka plan yaparsın ama anasayfa yazan çubuk ayrı yapıldığından oradaki yazıları sil
( o yazı kısmını aynı şekilde kullanacaksan ayrı bir photoshop sayfasına şimdilik kopyalarsın kenarda beklesin)

Bundan sonra bu temayı photoshoptan jpg. yada png formatında kaydet.
ve dream weaver biliyorsan bundan sonrası kolay background image: bu resmi atarsın oldu.

yada en temel soruyu sorayım dreamweaver biliyormusun?
Yardımın için teşekkürler. Şöyle diyeyim eğer işin içinde Dreamweaver varsa benim için daha kolay olur...
Bu mesajdan alıntı yap
futurist isimli Üye şimdilik offline konumundadır

futurist

Öğrenci (Grafik) / Ankara

Standart
Alt 06-03-2013 #16
öyleyse tamam ben kim ne kadar hangi programı biliyor bilmediğim için tam açıklayamadım.
ayrıntılı bir yazı istiyorsan. şöyle
body kısmına css + butonundan background image ile resim aktarıyoruz ya işte oradan siz kendi tasarımınızı oraya aktarmış olur sonrada içlerini div ler oluşturarark tamamlarsınız
burada mesele şu:
yaptığnınız photoshop resminizi jpg veya png olarak dışarı çıkarmalısınız. ben png kullanıyorum. ve yine önemli husus yapacağınız tasarımının yada sitenin boyutu.
Bu önemli çünkü siz resmi png olarak dışarı çıkarmadan önce image size ile resmi boyutlandırmanlazım ki iki iş olmasın. sitenin boyutuyla resmin boyutu aynı olmalı ki rahat çalışasın.
anlamadığın yer olursa şimdlik burdayım
Bu mesajdan alıntı yap
byhemsinli isimli Üye şimdilik offline konumundadır

byhemsinli(25)

Grafiker / İstanbul

Standart
Alt 06-03-2013 #17
öyleyse tamam ben kim ne kadar hangi programı biliyor bilmediğim için tam açıklayamadım.
ayrıntılı bir yazı istiyorsan. şöyle
body kısmına css + butonundan background image ile resim aktarıyoruz ya işte oradan siz kendi tasarımınızı oraya aktarmış olur sonrada içlerini div ler oluşturarark tamamlarsınız
burada mesele şu:
yaptığnınız photoshop resminizi jpg veya png olarak dışarı çıkarmalısınız. ben png kullanıyorum. ve yine önemli husus yapacağınız tasarımının yada sitenin boyutu.
Bu önemli çünkü siz resmi png olarak dışarı çıkarmadan önce image size ile resmi boyutlandırmanlazım ki iki iş olmasın. sitenin boyutuyla resmin boyutu aynı olmalı ki rahat çalışasın.
anlamadığın yer olursa şimdlik burdayım
İlginiz için Teşekkürler.
Bu mesajdan alıntı yap
Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop'ta yapılan web sitesini ortalamak Forza19o3 Dreamweaver 11 06-09-2012 00:05:22
Photoshop animasyon aktarmak furkanca94 Photoshop Soru ve Sorunlarınız 0 15-12-2011 18:24:39
photoshop ile su efekti ile yapılan çalışmalar ahmetbroge Deneme Çalışmalar 9 16-08-2011 08:42:41
3D Obje ve Modelleri Photoshop'a aktarmak. soyluturk Photoshop Dersleri 1 04-01-2010 21:36:13

Kapat
Şifremi Unuttum?