Sie sind nicht angemeldet.

Photoshop ile Index Yapimi

BaBuSh

Erleuchteter

  • »BaBuSh« ist der Autor dieses Themas

Beiträge: 5 032

  • Nachricht senden

1

Montag, 12. Juli 2010, 02:55

Photoshop ile Index Yapimi

Ewet Arkadaşlar Bir Çoğumuzun Başka Programlar Kullanarak Yaptığı İndexleri Aslında Shoop'lada Yapabiliriz
Hem Daha İyilerini Hemde Daha Görsellerini ;) Bugünlük Sadece İlk Adım Olarak İndex Yapımı Kısaca Anlatmaya Çalışacağım
Nasip Olursa İnşallah Başka Zamanda Daha Geniş Ayrıntılarını Ve Özelliklerini Anlatırım ;) Haydi Besmele İle Başlayalım :)

İlk Olarak Shoop'muzda Bir Tasarım Çiziyoruz Yani Resim Yapıyoruz :) BNen Bi Tane Yapmaya Çalıştım Ama



Tasarımımızı Oluşturduktan Sonra Menüden Kesim Aracımızı ( Slice Tool ) Seçiyoruz



Ve ResmimiziSitede Nasıl Çalıştırmayı Yani Radyo Alanını Butonlarını Felanı Felan Çizim Yaparak İşaretliyoruz
Çizim Dediğim Olay Yani Shoop'un Resmin Nerelerini Keseceğini Belirliyoruz Çizim İşlemini Shape Yada Yeni Katman Oluşturur Gibi Sağ Tıkı Basılı Tutarak Yapıyoruz ;)



Çizim Yaparken Öyle Çokta Dikkatli Olmanıza Gerek Yok Sadece Yerleri Belli Olsun Yeter Kenarları Dışarda Kalsada Olabilir
Hem Editlenme Yönünden Atıyorum Butonları Keserken Sadece Yazı Bölümünü Kesipte Çerçeve Kenar Kısımları Dışarda Kalırsa Daha İyi Olur
Çünkü İndexinizin Editlenmesi Biraz Daha Zorlaşır Bu Sayede ;)



Çizim İşlemimiz Bittikten Sonra Menüden File + Save For Web & Devices Seçeneğini Tıklıyoruz
Karşımıza Yeni Bir Pencere Açılacaktır



Save Seçeneğini Tıkladıktan Sonra Açılan Küçük Pencerede Kaydetme Seçeneğinin
Html And İmages Olmasına Dikkat Edin ;)



Bu İşlemide Save Diyip Bitirdikten Sonra Bize Gerekli Dosyaları Masa Üzerinde Biri İndex Olmak Üzere Birde İmages Olarak İki Dosya Halinde Kayıt Edilmiş Olacaktır
Bundan Sonra Shoop'la İşimiz Kalmadı Artık Gerisi Sizin Dreamweaver Bilginize Ve Yeteneğinize Kalıyor ;)
İndexi Dreamweaverde Çalıştırıp Buton Linklerinizi Eklemeyi Resimlerinize Url Almayı Unutmayın ;)



Bir Küçük Dipnot : İndexinizi Dreamweaver'e Attıktan Sonra
Body Bg Color Kodunun Hemen Başına <Center> Bide </body> Kodunun Hemen Sonuna </center> Eklemeyi Unutmayın ;)
Birde Bg Color #ffffff Olan Rengini #000000 Olarak Değiştirin ;) Aşağıda Anlatmaya Çalıştım Az ;)

<center>
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

</body></center>
..:: .☠. Sσĝυк νє Sєssỉz .☠. ::..

üŦlє qüηєş¡ ѕöηѕüη..!!!

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »ZeN« (4. Januar 2011, 00:43)

AlaKaa

Jüri

Beiträge: 6 991

  • Nachricht senden

2

Montag, 12. Juli 2010, 15:46

emegine saglik babush arkadasim cokdandir aradigim vede bulamdigim bir paylasim emek verip hazirlayip buraya ekledigin icidne cok tskkürlerr arkadasim yüregin dert görmesin..
WWW.Flatcast-Terapi.com

((yesil-cimen))

Profi

  • »((yesil-cimen))« ist weiblich

Beiträge: 2 032

Registrierungsdatum: 15. März 2007

Wohnort: Bayern

  • Nachricht senden

3

Montag, 12. Juli 2010, 15:51

BaBuSh kardes cok isimize yariycak tesekkürler paylasim icin emegine saglikk..
Boş ve abes sözlerin maskaralığını yapmaktansa güzel sözlerin
hamallığını yapmayı tercih ederim..

DELİ KURT

Erleuchteter

Beiträge: 5 017

  • Nachricht senden

4

Montag, 12. Juli 2010, 16:22

Emeğinee Sağlıkk Fatihhh Abimmm Paylasım Icın Tesekkurler...

EDA-BURSA

Profi

  • »EDA-BURSA« ist weiblich

Beiträge: 753

Registrierungsdatum: 13. Oktober 2008

  • 1021982
  • Nachricht senden

5

Montag, 12. Juli 2010, 18:39

ellerine sağlık babush çok güzel anlatım hazırlamıssın photoshopta web tasarımı yapmak gerçekten çok kolay

BaBuSh

Erleuchteter

  • »BaBuSh« ist der Autor dieses Themas

Beiträge: 5 032

  • Nachricht senden

6

Montag, 12. Juli 2010, 23:08

Bir Parça Bile Yardımı Olduysa İşinize Yaradıysa Ne Mutlu Bana ;)

Güzel Yorumlarınız İçin Teşekkürler Arkadaşlar ;)
..:: .☠. Sσĝυк νє Sєssỉz .☠. ::..

üŦlє qüηєş¡ ѕöηѕüη..!!!

night27

Profi

Beiträge: 947

  • Nachricht senden

7

Montag, 12. Juli 2010, 23:37

emeğine sağlık babush anlaşılır bi anlatım yapmışsın
paylaşım için teşekkürler
http://www.ruyaselifm.blogcu.com/

ekintoprak

Profi

Beiträge: 1 870

  • Nachricht senden

8

Donnerstag, 26. August 2010, 14:58

çok güzel bir paylaşım olmus emeğine sağlık

Harbikiz

Fortgeschrittener

Beiträge: 237

  • Nachricht senden

9

Samstag, 28. August 2010, 16:10

çok güzel ve bilgilendirici bir paylaşımm emegine saglık babushh tşkler
Önce Kendini Geliştir, Sonra gel beni eleştir..!

eƒsa

Erleuchteter

Beiträge: 7 226

  • Nachricht senden

10

Samstag, 28. August 2010, 23:11

cok guzel ve harika bi anlatim olmus tskler babush

nisa nisa

Erleuchteter

  • »nisa nisa« ist weiblich

Beiträge: 20 947

Registrierungsdatum: 29. September 2008

Wohnort: izmir

  • Nachricht senden

11

Samstag, 28. August 2010, 23:38

çok güzel bir anlatım olmuş tşkler
بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم .

Oo_HiLaL_oO

Profi

Beiträge: 1 179

  • Nachricht senden

12

Montag, 4. Oktober 2010, 00:58

emegine saglik gercekten cok güzel anlatmisiniz bende böyle bir dersi ariyordum cok sagolunn paylasim için tsklerr

Biiidenem

Meister

  • »Biiidenem« ist weiblich

Beiträge: 3 004

Registrierungsdatum: 31. März 2008

Wohnort: Denizli-Kütahya

  • 813371
  • Nachricht senden

13

Sonntag, 16. Januar 2011, 03:00

Emegine saglık ablam harika bir analtım olmuş sadece şu var hazırlayacagımız indexin boyutu kaça kaç olacak onuda belirtirsen daha iyi olacak sanırım helede benim gibi yeni başlayacak olanlar için:))))))

(Görünmeyen)

Schüler

  • »(Görünmeyen)« ist weiblich

Beiträge: 42

Registrierungsdatum: 13. Januar 2011

Wohnort: D@LL@S

  • Nachricht senden

14

Sonntag, 16. Januar 2011, 03:05

cok guzel anlatim ama bu program bende yok :(((((((((((

Ähnliche Themen