Neler yeni

Yeni mesajlar Yeni konular En çok mesaj En çok tepki En çok görüntülenen

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

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
Merhaba, Ps de yapılan bu temayı web sayfama nasıl aktarabilirim?

 

Benzer konular

cdesign

🏅Acemi Tasarımcı🏅
Katılım
1 Şub 2013
Mesajlar
71
Tepkime puanı
0
dostum tam bilmiyorum ama bildiğim kadarıyla bu resmi parça parça ekliyorsun. yani "çalışmalar" ı ayrı "anasayfa"yı ayrı, logoyu ayrı, arka planı ayrı vs vs..
 

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
dostum tam bilmiyorum ama bildiğim kadarıyla bu resmi parça parça ekliyorsun. yani "çalışmalar" ı ayrı "anasayfa"yı ayrı, logoyu ayrı, arka planı ayrı vs vs..

File > Save for Web & ... diyoruz temayı dilimliyor sonra otomatik klasör oluşturuyor. Her şey tamam ama o klasörü direk ftp ile mi yükleyeceğim yoksa tek tek upload mı edeceğim. Sorum Bu İlginize Teşekkürler...
 

cdesign

🏅Acemi Tasarımcı🏅
Katılım
1 Şub 2013
Mesajlar
71
Tepkime puanı
0
File > Save for Web & ... diyoruz temayı dilimliyor sonra otomatik klasör oluşturuyor. Her şey tamam ama o klasörü direk ftp ile mi yükleyeceğim yoksa tek tek upload mı edeceğim. Sorum Bu İlginize Teşekkürler...

bir zamanlar ilgileniyordum site işleriyle. yanlış hatırlamıyorsam ftp ile direkt yolluyorsun. ama emin değilim yanlış bilgi vermek istemem..
 

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
bir zamanlar ilgileniyordum site işleriyle. yanlış hatırlamıyorsam ftp ile direkt yolluyorsun. ama emin değilim yanlış bilgi vermek istemem..

İşte bende o ikisi arasındayım ya olmadı artık deneyecem bakalım. İlginize Tekrar Teşekkürler.
 

mecityilmaz

🌟Usta Tasarımcı🌟
Katılım
15 Kas 2012
Mesajlar
263
Tepkime puanı
2
Merhaba, Ps de yapılan bu temayı web sayfama nasıl aktarabilirim?


önce slice tool ile parçalarını kes kardeşim sonradan sana bi klasör oluşturucak . Kestiğin parçaları html bilgin varsa tablolara dök . Yada en basit yöntemle dreamweaver indir tablo oluştur. Parçaları tek tek tabloların içine at sonra tabloyu pasif hale getir. Ardından parçalara yazı ekle veya link ekle vs sonradan bunları kaydet. Ftp'ye atma işleminide en son yaparsın sonradan sorun kalmaz.
 

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
önce slice tool ile parçalarını kes kardeşim sonradan sana bi klasör oluşturucak . Kestiğin parçaları html bilgin varsa tablolara dök . Yada en basit yöntemle dreamweaver indir tablo oluştur. Parçaları tek tek tabloların içine at sonra tabloyu pasif hale getir. Ardından parçalara yazı ekle veya link ekle vs sonradan bunları kaydet. Ftp'ye atma işleminide en son yaparsın sonradan sorun kalmaz.

Yani Olay Dreamweaver da Bitiyor. Anladım Teşekkürler.
 

EmreAYD1N

🏅Acemi Tasarımcı🏅
Katılım
25 Kas 2009
Mesajlar
72
Tepkime puanı
0
Öncelikle Web Mantığına aykırı bir background kullanmışsın. Fakat kısaca anlatmak gerekirse öncelikle. PSD'yi açıyoruz :)

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 :D
 

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
Öncelikle Web Mantığına aykırı bir background kullanmışsın. Fakat kısaca anlatmak gerekirse öncelikle. PSD'yi açıyoruz :)

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 :D

İlginize teşekkürler. Sizi yormak istemem ama şu css olayını anlamak isterim :) Backgroundu da değişeceğim yorum için Teşekkürler.
 

EmreAYD1N

🏅Acemi Tasarımcı🏅
Katılım
25 Kas 2009
Mesajlar
72
Tepkime puanı
0
background-image: "src="www.majestyajans.com/demo/img/logo.png ";

gibi CSS'le çağırabilirsin.
 

futurist

⭐Deneyimli Tasarımcı⭐
Katılım
20 Ara 2012
Mesajlar
179
Tepkime puanı
0
Merhaba, Ps de yapılan bu temayı web sayfama nasıl aktarabilirim?


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?
 

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
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...
 

futurist

⭐Deneyimli Tasarımcı⭐
Katılım
20 Ara 2012
Mesajlar
179
Tepkime puanı
0
ö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
 

byhemsinli

🏆Pro Tasarımcı🏆
Katılım
1 Eki 2011
Mesajlar
540
Tepkime puanı
1
Yaş
32
ö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.
 
Üst