Kurs Photoshop dla web designera
Naucz się projektować strony internetowe w programie Photoshop
Opis szkolenia
-
Znasz podstawy Photoshopa, ale brakuje ci umiejętności niezbędnych web designerowi?
-
Potrzebujesz wiedzy, która pozwoli ci swobodnie projektować nowoczesne witryny?
-
Chcesz dowiedzieć się jak samodzielnie tworzyć banery, menu, przyciski, preloadery oraz inne elementy stron internetowych?
-
Wiesz już co chcesz zaprojektować, ale brakuje ci wiedzy, która pozwoli osiągnąć ten cel?
Sprawdź w jaki sposób Ci pomożemy
Czego się nauczysz z kursem?
Po ukończeniu tego szkolenia będziesz w stanie samodzielnie tworzyć niezwykłe projekty stron dla siebie lub dla swoich klientów. Zdobędziesz wiedzę na temat obecnych trendów i technik, które nie tylko pozwolą ci łatwo osiągnąć zamierzony efekt, ale również sprawią, że twoje prace wzbudzą zachwyt wśród odbiorców.
Jak to działa?
Kurs zawiera ponad 70 filmów instruktażowych z komentarzem lektora, który wyjaśni ci wszystkie zagadnienia w prosty i przejrzysty sposób. Do kursu dołączyliśmy wszystkie niezbędne pliki – nawet jeśli natrafisz na jakiś problem to zawsze możesz się do nich odwołać i powtórzyć każdą czynność pokazaną na ekranie.
Najciekawsze dodatki dla web designera
W kursie omawiamy wiele przydatnych dodatków. Poznasz cały zestaw rozszerzeń dedykowanych dla web designerów. Za ich pomocą zrealizujesz wiele funkcjonalności, które nie są dostępne za pomocą standardowych narzędzi. Poznasz również podstawy projektowania z użyciem siatki kolumn (tzw. Grid). Jest to niezwykle ważna umiejętność, w zasadzie niezbędna przy projektowaniu stron responsywnych oraz opartych na wszelkiego rodzaju frameworkach (np. Bootstrap).
Eksport zawartości i cięcie layoutu
Na tym etapie poznasz przydatne techniki eksportu zawartości. Omówimy narzędzie Generator zasobów, które w wielu wypadkach może z powodzeniem zastąpić pracochłonne cięcie z użyciem plasterków. Omówimy także mniej znaną, ale niezwykle interesującą technikę pracy z wykorzystaniem zmiennych i zewnętrznych danych. Za jej pomocą możesz szybko stworzyć wiele wariantów i odmian jednego projektu. Nie zapomnimy także o bardziej tradycyjnych metodach eksportu. Plasterki wciąż mogą być bardzo przydatne zwłaszcza jeśli wiemy jak wykorzystać w pełni ich możliwości.
Czym to szkolenie różni się od innych?
Nasz kurs to starannie przygotowany, kompleksowy produkt, który jak na tacy podaje ci praktyczną wiedzę i przydatne umiejętności. Jedyne co musisz zrobić to po prostu rozpocząć naukę.
Photoshop
Dreamweaver
CSS3Ps
Bootstrap
Projektowanie witryn
Nowoczesny Flat Design
Następna cześć kursu pozwoli ci zdobyć bardzo obszerną wiedzę na temat projektowania nowoczesnych layoutów. Będziemy tworzyli krok po krok stronę utrzymaną w modnym ostatnio stylu określanym jako Flat Design. Dowiesz się m.in. jak rozplanować zawartość, jak zorganizować swój projekt, jak narysować główne elementy, jak dodać nawigację, formularze itd. To świetna okazja do zdobycia praktycznych umiejętności, które znajdą zastosowanie praktycznie w każdym twoim projekcie.
Automatyzacja i współpraca
Photoshop umożliwia zautomatyzowanie wielu często wykonywanych zadań. I jest to kolejny temat jakim zajmiemy się w kursie. Opanujesz kilka interesujących funkcji programu m.in tworzenie tzw. Droplet’ów. Projektowanie stron internetowych to nie tylko Photoshop. W nastepnej części zajmiemy się szeroko pojętą współpracą z innymi programami firmy Adobe. Nauczysz się przenosić grafikę z Photoshopa do programu Muse oraz Dreamweaver.
Optymalizacja grafiki
Kolejny etap szkolenia poświęciliśmy na omówienie bardzo ważnego tematu czyli eksportu oraz optymalizacji grafiki na potrzeby Internetu. To doskonała okazja aby poznać w praktyce różnice pomiędzy poszczególnymi formatami oraz interesujące techniki, które pozwolą na zmniejszenie rozmiaru pliku. Dowiesz się kilku ważnych rzeczy na temat eksportu dokumentu z przeźroczystością oraz optymalizacji formatu PNG.
Praca z kolorami
Na początku szkolenia pokażemy ci jak dostosować program pod kątem pracy z projektami webowymi. Przygotujemy własną przestrzeń roboczą, zdefiniujemy własne skróty klawiszowe i zapiszemy presety, które ułatwią nam tworzenie nowych dokumentów. W drugim rozdziale poznasz kilka kluczowych zagadnień dotyczących pracy z kolorami. Wyjaśnimy ci zasady zapisu koloru w formacie HTML (szesnastkowym), pokażemy bardzo interesujące narzędzia do generowania barw i oraz nauczymy się tworzyć własne próbki koloru.
Photoshop dla web designerów
Jeśli chodzi o szeroko pojęty web design to program Photoshop jest cały czas najpopularniejszym wyborem. Mnogość narzędzi i możliwości sprawia, że jego zastosowania w tej dziedzinie są nieograniczone. Wielu doświadczonych designerów używa go nie tylko do projektowania kompletnych witryn, ale również do tworzenia pojedynczych elementów strony, optymalizacji grafiki dla Internetu oraz do projektowania wszelkiego rodzaju aplikacji webowych. Oczywiście do swobodnej pracy w programie niezbędna jest znajomość wielu technik i narzędzi, które możesz bez problemu opanować korzystając z naszego kursu.
Animacje i eksport na różne urządzenia
To doskonała okazja aby poznać możliwości oferowane przez kompozycje warstw. Dowiesz się m.in. jak użyć tej funkcji do stworzenia różnych wariantów projektu oraz jak na podstawie utworzonych kompozycji stworzyć ciekawą prezentację w formie pliku PDF. Kolejny temat to tworzenie od podstaw animowanego preloader’a. Zdobędziesz kluczowe umiejętności obejmujące zarówno przygotowanie grafiki, tworzenie animacji oraz eksport gotowego projektu. Następny etap kursu obejmuje eksport grafiki na różne urządzenia. Będziemy mówili m.in. o tworzeniu kilku wariantów obrazka (np. dla telefonów oraz tabletów). Opowiemy również o tworzeniu grafiki na wyświetlacze o dużej gęstości pikseli (HDPI, Retina itp.), które zdobywają coraz większą popularność.
CSS sprite i generowanie stylów w programie Photoshop
Kolejny etap to omówienie popularnej techniki CSS Sprite, która pozwala zminimalizować liczbę obrazków wczytywanych na stronie internetowej. Dowiesz się jak przygotować taką grafikę oraz jak korzystać z ciekawych internetowych generatorów spriteów. Potem zajmiemy się interesującą i chyba mało znaną funkcjonalnością programu Photoshop. Będziemy generowali style CSS na podstawie zawartości projektu PSD. Teoretycznie powinno nam to zapewnić możliwość szybkiego ostylowania niemal każdej witryny. W praktyce można jednak natrafić na różne pułapki, o których zresztą będziemy mówili. Przy okazji poznasz ciekawy plugin, który zazwyczaj pozwoli ci osiągnąć lepsze rezultaty przy generowaniu CSS niż standardowe narzędzia programu.
Ciekawe techniki pracy i przydatne zasoby w Internecie
Przedostatni etap obejmuje aż dziewięć filmów. Będziemy w nich tworzyli od podstaw różne elementy strony utrzymanej w stylu określanym zazwyczaj jako Retro. To doskonały pretekst do omówienia wielu praktycznych i uniwersalnych technik pracy. Na koniec naszego szkolenia poznasz kilka bardzo ciekawych rozwiązań powszechnie stosowanych w nowoczesnych witrynach internetowych. Zajmiemy się m.in. techniką znaną pod nazwą Icon Font. To doskonały wybór w sytuacji gdy potrzebny jest nam obszerny i jednocześnie bardzo lekki zestaw ikon. Kolejny ciekawy temat poruszany w tym rozdziale to wykorzystanie gotowych zestawów elementów interfejsu użytkownika (tzw. UI Kit).
Co jeszcze warto wiedzieć?
W kursie używamy Photoshopa w polskiej wersji
W naszym szkoleniu używamy programu Photoshop CC w polskiej wersji językowej. Praktycznie całą wiedzę możesz również wykorzystać do pracy ze starszymi wersjami Photoshopa.
Zobacz szczegółową recenzję naszego kursu na blogu graficzny.com.pl
Twój instruktor
Ksawery Kargól
Trener - praktyk AI
Opinie kursantów
„Bardzo dobry kurs, który rewelacyjnie prezentuje jak można przygotować przykład strony nie tylko w postaci statycznego pliku będącego tak jakby zrzutem ekranu danej strony, ale również przekuć ten przykład w coś bardziej interaktywnego. Można w ten sposób pokazać odbiorcy lub grupie odbiorców jak będzie lub mogłaby wyglądać strona przed jej faktycznym zaprogramowaniem i tym samym zaoszczędzić sporo czasu na przebudowywaniu całego jej backend-u w sytuacji, gdy jednak się okaże, że oprócz ewentualnych zmian kosmetycznych potrzebne są zmiany w UX danej aplikacji."
Czytaj więcej
Zwiń
„Kurs jak najbardziej w porządku posiada podstawą wiedzę i prowadzi do chęci dalszego rozwoju. Kurs jest warty swojej ceny. Czas spędzony na kursem nie był zmarnowaniem czasu gdyż rozwinęły się moje umiejętności."
„Świetny kurs, kupiłem z ciekawości, żeby sprawdzić swoje umiejętności w programie Photoshop i .... zaskoczyłem się moim brakiem wiedzy - poznałem wiele ciekawych funkcji programu o których wcześniej nie miałem pojęcia"
„Od czasu do czasu zdarzało mi się projektować strony www. Brakuje mi w tym jednak ogłady i kultury pracy. Dużo się nauczyłem dzięki temu kursowi i poważnie zastanawiam się, czy nie przebranżowić się z SEO na stricte webdesign :) "
„Fajny, praktyczny kurs. Dla każdego. Polecam "
Magdalena Blok
„Podstawy Photoshopa są zawsze mile widziane"
Jakub Nerć
„Fajny Kurs, można dużo się nauczyć."
Paweł Kaczmarz
„Ciekawy kurs. Dodał trochę interesujących technik do mojego warsztatu pracy z PS"
Grzegorz Szeliga
„Polecam"
„Bardzo fajnie wszystko wytłumaczone."
Maciek Mieczkowski
Powiązane tematy