Photoshopta arayuz tasarımı

Web Tasarımı - Photoshopta arayuz tasarımı ...

Cevapla
Photoshopta arayuz tasarımı
have isimli Üye şimdilik offline konumundadır

have

Öğrenci (Grafik) / Kütahya

Standart

Photoshopta arayuz tasarımı

Alt 20-02-2011 #1
Sponsorlu Bağlantılar

arkadaslar bana photoshopta arayuz tasarımını yaptıktan sonnra hangı formatta ve html e nasıl yerlestırcegımız hakkında bılgı verebılırmısınız

yardımlarınız ıcın tesekkur ederım tum arılara Photoshopta arayuz tasarımı
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

brkkrc isimli Üye şimdilik offline konumundadır

brkkrc(26)

Öğrenci (Diğer) / Samsun

Standart
Alt 20-02-2011 #2
                             Sponsorlu Bağlantılar
yanlış anlamadıysam html olarak kaydetmeyi veye farklı formatta kaydetmeyi soruyorsun html olarak kaydetmek için photoshop menülerinden olan file>save for web

farklı formatlarda çevirmek içinde yine file>save as demen ve istediğin formatı seçmen yeterli
Bu mesajdan alıntı yap
womd isimli Üye şimdilik offline konumundadır

womd

Hiç Biri / Antalya

Standart
Alt 21-02-2011 #3
arkadaşın sorusu farklı. photoshop'da bir arayüz yaptığında onu html olarak kaydetmen (ki öyle bir seçenek var mı bilmiyorum) ama oldukça mantıksız. photoshop'daki çalışmayı html olarak kaydettikten sonra ne yapacak?

photoshop'da bir tasarım yaparsın ve onu dilimleyerek jpeg, gif veya png formatında kaydedersin. daha sonra o görselleri frontpage, dreamweaver tarzıında bir programda sayfana yerleştirir ve kodlar ile işlevsellik kazandırırsın.
Bu mesajdan alıntı yap
21li isimli Üye şimdilik offline konumundadır

21li

Webmaster / Diyarbakır

Standart
Alt 22-02-2011 #4
ben photoshopta şablonu çizdikten sonra parca parça kaydederek notepad ++ programı ile xhtml ve css kullanarak koda döküyorum işi profesyonel boyutlarda yorumlamak gerekirse yapman gereken bu.
Bu mesajdan alıntı yap
hataman isimli Üye şimdilik offline konumundadır

hataman(44)

Webmaster / Balıkesir

Standart
Alt 24-02-2011 #5
ben photoshopta şablonu çizdikten sonra parca parça kaydederek notepad ++ programı ile xhtml ve css kullanarak koda döküyorum işi profesyonel boyutlarda yorumlamak gerekirse yapman gereken bu.
Cevap aynen budur. Herhangi bir web editörüne bağlı kaldığınız müddetce o program sınırları içerisinde olacaksınız ve kodlamada gelişemeyeceksiniz.
Bu mesajdan alıntı yap
N. Eser ULUHAN isimli Üye şimdilik offline konumundadır

N. Eser ULUHAN(33)

Webmaster / İstanbul

Standart
Alt 04-03-2011 #6
Örnek olarak gösterecek olursak ;

aşağıdaki resimde gördüğün gibi slice tool ile sayfanda ki kendine göre kesimlerini belirtmelisin öncelikle.

Photoshopta arayuz tasarımı

Photoshopta arayuz tasarımı

ardında sırasıyla File / Save As For Web sekmesini seçiyorsun.

Photoshopta arayuz tasarımı

sonraki işlemde gelen penceredeki gibi (rakamlandırdım) seçimini yapıyorsun.

Photoshopta arayuz tasarımı

ardından ise gelen kayıt penceresinde html seçeneğini seçiyor ve kaydediyorsun.

Photoshopta arayuz tasarımı hadi kolay gelsin. bunu öğrenince web tasarımda bir çağ atlıyorsun. bende zamanında öğrenince çok şeyi değiştirmiştim.

Photoshopta arayuz tasarımı
Bu mesajdan alıntı yap
berk35 isimli Üye şimdilik offline konumundadır

berk35

Grafiker / İzmir

Standart
Alt 11-03-2011 #7
Örnek olarak gösterecek olursak ;

aşağıdaki resimde gördüğün gibi slice tool ile sayfanda ki kendine göre kesimlerini belirtmelisin öncelikle.

Photoshopta arayuz tasarımı

Photoshopta arayuz tasarımı

ardında sırasıyla File / Save As For Web sekmesini seçiyorsun.

Photoshopta arayuz tasarımı

sonraki işlemde gelen penceredeki gibi (rakamlandırdım) seçimini yapıyorsun.

Photoshopta arayuz tasarımı

ardından ise gelen kayıt penceresinde html seçeneğini seçiyor ve kaydediyorsun.

Photoshopta arayuz tasarımı hadi kolay gelsin. bunu öğrenince web tasarımda bir çağ atlıyorsun. bende zamanında öğrenince çok şeyi değiştirmiştim.

Photoshopta arayuz tasarımı
katılıyorum... bundan sonrada istediğin şekilde düzenleme yapabilirsin web sitesinde ama önerim web editörü olarak dreamweaver kullanman...
Bu mesajdan alıntı yap
tugrulguvenc isimli Üye şimdilik offline konumundadır

tugrulguvenc

Grafiker / İstanbul

Standart
Alt 25-03-2011 #8
resimleri crop yaparak kesip dw atabilrisin şahsen bn öle yapıyorum Photoshopta arayuz tasarımı
Bu mesajdan alıntı yap
caglarim isimli Üye şimdilik offline konumundadır

caglarim

Grafiker / Ankara

Standart
Alt 27-03-2011 #9
evet HAVE kardeş tüm yorumcuların dedikleri doğru yol...

1 - PHOTOSHOP ANA SAYFASI
2 - FİLE > NEW....
3 - 1000 X 1000 PİXEL BOYUT (ÖRNEK OLARAK) 72 DPİ VE AYARLARI UYGUN.
4 - İSTEDİĞİN ŞEKİLLERİ ÇİZ, RESİMLERİ KOY, YAZILARI YAZ.
5 - SLİCE TOOL İLE RESİMLERİ, YAZILARI KES (DÜZGÜN BİR ŞEKİLDE KES, HİZALI)
6 - FİLE > SAVE FOR WEB & DEVİCE SEKMESİNİ AÇIYORUZ.
7 - SLİCE OPTİONS MENÜSÜ GELECEK.
8 - PARÇALARIN ÜZERİNE GEL VE TIKLA
9 - AÇILAN MENÜDE "NAME" BÖLÜMÜNE BUTONUN RESİM ADINI, "URL" BÖLÜMÜNE İSE TIKLANDIĞI ZAMAN AÇILACAK OLAN SAYFANIN İSMİNİ GİR.
10 - YAZILARA DA BÖYLE YAPABİLİRSİN.(ÖRNEK SAYFA ALTINDA İLETİŞİM İÇİN TIKLANDIĞINDA İLETİŞİM ADRESİ ÇIKABİLİR VS.)
11 - ARTIK TÜMİŞLEM BİTİNCE OK DEYİP DEVAM EDİYORUZ.
12 - FİLE > SAVE DEYİP KAYIT ET.
13 - KAYDEDERKEN DİKKAT ET...
14 - DOSYA ADI: İNDEX - KAYIT TÜRÜ: HTML AND IMAGES (*.HTML) OLARAK KAYIT EDECEKSİN.
15 - DAHA.........DAHASI YOK BE KARDEŞ... FİLM BİTTİ ...SON..
SELAMLAR..
Bu mesajdan alıntı yap
xpcd isimli Üye şimdilik offline konumundadır

xpcd

Grafiker / İstanbul

Standart
Alt 27-03-2011 #10
arkadaşımızın sayesinde bende öğrenmiş oldum teşekkürler
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
photoshopta heykel tasarımı (sumatra14 arkadasımızın konusuna göre bır ders sanırım) icten_cagri Photoshop Dersleri 5 09-05-2011 01:30:55
photoshopta myspace tasarımı yapmak ve kodlamak rapperislife Photoshop 3 22-02-2011 11:39:24
web arayuz çalışması zahirmedya Web Tasarımı 6 18-01-2011 16:54:37
Deneme web arayuz calısma ozlem aslan Deneme Çalışmalar 0 02-06-2010 22:35:08
Photoshopta Web Tasarımı sorunu ( Yardım Pls ) patrol Web Tasarımı 12 24-08-2008 17:29:31

Kapat
Şifremi Unuttum?