Kurs Photoshop do HTML i CSS

Wprowadzenie

Lekcje
  • Opis
  • Recenzje
  • Autor
  • Transkrypt

7 ocen

Lubię to! 336

Wprowadzenie

Zobacz kompletny kurs projektowania stron WWW od czystej kartki w Photoshopie, przez kodowanie w najnowszych standardach HTML5 oraz CSS3 aż do tworzenia animacji z pomocą jQuery! Zobacz, jak pracuje ekspert tak, jakbyś przyglądał mu się przez ramię słuchając precyzyjnych wskazówek. Kurs, który masz przed sobą to esencja praktycznej pracy!

  1. Proces projektowania layoutu w Adobe Photoshop
  2. Ciecie grafiki na potrzeby strony WWW
  3. Kodowanie do HTML5 oraz CSS3
  4. Prace z jQuery oraz dodatkowymi bibliotekami oraz Tworzenie animacji w jQuery i Edge Animate
  5. Wykorzystanie geolokalizacji i API Google Maps
  6. Ciekawe porady, tipsy i triki

Projektowanie od czystej kartki w Photoshop

Zaczniemy od podstaw konfiguracji środowiska pracy w Photoshop. Doinstalujemy potrzebne dodatki i zoptymalizujemy ustawienia Photoshopa pod kątem projektów na potrzeby sieci. Następnie skoncentrujemy się na zgromadzeniu zasobów, które posłużą do stworzenia naszej strony, takich jak fonty, zdjęcia oraz ikony tworząc z nich repozytorium dla naszej witryny. Następnie zajmiemy się praktyką projektowania i krok po kroku przeprowadzę Cię przez proces tworzenia strony głównej i podstrony dla naszego serwisu.

Dobre techniki projektowania

Na przestrzeni kursu starałem się przekazać Ci jak najwięcej wskazówek dotyczących projektowania na potrzeby sieci. Znajdziesz w nim informacje o tym, jak dopasować stronę do optymalnej rozdzielczości, jak pracować wygodnie z gridem, które elementy najlepiej zaimportować z Illustratora jako obiekty inteligentne.

Zobacz lekcję kursu - Skrót do artykułów promowanych >>

Przygotowanie layoutu i cięcie grafiki

Chociaż techniki, które zobaczysz w kursie są uniwersalne i mogą posłużyć do stworzenia zarówno statycznych jak i dynamicznych stron WWW, postaram się także udzielić Ci kilku wskazówek dotyczących tworzenia projektów na potrzeby WordPress, ponieważ w kolejnym kursie strona, którą zakodujemy, będzie wdrażana właśnie do tego CMSa. Po zaprojektowaniu gotowego layoutu potniemy stworzoną grafikę po to, abyśmy mogli zakodować ją do działającej strony WWW.

Zobacz lekcję kursu - Kodujemy karuzelę w jQuery >>

Kodowanie w HTML5 i CSS3

Mając już przygotowane i pocięte elementy graficzne, będziemy wdrażać je jako gotową stronę, do zaprojektowania której wykorzystamy najnowsze standardy HTML5 i CSS3. Nie będziemy jednak korzystać z eksperymentalnych technik, których działanie jest zależne od przeglądarek. Postaram się pokazać Ci pewne metody, które wykorzystuję w codziennej pracy po to, abyśmy nie musieli przejmować się mozolnym testowaniem strony pod różnymi przeglądarkami.

Animacja z jQuery w widoku Pojedynków

W kursie stworzymy także osobny widok, który będzie nawiązywał do aplikacji, którą moglibyśmy stworzyć na potrzeby urządzeń mobilnych. Będzie to odrębny layout, który zakodujemy w HTML i CSS a następnie dopiszemy do niego atrakcyjną animację z pomocą jQuery. W lekcji bonusowej do tego kursu pokażę Ci, jak można stworzyć podobną animację bez kodowania z pomocą programu Adobe Edge Animate.

Zobacz gotową animację >>

Najciekawsze elementy podstron

Omówimy również tworzenie ciekawych elementów podstron, pobierzemy i zainstalujemy na naszą stronę dodatki takie jak CarouFredSel, z pomocą którego zakodujemy działający slider do zdjęć oraz najnowszych artykułów. Zgodnie z etapami pracy, które wykonamy w kursie, będziesz mógł sam zakodować pozostałe podstrony naszej witryny, a gdybyś nie mógł sobie z czymś poradzić - dołączyliśmy kompletne pliki źródłowe działającej witryny, które okażą się pomocne.

Geolokalizacja w przeglądarce i Google Maps API

Jedną z ciekawych funkcjonalności, które zakodujemy na naszej stronie będzie wykorzystanie położenia użytkownika do tego, aby z pomocą Google Maps API dla JavaScript wyświetlić mapkę, na którą dynamicznie naniesiemy markery, które będą zmieniały swoją wielkość w zależności od ilości restauracji zrecenzowanych na naszej stronie.

Podsumowując, kurs zawiera między innymi:

  • Proces projektowania layoutu w Adobe Photoshop
  • Praktyczne wskazówki pracy z grafiką projektów webowych
  • Wykorzystanie typografii na stronach
  • Projektowanie na potrzeby WordPress
  • Cięcie grafiki na potrzeby strony WWW
  • Kodowanie do HTML5 oraz CSS3
  • Pracę z jQuery oraz dodatkowymi bibliotekami
  • Tworzenie animacji w jQuery i Edge Animate
  • Wykorzystanie geolokalizacji i API Google Maps
  • Ciekawe porady, tipsy i triki
  • I wiele, wiele więcej!

Dla kogo jest ten kurs?

Kurs Photoshop do HTML przeznaczony jest dla osób, które mają już opanowane podstawy CSS oraz HTML, jak również podstawy Photoshop. Osobom początkującym polecamy zapoznanie się w pierwszej kolejności z kursem HTML i CSS od Podstaw, jak również kursem Photoshop CC od Podstaw. W kursie skoncentrowaliśmy się na praktycznej pracy pomijając omówienie podstawowych mechanizmów działania tego języka. Dodatkowe materiały, których przerobienie nie jest konieczne, ale może pomóc przy nauce z kursem Photoshop do HTML to Kurs HTML5, Kurs JavaScript i Kurs jQuery. Doskonałym uzupełnieniem wiedzy o Photoshop jest natomiast Kurs Photoshop dla Designerów.

Dlaczego wybrać właśnie ten kurs?

  1. Kurs wideo to najbardziej efektywna a zarazem najprzyjemniejsza forma nauki. Jest on tak prowadzony, byś cały czas mógł go śledzić z zainteresowaniem i zaangażowaniem, a także czerpać satysfakcję z tworzonych projektów.
  2. Wiedza, którą otrzymujesz w tym kursie, to nie tylko sucha teoria, ale również wskazówki od praktyka z wieloletnim doświadczeniem, dzięki którym dużo łatwiej będzie Ci opanować materiał i przygotować ciekawe projekty w Photoshop, HMTL i CSS.
  3. Uczysz się na praktycznych przykładach. Zebrane techniki wynikają z praktyki a same dodatki które stworzymy są omówione kompleksowo. Kurs, który masz przed sobą to esencja praktycznej wiedzy i doświadczenia a także skrótów, które oszczędzą Ci godziny pracy i poszukiwań.
6 godzin

Kurs Photoshop Masterclass 2
Tajniki Kreacji

Chcesz poznać zaawansowane techniki fotomanipulacji oraz cyfrowego malarstwa? Ten kurs Adobe Photoshop Masterclass jest właśnie dla Ciebie! Autorem kursu jest Maciej “Valp” Hajnrich, cyfrowy artysta, projektant graficzny oraz art director z ponad dziesięcioletnim doświadczeniem. Maciej przedstawia kompletny proces tworzenia autorskich ilustracji oraz omawia krok po kroku to, jak efektywnie wykorzystać techniki fotomanipulacji oraz cyfrowego malarstwa, które idealnie się uzupełniają podczas tworzenia surrealnych - i nie tylko - światów. Materiał, który obejmuje ponad 30 lekcji, dokładnie i szczegółowo omawia zagadnienia związane z pracą w Photoshopie - od szkicu, poprzez malowanie, wykorzystanie zdjęć, aż po finalną korekcję koloru i post produkcję.

Maciej Hajnrich

6 godzin 30 minut

Sekrety Photoshop
Tips & Tricks

Poznaj najciekawsze zastosowania i techniki pracy w Adobe Photoshop! Ten nafaszerowany ciekawymi skrótami oraz praktycznymi wskazówkami kurs stanowi zbiór niezwykle przydatnych zagadnien, które sprawia, ze Twoja praca bedzie jeszcze bardziej wydajna niz kiedykolwiek! Na przestrzeni ponad 6 godzin obszernego kursu poznasz ponad 100 praktycznych sekretów Photoshop! Czy wiesz jak prosto zwiekszyc wydajnosc Photoshopa, zapisywac mniejsze pliki .psd, tworzyc selekcje jeszcze wydajniej? Te i dziesiatki innych porad znajdziesz w jedynym w swoim rodzaju kursie! Wskazówki zgrupowalismy tematycznie w takich kategoriach jak projektowanie interfejsów, obróbka fotografii, Camera Raw, techniki wycinania, praca z efektami, akcje w Photoshop i wiele wiecej. Sprawdz sam!

Grzegorz Róg

11 godzin 30 minut

Kurs Photoshop CC
od Podstaw

Photoshop to prawdopodobnie najbardziej wszechstronny program z jakim kiedykolwiek się spotkałeś. Obok edycji zdjęć stworzysz w nim także interfejsy stron WWW i aplikacji, fantastyczne ilustracje, a nawet będziesz pracował z materialem wideo i 3D. Ogrom możliwości jak również ilość zasobów może przytłaczać - dlatego niezwykle starannie przygotowaliśmy dla Ciebie kurs, który jest esencja doświadczenia jego autora, wieloletniego trenera i praktyka Photoshop a także Certyfikowanego Eksperta Adobe. To nasz flagowy kurs Photoshop, który doceniły tysiące klientów - nagrany na nowo, tak abyś mógł wykorzystać pełen potencjał najnowszych wersji programu. Jeśli zaczynasz przygodę z Photoshopem i od początku chcesz nabyć poprawne nawyki - nie wahaj się ani chwili, to jest materiał dla Ciebie!

Grzegorz Róg

6 godzin

Kurs Fotografia i Photoshop
od Planu do Postprodukcji

Witaj w kursie Fotografia i Photoshop! Materiał który dla Ciebie przygotowaliśmy, zawiera kompleksowe omówienie procesu, jaki przechodzi profesjonalne zdjęcie reklamowe, począwszy od przygotowania planu, a skończywszy na postprodukcji. Jeśli pracujesz z Photoshopem, poznasz mnóstwo zaawansowanych technik, oraz dowiesz się jak pracuje fotograf na planie. Jeśli fotografujesz - wysłuchasz wskazówek eksperta, ale także dowiesz się jak wiele można wycisnąć z ujęcia w procesie postprodukcji! Co znajdziesz w Kursie?

Grzegorz Róg

6 godzin 30 minut

Kurs Photoshop i Cinema 4D
Techniki Pracy

Wejdź na najwyższy poziom pracy i naucz się jak po mistrzowsku łączyć elementy w trójwymiarze razem z ilustracją w Photoshopie. Dowiedz się jak wykonać ustawić scenę, oświetlenie i materiały w Cinema 4D tak aby wydobyć z nich jak najwięcej przy użyciu najlepszych technik postprodukcji. Połącz magię edycji w Photoshop i wolności tworzenia obiektów 3D aby uzyskać powalające efekty i przewyższyć oczekiwania klientów, przy okazji odkrywając sekrety światowej klasy ilustratora, Wojciecha Magierskiego.

Wojciech Magierski

32 minut

Tryb Selekcji w Photoshop CC

Tworzenie selekcji i wycinanie elementów zdjęć to jedna z najważniejszych umiejętności użytkownika Adobe Photoshop. W tym Warsztacie dowiesz się jak działa nowy tryb Selekcji i Maski w Photoshop CC. W kolejnych odsłonach Photoshopa udoskonolano mechanizmy wykrywania krawędzi oraz wtapiania, dzięki czemu tworzenie bardziej złożonych zaznaczeń jest prostsze niż kiedykolwiek. W tym Warsztacie skupimy się wyłącznie na kilku wybranych technikach selekcji, z których korzystam w większości przypadków, zaczynając od prostego zaznaczenia, które później będziemy udoskonalać z pomocą narzędzia Select & Mask. Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

60 minut

Co nowego w Photoshop CC 2018

Uczestnicząc w tegorocznej edycji Adobe MAX 2017 w Vegas, mieliśmy okazję zapoznać się z wszystkimi nowościami w oprogramowaniu Adobe w wersji 2018, która jest zapowiadana jako największy update do aplikacji od czasu premiery Creative Cloud. Rzeczywiście, nowości jest sporo a technologie Adobe rozwijają się na niespotykaną dotąd skalę oferując coraz więcej aplikacji w pakiecie. Tym razem przedstawimy Wam nowości we flagowej aplikacji Adobe, czyli Photoshop CC 2018. Dowiesz się między innymi jak działają nowe presety pędzli, Curvature Pen Tool czy Adobe Stock. Pomówimy też o integracji Photoshopa z Lightroomem, nowe metody zarządzania pędzlami i wiele więcej! <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

80 minut

Fotomanipulacja w Photoshop

Poznaj techniki fotomanipulacji w programie Adobe Photoshop biorąc udział w naszym najnowszym warsztacie! W materiale przedstawimy narzędzia przydatne zarówno osobom, które pierwsze kroki w pracy nad zdjęciami mają już za sobą, jak i amatorom, którzy dopiero chcą poznać możliwości kryjące się w Photoshopie. Wykorzystamy szereg gotowych zasobów jak również korzystać będziemy ze zdjęć udostępnionych w konkursie MillionYou. Na praktycznych ćwiczeniach zaprezentujemy przykład pracy, którą będzie można zgłosić w konkursie. <br><br> <strong>Konkurs MillionYou - w puli 44 tys. zł!</strong> <br><br> Uczestnicy warsztatu mogą wziąć udział w rywalizacji o nagrody w konkursie <strong>MillionYou dla marki Redd’s</strong>. Pokaż, czym dla Ciebie jest czysta forma smaku Redds’a i zgłoś swoją pracę graficzną do 26 czerwca. Aby zgłosić pracę, zarejestruj się <a href="http://www.millionyou.pl" target="_blank" style="color:#3366BB; text-decoration: underline;">na stronie społeczności</a>! Regulamin konkursu <a href="http://www.millionyou.pl/czysta-forma-smaku/konkurs-graficzny" target="_blank" style="color:#3366BB; text-decoration: underline;">znajdziesz tutaj</a>. Gdybyś miał jakieś pytania na temat konkursu, napisz pod <a href="mailto:platformamillionyou@pl.ey.com" style="color:#3366BB; text-decoration: underline;">ten adres</a> lub przez wiadomość prywatną na fanpage MillionYou. <br><br> Jeśli chcesz pracować nad własną grafiką już w trakcie trwania Warsztatu i wraz z prowadzącym wykonywać prezentowane ćwiczenia, w plikach źródłowych znajdziesz grafiki, które mogą przydać się w trakcie transmisji!</a> <br><br> Na Warsztat zaprasza Grzegorz Róg!

Grzegorz Róg

75 minut

Kreatywna Praca z Adobe Stock

Zapraszamy na wyjątkowy Warsztat, w ramach którego dowiesz się, jak wykorzystać potencjał nowej usługi od Adobe - Adobe Stock. W ramach Adobe Stock możesz wykorzystać bazę milionów wysokiej jakości zdjęć, wideo, a nawet obiektów 3D! W trakcie Warsztatu poznasz możliwości integracji Adobe Stock z aplikacjami takimi jak Photoshop czy Illustrator, techniki pracy z bibliotekami oraz dowiesz się jakie są warianty subskrypcji usługi Adobe Stock. Druga część Warsztatu to praktyczna podróż po możliwościach Adobe Photoshop, gdzie wykorzystując zdjęcia z Adobe Stock, na zasadzie compositingu stworzymy ciekawą ilustrację, pracując z opcjami dopasowania, wycinaniem, kolorami i włączając Adobe Stock w konkretny Workflow, który pozwoli Ci sprawnie przygotować ciekawe ilustracje i kolaże zdjęć. <br><br> Podsumowując, w trakcie Warsztatu dowiesz się:<br> - Czym jest Adobe Stock i jakie warianty subskrypcji i zakupów oferuje<br> - Jak wyszukiwać zdjęć przez stronę i z wyszukiwaniem kontekstowym ze zdjęcia<br> - Na czym polega integracja Adobe Stock z aplikacjami jak Phtoshop czy Illustrator<br> - Jak korzystać z inteligentnego wyszukiwania obrazów podobnych<br> - Jak pracować z bibliotekami i dołączać do nich zdjęcia z Adobe Stock<br> - Jak korzystać z prewek przed wykupieniem fotografii<br> - Oraz poznasz proces tworzenia praktycznej ilustracji na zasadzie compositingu!<br><br> Na Warsztat zaprasza Grzegorz Róg.

Grzegorz Róg

90 minut

Walka Żywiołów w Photoshop

Witaj w kolejnym inspirującym Warsztacie Eduweb Live! <br><br> Tym razem przygotowaliśmy dla Ciebie praktyczny przegląd najciekawszych narzędzi w Adobe Photoshop, dzięki którym stworzysz fantastyczną Ilustrację! Zobaczysz najciekawsze techniki kolażu i pracy z gotowymi zdjęciami tak, aby uzyskać jak najlepszy efekt w rekordowym czasie. Ten Warsztat kierujemy również do osób początkujących w Photoshop i postaramy się dokładnie omówić każdy element tworzonej grafiki tak, abyś mógł bez problemu poradzić sobie z jego odtworzeniem. Jednak również bardziej zaawansowani użytkownicy znajdą w tym Warsztacie coś dla siebie. Czego dowiesz się z Warsztatu? <ul class="livelist"> <li>Jak stworzyć ciekawą ilustrację z gotowych zasobów</li> <li>Praktyczne wskazówki do kompozycji i światła</li> <li>Przegląd najciekawszych narzędzi Photoshopa</li> <li>Wskazówki dla osób początkujących</li> <li>Zastosowanie tabletu w pracy z Photoshopem</li> </ul> <br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

60 minut

Prosty retusz w Photoshopie

W tym Warsztacie poznasz kilka podstawowych technik w Adobe Photoshop, które pozwolą Ci poprawić jakość fotografii portretowej. Techniki retuszu hi-end dają najlepsze efekty, ale ich umiejętne wykorzystanie wymaga sporo praktyki, jak również wiedzy a przede wszystkim czasu. Dlatego w Warsztacie zaprezentujemy “nie do końca” poprawne, z punktu widzenia profesjonalnego retuszera techniki, ale takie, które pozwolą Ci w szybkim czasie osiągnąć przyzwoity efekt - poprawić jakość cery i wyeliminować niepożądane plamki czy niedoskonałości. Nie jest to Warsztat dla osób, które chcą retuszować okładkowe zdjęcia, a raczej dla każdego fotografa, który chce poznać kilka technik w Photoshopie, dzięki którym fotografowane osoby będą jeszcze bardziej zadowolone ze zdjęć, które zrobisz! <br><br> Jeśli ten Warsztat Ci się spodoba - polecamy rozszerzyć swoją wiedzę z zakresu retuszu, jak również sprawdzić najlepsze techniki fotografowania portretów oraz fotografii beauty w rozbudowanym <a href=“https://eduweb.pl/kursy/photoshop/retusz-photoshop.html“>Kursie Retuszu w Adobe Photoshop.</a> <br><br> Na Warsztat zaprasza Grzegorz Róg.

Grzegorz Róg

60 minut

Odnawianie starych zdjęć w Photoshop

W tym Warsztacie poznasz od podstaw techniki restauracji i odnawiania starych fotografii w programie Adobe Photoshop. Dowiesz się jakie metody wykorzystać w procesie odzyskiwania detali ze zdjęcia i czyszczenia, następnie zajmiemy się dodaniem szczegółów oraz przywróceniem naturalnych barw. Warsztat stanowi zbiór ciekawych technik pracy, które możesz wykorzystać w różnych sytuacjach i stanowi przegląd narzędzi wykorzystywanych zwykle w retuszu i pracy ze zdjęciami. <br><br> Na Warsztat zaprasza Grzegorz Róg.

Grzegorz Róg

60 minut

Photoshop dla Fotografów

Zapraszamy na Warsztat prezentujący TOP 10 narzędzi i funkcji Photoshopa, które zwiększą produktywność osób zajmujących się fotografią, ale również tych, którzy na co dzień pracują w Photoshop. Zajmiemy się między innymi omówieniem wartościowych technik wyostrzania i rozmywania, omówimy Camera Raw i jego ciekawe funkcjonalności, a także dowiesz się, jak tworzyć swoje własne akcje warunkowe oraz panele w Photoshop! <br><br> Na Warsztat zaprasza Grzegorz Róg.

Grzegorz Róg

60 minut

Wstęp do Postprodukcji

W tym Warsztacie zaprezentujemy Ci podstawowe metody postprodukcji zdjęć w programie Adobe Photoshop. <br> Jeśli wcześniej nie pracowałeś jeszcze z Photoshopem i chcesz dowiedzieć się jak z pomocą tego najbardziej popularnego narzędzia na rynku edytować zdjęcia, aby dostosować je do swoich oczekiwań, to jest doskonały warsztat wprowadzający w tajniki pracy z aplikacją Adobe. <br><br> Pokażemy zarówno podstawowe, jak i trochę bardziej zaawansowane techniki, aby wprowadzić Cię do świata postprodukcji zdjęć i pozwolić Ci na dowolną edycję wykonywanych fotografii!<br><br> Na Warsztat zaprasza Grzegorz Róg.

Grzegorz Róg

120 minut

Projektowanie UI w Photoshop

W tym Warsztacie poznasz narzędzia i techniki pracy z programem Adobe Photoshop, które są przydatne przy tworzeniu interfejsów ekranowych. Jeśli tworzysz, lub zamierzasz zająć się tworzeniem UI dla mobilnych czy desktopowych aplikacji, lub stron internetowych, ten Warsztat będzie świetnym wprowadzeniem w możliwości a także sam proces pracy w Adobe Photoshop, który pozwoli Ci szybko tworzyć dobrej jakości materiały, które następnie mogą być swobodnie eksportowane na ekrany. <br><br> W trakcie Warsztatu Grzegorz Róg zaprojektuje prosty interfejs strony WWW wykorzystując do tego celu najważniejsze narzędzia takie jak Artboardy, Maski, narzędzia wektorowe oraz eksportu i pokaże Ci szereg zasobów, z których warto korzystać podczas pracy z projektowaniem interfejsu użytkownika. Warsztat kierowany jest do osób początkujących, które dopiero zaczynają swoją przygodę z Photoshopem na potrzeby UI, ale i bardziej zaawansowani użytkownicy na pewno znajdą tu kilka przydatnych wskazówek. <br><br> Zapraszamy!

Grzegorz Róg

25 minut

Nowosci w Aplikacji Photoshop CC 2017

Witajcie w kolejnym warsztacie poświęconym nowościom w aplikacjach Adobe CC 2017. W tej części omówimy kilka nowości związanych z Photoshopem. Będzie to między innymi rozbudowane okno tworzenia nowego dokumentu, globalna wyszukiwarka assetów i narzędzi oraz praca z fontami SVG. Niektóre nowe funkcje nie są przełomowe, ale kilka z nich napewno usprawni naszą codzienną pracę. <br><br>Na warsztat zaprasza Michał Wedlechowicz!

Michał Wedlechowicz

120 minut

Projektowanie Interfejsów Stron WWW w Photoshop

Zobacz proces projektowania interfejsu strony WWW w Adobe Photoshop. Warsztat wprowadzi Cię w metody, techniki i narzędzia Photoshopa, które pozwolą projektować funkjonalne i użyteczne witryny, a także reużywalne komponenty. Wykorzystamy szereg nowych funkcjonalności Photoshopa takich jak Biblioteki, aby projektowanie było wydajne, a elementy spójne. Warsztat został przygotowany w taki sposób, że mogą z niego skorzystać osoby, które dopiero zaczynają swoją przygodę z Photoshopem, ale także ci z Was, którzy już mają jakieś doświadczenie w tworzeniu interfejsów, zapewne znajdą w Warsztacie coś dla siebie. Trochę inaczej niż zwykle, zaczniemy od layoutu Desktopowego, aby pokazać w dużej rozdzielczości szereg podstawowych technik jak maski, tryby mieszania, narzędzia tekstowe, biblioteki, kształty, narzędzia selekcji czy wyrównania elementów. Zadbamy o strukturę warstw oraz wykorzystamy Artbordy aby w późniejszym etapie naszej pracy przenieść projekt także na urządzenia mobilne.<br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

90 minut

Mobilny Warsztat Designera

Zapraszamy Was na niezwykle ciekawy Warsztat o zmieniających się technologiach, które pozwalają nam pracować zdalnie i uwolnić nasze kreatywne zasoby w każdym miejscu. W pierwszej części dowiesz się jakie są możliwości obecnych urządzeń i jak wybrać profesjonalny sprzęt, który pozwoli nam wygodnie pracować zdalnie. Poznasz także kryteria wyboru odpowiedniego tabletu i dowiesz się na co zwrócić uwagę podczas testów. Zaprezentujemy także jedno z najciekawszych urządzeń, które dopiero trafi na rynek - Wacom Cintiq Companion 2, oraz jego możliwości. <br><br> W drugiej części Warsztatu dowiesz się jak działają nowe aplikacje mobilne, w tym darmowe aplikacje Adobe dla iOS oraz Android. Poznasz workflow, który pozwoli Ci w łatwy sposób, automatycznie synchronizować zasoby i prace pomiędzy mobilnymi a desktopowymi aplikacjami. Przyjrzymi się między innymi Adobe Shape, Adobe Brush, Adobe Draw, Adobe Line, Adobe Premiere Clip, Adobe Photoshop Mix, Adobe Voice, Adobe Lightroom Mobile i kilku innym fantastycznym aplikacjom które pozwolą Ci pracować wygodnie jak nigdy wcześniej! Zobacz zaproszenie na Warsztat: <br><br> <iframe width="640" height="360" src="//www.youtube.com/embed/K0owpLEwxKg" frameborder="0" allowfullscreen></iframe>

Grzegorz Róg

44 minut

Projektowanie mockupu opakowania w Photoshop

Zapraszamy na warsztat, w którym pokażemy krok po kroku tworzenie mockupu opakowania foliowego z wykorzystaniem ilustracji z warsztatu o malowaniu produktów w Photoshop. Wspólnie wykonamy symulację gotowego packshotu, następnie gotową kompozycję zaimplementujemy do plakatu promującego nowy produkt. W ostatniej części warsztatu wygenerujemy plik PDF z przygotowaniem pod druk. Podczas trwania sesji wykorzystamy między innymi takie techniki jak: <br><br> - obrysowanie ścieżki wektorowej - zniekształcenia z użyciem filtrów - opcje stylów warstw <br><br> Gotowy mockup opakowania będziesz mógł wykorzystać do prezentacji swoich projektów we własnym Portfolio. <br><br> Na warsztat zaprasza Michał Wedlechowicz

Michał Wedlechowicz

60 minut

Malowanie produktów w Photoshop

Zobacz jak od podstaw wygląda proces malowania produktów spożywczych z wykorzystaniem aplikacji Adobe Photoshop. Nie wszystkie artykuły dają się smacznie i estetycznie sfotografować. Dlatego czasem lepiej je po prostu namalować. Umiejętne stworzenie takiej ilustracji daje nierzadko dużo bardziej apetyczny i przyciągający efekt. W związku z tym, w niniejszym warsztacie zobaczysz szereg niecodziennych tricków, które pozwolą między innymi namalować kawałki orzechów zatopione w polewie czekoladowej. Wykorzystamy takie narzędzia jak Pędzel, Smużenie oraz popracujemy ze stylami warstw tworząc wrażenia 3D. <br> <br> To i wiele więcej w warsztacie, na który zaprasza Michał Wedlechowicz

Grzegorz Róg

60 minut

Projektowanie okładek do druku z Photoshop i Illustrator

Zapraszamy na wyjątkowy Warsztat, w którym zaprezentujemy techniki pracy z Photoshop i Illustrator przy tworzeniu okładek na potrzeby druku. W związku z Waszymi zapytaniami, pokażemy Wam proces powstawania projektów opakowań do naszych kursów. Techniki te wykorzystacie w swoich autorskich pracach. W Warsztacie wiele ciekawych zabiegów i tricków, dzięki którym rodzą się fantastyczne grafiki zdobiące nasze okładki i płyty. Pokażemy Wam jak wykorzystać współpracę Photoshopa z Illustratorem, omówimy techniki malowania pędzlami oraz sprytnie wykorzystamy narzędzia do grafiki wektorowej. <br><br> Na praktyczny Warsztat zaprasza specjalista w zakresie tworzenia opakowań - Michał Wedlechowicz

Michał Wedlechowicz

60 minut

Tworzenie Skutecznego Portfolio

W tym Warsztacie przyjrzymy się aktualnym trendom oraz skutecznym technikom prezentacji swojej pracy w sieci. Jeśli jesteś początkującym freelancerem i chciałbyś dowiedzieć się, jak przyciągnąć klientów, jakie są dobre i złe praktyki w zakresie tworzenia portfolio, jakie serwisy warto odwiedzać w celu udoskonalenia swoich prac - ten Warsztat jest właśnie dla Ciebie. Oczywiście, nie zabraknie w nim także praktycznych wskazówek dotyczących przygotowania prac do prezentacji z pomocą Adobe Photoshop i innych ciekawych porad. Zajmiemy się także omówieniem serwisów z ciekawymi zasobami i mockupami, które wykorzystasz w swojej pracy, jak również prześledzimy serwisy, na których warto pokazywać swoje projekty jak Behance czy Dribble. <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

60 minut

Perfekcyjna grafika na strony WWW i dla urządzeń

W <a href="http://www.eduweb.pl/live/wydajnosc-i-optymalizacja-grafiki-w-photoshop" target="blank">jednym z poprzednich Warsztatów</a>, zajmowaliśmy się optymalizacją grafiki na potrzeby sieci. <br> Tym razem poznasz najważniejsze zasady dotyczące tworzenie grafiki dla nowoczesnych, wysokiej jakości wyświetlaczy, urządzeń przenośnych a także skalowalnych stron WWW. Poznasz najważniejsze typy plików ale dodatkowo dowiesz się jak w najbardziej optymalny sposób wykorzystać możliwości aplikacji jak Illustrator i Photoshop, aby skalowalna grafika nie przysparzała problemów i prezentowała się perfekcyjnie na stronach WWW. Przyjrzymy się także sztuczkom, które pozwalają osiągnąć lepsze efekty i mniejsze pliki. W Warsztacie dowiesz się między innymi: <br><br> <ul class="livelist"> <li>Czym są pliki .svg i jak je optymalnie przygotować</li> <li>Jak grafika jest skalowana na urządzeniach</li> <li>Jak zoptymalizować proces tworzenia grafik wysokiej jakości</li> <li>Sztuczki i sposoby pracy w Photoshop i Illustrator</li> </ul> <br><br> <p>Na Warsztat zaprasza Grzegorz Róg</p>

Grzegorz Róg

60 minut

Photoshop - Tipsy i Triki

Gwarantujemy, że nawet jeśli pracujesz od lat w Photoshopie, w tym Warsztacie znajdziesz nową, ciekawą funkcjonalność, którą będziesz mógł wykorzystać w swojej pracy. Grzegorz Róg prezentuje sztuczki związane z wykorzystaniem narzędzi Photoshopa, między innymi: <ul class="livelist"> <li>Metody pracy z tekstem w Photoshop</li> <li>Automatyzację ze zmiennymi z pomocą Excela</li> <li>Rzadko wykorzystywane warstwy korekcyjne i ich właściwości</li> <li>Ciekawe skróty klawiaturowe</li> <li>Metody pracy ze zdjęciami</li> <li>i wiele więcej!</li> </ul> Warsztat poświęcony jest na omówienie zarówno nowych funkcji Photoshopa, jak i tych które są w aplikacji już od dawna, jednak są rzadko wykorzystywane i działają nawet kilka wersji wstecz. <br><br> Serdecznie zapraszam, Grzegorz Róg

Grzegorz Róg

75 minut

Rozszerzanie Photoshop - Skrypty, Akcje, Dodatki

Zobacz wszystkie sposoby na automatyzację, przyspieszenie pracy oraz rozszerzanie Photoshopa. <br><br> W Warsztacie znajdziesz między innymi omówienie: <ul class="livelist"> <li>Własnych skrótów klawiaturowych</li> <li>Wykorzystanie akcji, w tym akcji warunkowych</li> <li>Korzystanie z akcji tworzonych przez zewnętrznych autorów</li> <li>Praca z gotowymi skryptami w Photoshop</li> <li>Skrypty Merge to HDR Pro, Photomerge, Batch, Image Processor, Contact Sheet II i inne</li> <li>Tworzenie własnych skryptów z ExtendedScript</li> <li>Automatyzacja procesów z Bridge</li> <li>Scripts Event Manager</li> <li>Korzystanie z Pluginów do Photoshopa</li> <li>Pluginy z Adobe Extension Manager oraz Adobe Exchange</li> <li>Pluginy od zewnętrznych dostawców</li> <li>Własne pluginy</li> <li>Tworzenie własnych Paneli z Adobe Configurator</li> </ul> <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

60 minut

Tworzenie Portfolio w Behance

W tym Warsztacie poznasz możliwości sieci Behance - największego serwisu zrzeszającego kreatywnych twórców na Świecie. W ramach Behance możesz zarówno przeglądać i oceniać prace innych, jak również prowadzić swoje portfolio.<br><br> W Warsztacie, poza postawowymi możliwościami Behance omówimy także możliwość tworzenia własnych stron - Pro Site, która umożliwia nam pracę z wizualnym kreatorem strony w przeglądarce. Tak opublikowane portfolio możemy nawet stworzyć z własnym logo, pod własną domeną a zatem jako osobną stronę dla odwiedzających niepowiązaną z Behance.<br><br> Ponadto, z racji połączenia Behance z Adobe, abonenci Creative Cloud mają możliwość korzystania z wszystkich funkcji serwisu, w tym Pro Site, za darmo!<br><br> To wszystko i jeszcze więcej pokażemy Ci w nadchodzącym Warsztacie. Zapraszam - Grzegorz Róg

Grzegorz Róg

30 minut

Projektowanie gry w Photoshop

Zobacz w akcji świetnego ilustratora - Wojciecha Magierskiego, który zaprezentuje proces powstawania grafiki do gry Ice Hockey, która dostępna jest na urządzenia mobilne. Warsztat stanowi przegląd ciekawych technik Adobe Photoshop w kontekście projektowania interfejsu gry oraz dostosowania jej do wymogów urządzeń dotykowych. Poznasz w nim ciekawe sztuczki w Photoshop, które przyczyniły się do powstania niezwykle atrakcyjnego wizualnie i funkcjonalnego zarazem interfejsu. Gra została opracowana jako jedna z prac poglądowych na nasz konkurs związany z projektowaniem pod Windows 8.<br><br> Na Warsztat zaprasza Wojciech Magierski, zobacz także jego kurs <a href="http://eduweb.pl/kursy/photoshop/photoshop-masterclass.html">Photoshop Masterclass.</a>

Grzegorz Róg

60 minut

Aplikacja na tablet w Photoshop

Zapraszamy na Warsztat, w którym jeden z najlepszych polskich grafików na co dzień pracujący z wymagającymi interfejsami Michał Gałubiński (<a href="http://www.misz.com" target="blank">misz.com</a>), zaprezentuje swoje podejście do pracy z projektami na potrzeby urządzeń mobilnych oraz pokaże, jak zaprojektował jeden z ekranów aplikacji Windows 8 na tablet. Oprócz tego, dowiesz się jakich wtyczek i narzędzi Photoshopa Michał używa na co dzień, a także poznasz jego autorski projekt <a href="http://www.approveapp.com">approveapp</a>, który ułatwia komunikację na linii designer > klient. Zapraszamy!

Grzegorz Róg

98 minut

Ilustracja w Photoshop

Zobacz kreatywny proces tworzenia ilustracji z pomocą Adobe Photoshop. Na przestrzeni ponad 1,5 godzinnego Warsztatu odbędziesz podróż po narzędziach programu Photoshop tak, aby od czystej kartki stworzyć kompletną, nowoczesną Ilustrację. W większości nasza ilustracja będzie opierać się na kolażu i składaniu stockowych zdjęć, cały Warsztat w przyspieszonym tempie wygląda tak: <br><br> <iframe width="640" height="360" src="http://www.youtube.com/embed/L1UBJKK0VbM" frameborder="0" allowfullscreen></iframe> <br><br> Na Warsztat zaprasza Grzegorz Róg

Grzegorz Róg

75 minut

3D w Photoshop

W tym Warsztacie zapoznasz się z możliwościami Photoshop CS6 Extended w zakresie edycji grafiki 3D. Poznasz metody pracy z grafiką trójwymiarową z zaimportowanego do Photoshopa pliku, jak również dowiesz się jak stworzyć mesh'a bezpośrednio z warstwy oraz text layera. Oprócz tego omówimy nawigację we Viewportach, funkcjonalności panelu 3D i Properties, pracę z oświetleniem, teksturami, jak również kamerą.<br><br> Podczas Warsztatu pokażę Ci także jak tworzyć ciekawe kompozycje 3D oraz animować obiekty z pomocą panelu Timeline. Następnie wyrenderujemy naszą pracę a także wyeksportujemy do wideo w mp4.<br><br> Zapraszam, Grzegorz Róg

Grzegorz Róg

60 minut

Wydajność i optymalizacja grafiki w Photoshop

Wydajność w Photoshop jest czymś, co pozornie nie ma większego znaczenia. Wszyscy wiemy, że Photoshop kocha RAM i warto mu zapewnić jak najlepsze zasoby. Jednak działanie Photoshop to nie tylko konfiguracja sprzętowa, o której pomówimy, ale również ustawienia samej aplikacji, które niemal od ręki, z pomocą kilku prostych sztuczek potrafią przyspieszyć działanie programu. <br><br> W Warsztacie skoncentrujemy się na zagadnieniach pozwalających na zaoszczędzeniu zasobów oraz przyspieszeniu aplikacji, jak również, w drugiej części, pomówimy o najlepszych praktykach związanych z kompresą i zapisywaniem grafiki z Photoshopa. <br><br> Zarówno jeśli korzystasz z Photoshopa okazjonalnie, jak i jeżeli jest to Twoje podstawowe środowisko pracy, jestem pewien że wiele z tych wskazówek pomoże Ci oszczędzić czas i zasoby. <br><br> Warsztat poprowadzi Grzegorz Róg

Grzegorz Róg

Autor: Grzegorz Róg

**Idea Architect**

Od wielu lat projektuje serwisy internetowe, dużą wagę przykładając do ich funkcjonalności a także skutecznych technik promocji. Swoje umiejętności praktyczne zdobywa projektując grafikę oraz strony www dla wiodących polskich i zagranicznych agencji reklamowych. Współpracuje między innymi z Adobe, Microsoft, Wacom. Jako trener i spiker prowadzi szkolenia oraz eventy i warsztaty. Posiada szereg uprawnień i certyfikatów eksperckich. <br><br> W wolnych chwilach stara się przekazać Ci całą praktyczną wiedzę, pasję i doświadczenie. Zapraszamy do kursu - gwarantujemy, że ta świetna zabawa przyniesie Ci mnóstwo satysfakcji!

eduweb.pl
@greg_rog

Recenzje Kurs Photoshop do HTML i CSS

5

7 dodanych ocen

2015-02-26

Mega fajne layouty są poruszane i oczywście garść nowych informacji w zanadrzu :)

Damian Moliński

2015-03-26

Mnóstwo dobrej wiedzy , polecam

Slawomir Sowiński

2015-08-14

Wspaniałości w rzeczy samej

Marcin Lewtak

2015-09-04

Cała masa wartościowych informacji, jak zawsze.

Robert Szeliga

2017-02-13

Bardzo dobry kurs, dużo wartościowych informacji.

Erwin Heba

2017-07-30

Bardzo dobry kurs! Warto obejrzeć!

Lukasz S Pierwola

2018-07-14

Profesjonalny kurs, godny polecenia. Poruszane zagadnienia wykorzystywane w codziennej pracy.

Piotr Wiktorowicz

Ten kurs nie posiada jeszcze transkryptu. Choć bardzo się staramy, wygenerowanie transkryptów do wszystkich kursów jest bardzo czasochłonne. W wielu przypadkach wymaga zaangażowania drogiego oprogramowania i godzin pracy przy poprawianiu transkryptu tak, aby był on możliwie jak najlepszy.

Zależy nam na tym, aby przygotować transkrypty do wszystkich naszych treści. To jedyny sposób dla osób niedosłyszących, aby mogły wygodnie uczyć się technologii. Poza tym, transkrypty ułatwiają skanowanie kursu w poszukiwaniu informacji i jego indeksowanie.

Szukamy osób, które mogłyby nam pomóc w poprawianiu transkryptów. Jeśli masz chwilę wolnego czasu i interesuje Cię dany kurs, w zamian za taką pomoc chętnie udostępnimy Ci wybrany materiał. Wyślij swoje zgłoszenie tutaj, jeśli możesz pomóc nam rozwijać platformę.

  • Informacje
  • Lekcje
Wykup w abonamencie od 79zł
Przetestuj za darmo przez 7 dni!

Autor: Grzegorz Róg

Czas: 9 godzin 30 minut

Wersja:

  • Pliki źródłowe
  • Certyfikat Ukończenia
  • Dostęp z urządzeń przenośnych
  • Licencje dla firm i szkół

Wstęp do kursu

  • Wprowadzenie

Praca z Photoshop

  • Wprowadzenie do działu

Konfiguracja środowiska

  • Ustawienia Photoshop'a

  • Organizacja paneli

  • Dodatki do Photoshop

  • Rozdzielczość i grid

  • Dobór fontów na stronę WWW

  • Dobór zdjęć do projektu

Dodatkowe informacje o WordPress

  • Podstawy WordPress

  • Projektowanie pod WordPress

Tworzymy layout strony

  • Początek pracy z layoutem

  • Tworzymy Menu

  • Praca z elementami topu

  • Skrót do artykułów promowanych

  • Praca z cytatem

  • Układ trójkolumnowy

  • Sekcja Food Fight

  • Sekcja Kulinarne Inspiracje

  • Komentarze oraz Footer

Praca z podstronami

  • Modelowanie podstron

  • Top dla podstrony

  • Zawartość podstrony

  • Pozostałe podstrony

Podstrona Pojedynków

  • Światło w sekcji pojedynków

  • Projektowanie pojedynków

Kodowanie z HTML i CSS

  • Wprowadzenie do działu

  • Struktura plików dla strony

Tworzenie strony głównej

  • HTML dla strony głównej

  • Reset stylów CSS

  • Cięcie layoutu i zapisywanie grafiki

  • Ostylowanie headera z menu

  • Tworzenie CSS dla menu

  • Praca z jQuery na potrzeby menu

  • Tworzymy strukturę dla topu

  • Style dla topu

  • Cytat oraz przewijarka zdjeć

  • Kodujemy karuzelę w jQuery

  • Układ trzech kolumn

  • Dopracowanie cienia

  • Sekcja pojedynków

  • Sekcja Kulinarne Inspiracje

  • Praca z komentarzami

  • Skrypty dla Footer'a

  • Struktura plików i praca domowa

Google Maps API

  • Praca z Google Maps API i Geolokalizacją

Strona pojedynków

  • HTML dla pojedynków

  • CSS w sekcji pojedynków

Animowane treści na stronie

  • Animacja w jQuery

  • Animacja z Adobe Animate

Zakończenie

  • Do usłyszenia!