Nauka Photoshopa tylko do projektowania stron internetowych

Chcę zostać projektantem stron internetowych, więc oglądam wiele samouczków wideo z Photoshopa, ale niektóre z nich nie są przydatne do projektowania stron internetowych. Na przykład niektóre filmy dotyczą skóry, zębów, rysowania kwiatu lub zmiany wzoru ściany lub podobnych rzeczy. Ponieważ nie mam żadnych konkretnych zasobów do projektowania stron internetowych, a te samouczki to dla mnie rodzaj marnowania czasu!

Czy znasz jakieś źródło samouczka, które pomoże mi nauczyć się projektowania stron internetowych w Photoshopie?

Co powinienem zrobić, aby skupić się na projektowaniu stron internetowych w Photoshopie?

Które części programu Photoshop są niezbędne do projektowania stron internetowych, a które nie?

Każde narzędzie, pędzel, filtr i efekt w Photoshopie ma swój własny cel na świecie. Nie ma prostego „naucz się tego narzędzia i używaj go do wszystkiego”, ponieważ różne narzędzia itp. Są używane do różnych efektów.

Na przykład, jeśli lubisz błyszczące, lekko 3dish błyszczące guziki na swojej stronie (były one bardzo popularne jakiś czas temu), musisz użyć trochę cienia, kilku gradientów, maskowania, a może trochę poruszania ręką za pomocą pędzla. Jako tło możesz użyć jednolitego koloru lub gradientu z teksturowaną / wzorzystą maską.

Ponieważ nie ma „jednej części Photoshopa” do nauki, najlepszą rzeczą, jaką możesz zrobić, to być dobrze dopracowanym za pomocą różnych narzędzi. Przeglądaj i obejrzyj wszystkie odmiany witryn. Zwróć uwagę na funkcje, które lubisz, a następnie spróbuj je odtworzyć samodzielnie. Często można rozdzielić elementy - czy obiekt ma granice, gradienty, tekstury, źródła światła itp. - i odtworzyć coś podobnego.

Jednocześnie nie potrafię wystarczająco mocno wbić domu, aby zaprojektować coś więcej niż tylko Photoshop. Radzę wziąć udział w zajęciach z projektowania w miejscowym college'u społecznościowym (lub gdziekolwiek indziej) i zapoznać się z takimi rzeczami, jak równowaga, kolory, białe znaki itp. Te koncepcje często robią różnicę między wyglądaniem profesjonalnym a wyglądaniem jak czyjaś ciotka ( która, w tym scenariuszu nie jest projektantem z zawodu ) edytował szablon Geocities.

„Chcę zostać projektantem stron internetowych, więc oglądam wiele samouczków wideo z Photoshopa”

Czy znasz HTML, CSS i JS? Jeśli nie, zacznij od pierwszego.

Program Photoshop jest następnie używany jako narzędzie do tworzenia grafiki zgodnej z HTML, CSS i JS.

W narzędziach PhotoShop nie ma nic szczególnego „projektowanie stron internetowych”. To po prostu narzędzie do tworzenia i edycji obrazów.

Aby zaprojektować strony internetowe, powinieneś również spojrzeć na inne makiety. Zastanów się, jakie efekty możesz zastosować, takie jak skórki stron, łącza paska nawigacji. Dużo tego nie jest trudne do zrobienia w Photoshopie, ale będzie wymagało trochę Googlingu. Często sprawdzam Dribbble, która jest wspaniałą społecznością projektową. Jest bardzo popularny, więc na pewno zobaczysz wiele nowych technik wdrażanych przez projektantów stron internetowych.

Ale aby uzyskać ogólny przegląd, spróbuj pracować z zestawem samouczków specjalnie używanych do projektowania stron internetowych. Nawet naprawdę podstawowe samouczki. Ponieważ zawierają one instrukcje dla Ciebie i możesz je replikować w przyszłych projektach. Dodałem 2 naprawdę świetne zasoby poniżej, mam nadzieję, że je sprawdzisz. Gwarantuję, że znajdziesz poradnik dla początkujących, który Ci się podoba - i nauczysz się dużo!

• Ponad 40 najlepszych samouczków dotyczących projektowania interfejsu internetowego

• 70 samouczków Korzystanie z Photoshopa do projektowania strony internetowej

Jeśli chcesz projektować strony internetowe, znacznie lepiej byłoby pracować z Fireworks niż Photoshop. PS jest w gruncie rzeczy aplikacją do manipulacji zdjęciami i chociaż jego narzędzia mogą być używane w modelach szkieletowych, nie są w tym szczególnie wydajne. Mówiąc inaczej: używanie PS do projektowania stron internetowych jest jak używanie PS jako aplikacji DTP w programie InDesign. Tak, można to zrobić, ale nie jest to świetny sposób, a na dłuższą metę przegrasz.

Zalety programu Fireworks to:

• znacznie łatwiej pracować z prawdziwymi kształtami wektorowymi
• FAR łatwiej zdefiniować wymiary w pikselach; bez rozmycia pociągnięć na odcinku itp.
• może zdefiniować „strony wzorcowe”, aby wprowadzić zmiany projektowe w makietach bez konieczności powtarzania każdego obrazu
• łatwiejsze tworzenie biblioteki często używanych kontrolek interfejsu użytkownika (cenne przy projektowaniu aplikacji internetowych)
• Interfejs użytkownika zbliżony do typowego interfejsu aplikacji komputerowej, co oznacza płytszą krzywą uczenia się

Jedynymi prawdziwymi zaletami, jakie Photoshop wnosi do stołu, jest fakt

• renderowanie czcionek jest lepsze
• Twoi koledzy poznają aplikację (trochę) lepiej

W notatce „jest więcej do zaprojektowania niż Photoshop”: znalazłem to wnikliwe: http://naldzgraphics.net/tips/what-designers-need-to-know-about-typography/

Photoshop to tylko narzędzie, a im lepiej znasz to narzędzie, tym lepiej będziesz mógł go używać do robienia tego, co chcesz. Jest jednak coś więcej do zaprojektowania niż znajomość Photoshopa.

Ten sposób myślenia, który musisz nauczyć się Photoshopa, a następnie zostać projektantem, jest tym samym, co nazywanie siebie budowniczym, ponieważ wiesz, jak używać młotka lub mechanika, ponieważ możesz użyć klucza. Projekt jako taki sprawia, że ​​wszystko działa dobrze (i prawdopodobnie dobrze wygląda w tym procesie), ma bardzo niewiele wspólnego ze znajomością Photoshop / Illustrator / InDesign / Sketch / cokolwiek, ale jak używasz tych narzędzi do realizacji swoich pomysłów.

Istnieje mnóstwo złych samouczków na YouTube i mnóstwo dobrych. Naucz się, jak to wszystko robić, i tak techniki będą cenne. Creative Block ma również fajne samouczki. Co więcej, spójrz na teorię kolorów, teorię układu, typografię ( Stop Stealing Sheep Erica Spiekermana i dowiedz się, jak Type Type to bardzo dobre intro), a inne bardziej tradycyjne umiejętności projektowania graficznego są znacznie bardziej cennymi umiejętnościami, w które można zainwestować swój czas, niż tylko naukę Photoshop.

Ponadto, jak ktoś wcześniej wspomniał, nauka HTML / CSS / JS jest zdecydowanym plusem również przy projektowaniu stron internetowych.

Możesz sprawdzić swój plik PSD pod kątem znanych problemów ze zgodnością z Internetem tutaj https://www.oss-usa.com/web-preflight?promo=web-preflight jest bezpłatny