Photoshop'u sadece web tasarımı için öğrenme


17

Bir web tasarımcısı olmak istiyorum, bu yüzden Photoshop video eğiticilerinin çoğunu izliyorum, ancak bu öğreticilerin bazıları web tasarımı için yararlı değil. Örneğin, bazı filmler cilt veya dişlerle ilgilidir veya bir çiçek çizer veya bir duvarın desenini veya bunun gibi şeyleri değiştirir. Çünkü web tasarımı için özel bir kaynağım yok ve bu öğreticiler benim için zaman harcıyor!

Photoshop'ta web tasarımını öğrenmeme yardımcı olacak herhangi bir öğretici kaynak biliyor musunuz?

Photoshop'ta web tasarımına odaklanmak için ne yapmalıyım?

Photoshop'un hangi bölümleri web tasarımı için gereklidir ve hangi bölümleri gerekli değildir?

Yanıtlar:


15

Photoshop'taki her aracın, fırçanın, filtrenin ve efektin dünyada kendi amacı vardır. Basit bir "bu aracı iyi öğrenmek ve her şey için kullanmak" yoktur, çünkü farklı araçlar, vb farklı efektler için kullanılır.

Örneğin, sayfanızda parlak hafifçe 3dish parlak düğmelerden hoşlanıyorsanız (bunlar bir süre önce çok popülerdi), bir fırça aracıyla biraz gölge, birkaç degrade, maskeleme ve belki biraz jigger kullanmanız gerekir. Bir arka plan için, sadece dokulu / desenli bir maske ile düz bir renk veya degrade kullanabilirsiniz.

Öğrenilecek "Photoshop'un bir parçası" olmadığından, yapabileceğiniz en iyi şey çeşitli araçları kullanarak çok yönlü hale gelmektir. Çevreye göz atın ve tüm site çeşitlerine bakın. Beğendiğiniz özellikleri not alın ve bunları kendiniz yeniden oluşturmaya çalışın. Çoğunlukla öğeleri kesebilirsiniz - nesnenin sınırları, gradyanları, dokuları, ışık kaynakları vb. Var mı - ve benzer bir şey yeniden oluşturabilirsiniz.

Aynı zamanda, tasarımı sadece Photoshop'tan daha fazlasına sahip olacak kadar sert bir şekilde çekiçleyemiyorum. Benim tavsiye (yerel bir kolejde (veya whever) bir tasarım kursuna ve denge, renk, boşluk gibi şeyler için bir fikir edinmesini vs. Bu kavramlar sıklıkla profesyonel görünümlü ve birilerinin teyze gibi bakıyor arasındaki fark olacaktır , kim bu senaryoda, bir tasarımcı tasarımcı değildir ) bir Geocities şablonu düzenledi.


4
“... tasarım yapmak sadece Photoshop'tan daha fazlası.” Dinle! +1.
Philip Regan

1
Photoshop, bir düzen tasarlamanın birçok vektör aracıyla birlikte yararlanacağı bazı özelliklerin ciddi eksikliğine sahiptir. Illustrator uygulamasına geçebilir ve diğer özel grafikler için photoshop kullanabilirim. Karakterler, fotogerçekçi simgeler gibi ...
Muhammad Umer

17

"Bir web tasarımcısı olmak istiyorum, bu yüzden bir sürü Photoshop video eğitimi izliyorum"

HTML, CSS ve JS biliyor musunuz? Değilse, önce oradan başlayın.

Photoshop daha sonra HTML, CSS ve JS ile birlikte grafik oluşturmak için bir araç olarak kullanılır.

PhotoShop'ta belirli araçlar hakkında 'web sitesi tasarımı' merkezli hiçbir şey yoktur. Bu sadece bir görüntü oluşturma ve düzenleme aracıdır.


4

Web siteleri tasarlamak için diğer maketlere de bakmalısınız. Sayfa soyma, gezinme çubuğu bağlantıları gibi kullanabileceğiniz bazı efektleri düşünün. Bunların çoğunu Photoshop'ta yapmak zor değil, ancak biraz Google'ı gerektiriyor. Sık sık harika bir tasarım topluluğu olan Dribbble'ı kontrol ediyorum . Çok popüler, bu yüzden web tasarımcılarının uyguladığı birçok yeni tekniği mutlaka göreceksiniz.

Ancak genel bir bakış elde etmek için, özellikle web sitesi tasarımı için kullanılan bir dizi eğitici ile çalışmayı deneyin. Hatta gerçekten temel öğreticiler. Çünkü bunlar sizin için adımları özetleyecektir ve bunları gelecekteki projelerde çoğaltabilirsiniz. Aşağıya 2 harika kaynak ekledim, umarım onları kontrol edersiniz. Sevdiğiniz bir başlangıç ​​şablonu öğreticisini bulacağınızı garanti ediyorum - ve çok şey öğreneceksiniz!


4

Web siteleri tasarlamak istiyorsanız, Fireworks ile çalışmaktan Photoshop'tan çok daha iyi olursunuz. PS, kalbinde bir fotoğraf manipülasyon uygulamasıdır ve araçları tel çerçeveler için kullanılabilirken, özellikle etkili değildir. Başka bir deyişle: PS'yi web tasarımı için kullanmak, PS'yi InDesign üzerinden DTP uygulaması olarak kullanmak gibidir. Evet, olabilir yapılır, ancak bunu yapmak için harika bir yoldur değil ve uzun vadede kaybedersiniz edilecek.

Fireworks uygulamasının getirdiği avantajlar:

  • gerçek vektör şekilleri ile çalışmak çok daha kolay
  • PAR piksel boyutlarını tanımlamak daha kolay; streç vb. vuruşların bulanıklaşması yok.
  • her görüntüyü yeniden yapmak zorunda kalmadan maketlerinizde site çapında tasarım değişiklikleri yapmak için 'ana sayfalar' tanımlayabilir
  • Sık kullanılan UI denetimleri kitaplığı oluşturmak daha kolay (web uygulamaları tasarlamak için değerli)
  • UI tipik masaüstü uygulama arayüzüne daha yakın, yani daha sığ bir öğrenme eğrisi

Photoshop'un masaya getirdiği tek gerçek avantaj,

  • yazı tipi oluşturma daha iyidir
  • meslektaşlarınız uygulamayı biraz daha iyi bilecek

1
Evet, Fireworks daha iyidir, aksi takdirde hem Illustrator'ı hem de Photoshop'u kullanmanız ve ileri geri gitmeniz gerekir.
Cakey

0

"Tasarımdan Photoshop'tan daha fazlası var" notunda: Bu anlayışı buldum: http://naldzgraphics.net/tips/what-designers-need-to-know-about-typography/


Düzgün nesir ve zaman zaman dilbilgisi hataları yaşar. Bir yorum kutusunda özetleyebilirim (ve üzerinde gelişebilirim): Her şeyde iyi bir tat kullanın ve aşağıdaki kelimelere bakın ve çok netleşin: yazı tipi ile yazı biçimi , serif ve sans serif, karakter aralığı, izleme, boşluk , yönlendirme, hizalama, aynı hizada. Makale, bunların çoğu için açık veya tam tanımlar sunmamaktadır; açıklamalar yüzeysel ve ikinci el gibi görünüyor.
Joker

Ayrıca bir bağlantı sadece cevap.
Joker

0

Photoshop sadece bir araçtır ve aracı ne kadar iyi tanırsanız, yapmak istediğiniz şeyi yapmak için o kadar iyi kullanabilirsiniz. Bununla birlikte, tasarım yapmak sadece Photoshop'u bilmekten daha fazlasıdır.

Sadece Photoshop'u öğrenmeniz gereken bu zihniyet ve daha sonra bir tasarımcı olacaksınız, kendinize bir inşaatçı çağırmakla aynı şeydir, çünkü bir çekiç veya mekanik kullanacağınızı biliyorsunuz, çünkü bir anahtar kullanabilirsiniz. Bu şekilde tasarım işleri iyi yapıyor (ve muhtemelen süreçte iyi görünüyor), Photoshop / Illustrator / InDesign / Sketch / neyi bilmekle çok az ilgisi var, ancak fikirlerinizi yerine getirmek için bu araçları nasıl kullandığınız.

YouTube'da tonlarca kötü öğretici ve tonlarca iyi öğretici de var. Her şeyi nasıl yapacağınızı öğrenin, teknikler yine de değerli olacaktır. Creative Block'un da güzel dersleri var. Ama dahası, renk teorisine, düzen teorisine, tipografiye (Eric Spiekerman'ın Koyun Çalmayı Durdur ve Tip İşlerinin Nasıl Olduğunu Nasıl Öğrendiğini Öğrenin ) bakın ve diğer geleneksel grafik tasarım becerileri zamanınızı öğrenmekten çok daha değerli becerilerdir Photoshop.

Ayrıca, daha önce de belirtildiği gibi, HTML / CSS / JS öğrenmek, web tasarımı çalışmaları için de kesin bir artıdır.


-2

PSD dosyanızı bilinen web uyumluluğu sorunları için doğrulayabilirsiniz burada https://www.oss-usa.com/web-preflight?promo=web-preflight ücretsiz


Merhaba Nik, GDSE'ye hoş geldiniz ve cevabınız için teşekkürler. Bunun sorulara nasıl cevap verdiğini göremiyorum, lütfen biraz ayrıntı verebilir misiniz? Teşekkürler!
Vincent

Web geliştirme konusunda deneyimim var ve web tasarımında yeni başlayanlarla tanıştım. Herkesin yapabileceği yaygın hatalar vardır. Örneğin, yazı tipi boyutlarındaki ondalık pikseller. Bu hizmet acemi yardımcı olabilir.
Nik

Teşekkürler. Bununla birlikte, deneyiminizi paylaşmak ve bu hataları dile getirmek istiyorsanız gerçekten yardımcı olacaktır. Bu şekilde, bağlantının daha sonra kopması durumunda cevabınız yine de (çok!) Değere sahip olacaktır. Link çürüklüğü (çoğunlukla) sadece link anwers'a çok hevesli olmamamızın sebebi ve cevabınızı oylamamın nedeni. Cesaretiniz kırılmasın, lütfen, bu siteyi kullanmanın bir öğrenme eğrisi olabileceğini biliyoruz. Size sahip olduğumuz için mutluyuz, katkıda bulunmaya devam edin!
Vincent
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.