Web Tasarım Photoshop Eğitimi
Web tasarım için yeni olan birçok insan dilimleri ve Javascript rollover'lar karıştı ve hayal kırıklığı onların projelerini terk sona edilir. Bu web Photoshop öğretici noktası sadece 2 grafik kullanan bir web sayfası oluşturarak şeyleri basit tutmak.
Bir bayrak oluşturarak başlayın ve 5rows ve 1 sütun içeren bir tablo en üst satırı yerleştirin. Tablonun sonraki satıra sitenizin içine dahil etmek istediğiniz fotoğrafları ile birlikte siteniz için metin yapacak. Satır 3 ayırıcı, satır 4 ikinci bir ayıraç olmaktan satır 5 ile biten, metin bağlantıları artı bir telif hakkı bildirimi içerecek yapacak.
Bu örnek için biz bu sitenin Sitem isim olacak. Şimdi bayrağı için grafik bulmalıyız. Bu gibi iStockphoto galerileri gibi sitelerde ve sadece kadar çoğu görüntü için onlar uygun fiyatlı profesyonel seviyede görüntüleri bulabilirsiniz. Ücretsiz stok fotoğraf siteleri mükemmel kaliteli görüntüler için de kullanılabilir.
Bir ucu grafik itibaren bir renk seçin ve temiz bir görünüm için koordine afiş için bu rengin çeşitli tonlarına kullanmaktır. Bu örnek için bir renk adlandırma uğruna, bir sonra, karanlık orta ve hafif gölgede yeşil ile gideceğiz.
Ben bir örnek renk donukluğu kaydırıcısı kullanarak güzel bir varyasyonu oluşturabilirsiniz bulabilirsiniz. Yeni bir belge ve kopyalama açın ve içine seçtiğiniz ana grafik yapıştırın. Şimdi araç kutusundan Damlalık aracını seçin ve grafik onu tıklayarak bir renk örneklemek. Bu araç kutusundaki ön plan rengini kare değişecektir.
Bu işlem ile, yeni bir belge açın ve Arka Plan İçeriği Beyaz seçin ve Tamam'a tıklayın. Bu belge açıkken, Katman-Yeni-Katman giderek yeni bir katman oluşturun. Sonra gidip Edit-Fill ve İçeriği, Kullanım seçin: Önalan Rengi. Bu sadece örneklenen rengi ile belge dolduracaktır. Değerli bir ucu kaydırıcı ile donukluk azaltmak ve temelde istenilen renk tonu ulaşıncaya kadar bu ayarlamaktır. Sonra Layer-Flatten Image giderek görüntüyü düzleştirmek, sizin gibi birini bulmak. Yine sadece şimdi yeni oluşturulan rengiyle aynı olacaktır araç çubuğundaki önplan rengini kare değiştirmek için, damlalık aracını kullanın. Renk karesini tıklayın ve renk seçici kadar gelecek ve size sadece yarattığı renk numarasını not yapabilirsiniz.
Birini bulmak için yazı ilerleyin size hitap etmektedir. Bir kez size doğru olduğunu düşündüğünüz birine rastlama, onunla biraz oynayın. Izleme, bunların bir kombinasyonu bile önde gelen ve ölçek, ya ayarlayın. Küçük ayarlamalar çok daha kişisel hale getirerek ve sitenizin diğerleri arasında öne çıkacak sağlamada uzun bir yol olabilir.
Photoshop'ta bir yazı tipi seçmek için Window-Karakter gidin. Paletinde size yüklü yazı tiplerinin bir listesini göreceksiniz. Ince ayar için Paragraf paleti getirmek gerekir. Window-Paragraf giderek bunu yapabilirsiniz.
Eğer yeni yazı tipleri arıyorsanız, size birçok seçenek var. Ücretsiz font kaynaklar çevrimiçi sizin için mevcuttur.
Bizim örneğimizde, 600 x 300 piksel yeni bir belge oluşturun. Kendi stok fotoğraf seçin ve düzeni planlarken kendi tasarımına göre bu boyutu ayarlayabilirsiniz.
Şimdi Layer-New Layer yeni bir katman yapmak ve Designer Pro arama yapabilmenizi sağlar. Bu katman üzerinde görüntüyü konumlandırmak ve sığdırmak için küçültmek gerekir. Edit-Transform-Scale ile grafik shrink. Sınırlayıcı kutu kolları olacaktır. Oranlarını sınırlamak için Shift Tuşunu kullanın ve sol üst kolu seçip sağ alt doğru çekerek görüntüyü küçültmek. Grafiğini taşımak için sınırlayıcı kutunun içine sürükleyin. Bir kez beğeninize için, Tamam'ı tıklatın.
Kullanıcı bir renkli arka plan ile gidelim. Burada bir açık yeşil ile devam edecek.
Ben arka plan katmanı, Layer 1'i seçin ve Seç-Tüm giderek açık pembe ile doldur, sonra Edit-doldurun ve İçeriği iletişim kutusunda, ben Kullanım seçin: Renk ve Renk Seçici I FBE0EC girin.
Sonuçta hafif bir arka plan rengi ile ve soldaki yerleştirilen sanat ile 600 x 300 afiş olduğunu. Biz orada alıyoruz.
Ben daha cesur tasarım yapmak arkaplanımıza kalın bir kontur uygulamak seçtiniz. İlk Katman 1 arka plan katmanını etkin olduğundan emin olun ve Via Copy adımları Layer-New-Layer ile bir kopyasını oluşturun. Sonraki katman adının yanındaki çift tıklatın. Katman Stili iletişim kutusunda Blending Options görünecektir.
Seçin ve ardından sol tarafta Stiller seçenekleri kelime Stroke tıklayın. Ben Boyut ayarları değişti: 7px, Pozisyon: İçeride, Blend Mode: Normal, Opacity: 100%, Fill Type: Renk ve ben renk örneği tıkladım ve renk seçicide D04E8C girdi. Tamam'a tıklayın.
Sınır tasarım dengelemek içindir. Değişiklik yapmak ve kendi fikirleri yaratıcı olmak için kendinizi özgür hissedin.
Kullanıcı doğrudan banner ana bölümden isimleri koyayım. Bu web sitesi bağlantıları olacak. Yalnızca bir grafik olacak beri resim haritaları kullanıyor olacak.
Sözlerin için yeni bir katman oluşturun. Bölüm adları oluşturmak ve sonra banner istediğiniz yere tam olarak onları konumlandırmak için taşıma aracı kullanmak tipi aracını kullanın. Ayıp çığlık ve büyük saç dökülmesi yaşayan kendinizi bulma önlemek için arka plan rengi daha koyu olan metin için bir renk seçin unutmayın! Pencere-Karakter giderek bunu. Karakter paletinde bir renk kare bulacaksınız. Renkleri değiştirmek için tıklayın.
Bu işlemi otomatikleştirmek için GoLive veya Dreamweaver gibi bir HTML editörü gerekir. Bu gerçekten çok kolay. Her sözcüğün üzerinde çok az "haritalar" oluşturmak ve bağlantı hedefi girin. Eğer bir HTML editörü yoksa bir öğretici bulmak için görüntü haritaları bir Google arama yapmanız gerekir, ya da yardım için Elizabeth Castro HTML Hızlı Başlangıç Kılavuzu gibi bir kitap yatırım olacak.
Yeni bir belge oluşturun. Genişliği 600 piksel olmalı ve yüksekliği 12 piksel hakkında olmalıdır. Arka plan rengi ile doldurun. ...........: Sonra, metin aracı ve koyu bir renk kullanarak, bu gibi bazı dönemlerde, yazın ve merkezleme, dosya koyun. Mükemmel görünüyor kadar büyüklüğü ve aralığı değiştirme. Şimdi bir GIF dosyası olarak kaydedebilirsiniz.
Seçtiğiniz HTML editörü 5 satır ve 1 sütun içeren basit bir tablo oluşturmak ile. Yerine banner görüntü haritaları bayrağı altındaki metin bağlantısı navigasyon kullanmak için gidiyoruz Tablonuzda 6 satırları ile bitirmek, bu nedenle ekstra bir satır oluşturmak. Tablonun tek tek satırları içine yerleştirin ve elemanları o kadar!
Eğer teslim tarihinde ve burada başka bir çözüm var, artık Photoshop teknikleri veya HTML öğrenme ile baş edemez. Eğer Eğer Photoshop web sayfaları oluşturmak için bir üs olarak kullanabileceğiniz Template Monster gelen hazır bir şablon satın alabilirsiniz.
Seçeneklerini seçin ve ardından bir şablon için bir arama yapabilir nerede Template Monster ön sayfada açılan menüsünde bulacaksınız. Şablonlar makul fiyatlı ve GoLive veya Dreamweaver yönetmek oldukça kolaydır. Geçmişte sadece renk düzeni ve görüntüler için bir şablon satın almış. Bazı projelerde bu stok fotoğraf satın almaktan daha az pahalı bulundu. Sundukları web şablonları çok çeşitli görmek için Template Monster ziyaret edin.
Ben bu umut Adobe Photoshop öğretici bir gerçekten harika görünümlü sitesi oluşturmanıza yardımcı olur, ben de sizin yeni bir web sitesi iyi şans bin yıl diliyorum!
Bu makalede zevk mi? Profesyonelce yapılan bulmak istiyoruz Photoshop Dersleri ? Şimdi de yapabilirsiniz. Sadece bu izleyebilirsiniz Adobe Photoshop Dersleri ve kısa zamanda 2 saat altında mastering Photoshop olacaktır.
Den Madde articlesbase.com
