RESTful API - dobre praktyki      |        -20% z kodem: RESTAPI      |        Rabat ważny do poniedziałku
  • Odbierz zwrot 50 zł na kartę revolut
  • Szkolenia
    strefakursów.pl Programowanie
    DARMOWE FRAGMENTY

    Kurs Photoshop dla web designera

    Naucz się projektować strony internetowe w programie Photoshop
  • Poziom: Średniozaawansowany
  • 69
    +690 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    Płatności twisto
    • 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
    Dowiedz się więcej

    Czego się nauczysz z kursem?

    Photoshop - Cięcie layoutu
    Layout w stylu retro

    Jak to działa?

    Najciekawsze dodatki dla web designera

    Najciekawsze dodatki dla web designera

    Eksport zawartości i cięcie layoutu

    Eksport zawartości i cięcie layoutu

    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
    Photoshop
    Dreamweaver
    Dreamweaver
    CSS3Ps
    CSS3Ps
    Bootstrap
    Bootstrap

    Projektowanie witryn

    Nowoczesny Flat Design
    Layout strony - Flat Design
    Photoshop i Dreamweaver - współpraca

    Automatyzacja i współpraca

    Optymalizacja grafiki

    Optymalizacja grafiki

    Praca z kolorami

    Praca z kolorami

    Co jeszcze znajduje się w kursie?

    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).

    Photoshop

    Co jeszcze warto wiedzieć?

    W kursie używamy Photoshopa w polskiej wersji
    ZOBACZ WIĘCEJ
    Program nauczania
    1 Wprowadzenie
    Wstęp 0m 42s
    Jak korzystać z plików? 0m 51s
    2 Webdesign w Photoshop
    Najważniejsze preferencje 4m 50s
    Zapisywanie presetów nowego dokumentu 2m 16s
    3 Praca z kolorem
    Praca z kolorami HTML 4m 29s
    Narzędzie Adobe Kuler 4m 47s
    Zapisywanie własnych próbek 3m 32s
    4 Eksport grafiki na potrzeby Internetu
    Zapisz dla Internetu - ogólne zagadnienia 5m 22s
    Optymalizacja plików JPEG 5m 56s
    JPEG - wykorzystanie siatki pikseli 4m 47s
    Optymalizacja plików GIF 4m 14s
    Optymalizacja plików PNG 4m 13s
    5 Eksport przezroczystości
    Obcinanie transparentnych pikseli 2m 13s
    Eksport pliku z przezroczystością Podgląd 3m 37s
    6 Tworzenie nowoczesnego layoutu
    Omówienie projektu 2m 35s
    Przygotowanie nowego dokumentu 4m 03s
    Rysowanie głównych bloków 4m 43s
    Organizowanie zawartości projektu 1m 55s
    Rysowanie głównego menu 4m 20s
    Elementy odtwarzacza wideo 5m 45s
    Dodawanie obrazków do layoutu 4m 09s
    Wykorzystanie stylów tekstu 5m 14s
    Projektowanie formularza 4m 16s
    Wykorzystanie kompozycji warstw 2m 10s
    7 Eksport za pomocą generatora
    Generator zasobów - wprowadzenie Podgląd 4m 04s
    Dodatkowe opcje eksportu 3m 06s
    8 Projektowanie z użyciem zmiennych
    Definiowanie zmiennych 3m 56s
    Wprowadzanie danych wewnętrznych 2m 58s
    Użycie zewnętrznego źródła danych 5m 02s
    Eksport na podstawie danych 3m 12s
    9 Cięcie i plasterki
    Plastry - wstęp do tematu 6m 49s
    Plastry bazujące na warstwach 3m 10s
    Plastry na podstawie prowadnic 2m 18s
    10 Techniki wykorzystujące Sprite
    Sprite - zasada działania 3m 05s
    Sprite - tworzenie grafiki 4m 43s
    Użycie zewnętrznych generatorów 3m 07s
    11 Generowanie CSS na podstawie PSD
    Skuteczne kopiowanie koloru 3m 31s
    Generowanie stylu tekstu 5m 15s
    Generowanie stylu dla grafiki 4m 10s
    Tworzenie CSS na podstawie stylu warstwy 2m 56s
    Omówienie pluginu CSS3Ps 5m 14s
    12 Przydatne narzędzia i dodatki
    Plugin Cut&Slice me 5m 48s
    Open With Photoshop 1m 30s
    Plugin Guide Guide 3m 43s
    Punchcut - zestaw elementów 4m 30s
    13 Projektowanie z użyciem siatek
    Projektowanie z użyciem Bootstrap 7m 11s
    Generowanie własnej siatki kolumn 3m 05s
    14 Kompozycje warstw
    Zapisywanie stanów witryny 2m 58s
    Symulowanie efektu Rollover 5m 39s
    Eksport kompozycji do PDF 3m 33s
    15 Projektowanie Preloaderów
    Preloader - elementy graficzne 7m 59s
    Tworzenie animacji poklatkowej 4m 08s
    16 Eksport grafiki w różnych rozmiarach
    Definiowanie obszarów przycinania 4m 06s
    Tworzenie wariantów grafiki 4m 26s
    Eksport na ekrany HDPI 4m 37s
    17 Automatyzacja
    Operacje i polecenie Zmieść obraz 3m 15s
    Droplet - przykład użycia 4m 35s
    18 Współpraca z innymi programami
    Przenoszenie grafiki do Dreamweavera 3m 21s
    Współpraca z programem Muse 3m 14s
    19 Projekt retro
    Definiowanie własnego wzorku 6m 00s
    Wzorek bazujący na kształcie 4m 18s
    Wstążka - zaawansowana edycja kształtów 7m 51s
    Wstążka - cień i obramowanie w stylu retro 4m 29s
    Wypełnianie własną teksturą 4m 11s
    Praca z liniami i kreskami 4m 36s
    Formularz - styl retro 6m 29s
    Formularz - dodawanie przycisku Podgląd 6m 29s
    Projektowanie plakietki 8m 12s
    20 Różne techniki i zagadnienia
    Icon Fonts - omówienie 4m 47s
    Icon Fonts - przykład użycia 3m 21s
    Użycie gotowych elementów interfejsu 4m 23s
    Cienie w stylu Flat 5m 27s
    Zakończenie 0m 45s
    Ocena uczestników
    5 4.9 96
    4.9
    92%
    8%
    0%
    0%
    0%
    Recenzje użytkowników (96)
    5
    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 :)
    5
    PROFIL PUBLICZNY
    Ś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
    5
    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.
    5
    PROFIL PUBLICZNY
    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ć… Czytaj więcej
    5
    Świetny kurs. Jeśli ktoś nie miał wcześniej kontaktu z Photoshopem z pewnością powinien z kursu skorzystać. Zagadnienia tam zawarte pozwolą na graficznie zaprojektowanie layoutu naszej wymarzonej strony. Niestety jedynym ograniczeniem przy tworzeniu layoutu może być… Czytaj więcej
    Informacje o szkoleniu
      96 recenzji
      5 godzin
      73 wykładów
    • Możliwość pobrania pliku
    • Nielimitowany dostęp
    • Dostęp z urządzeń mobilnych
    69
    +690 punktów premium
    Zacznij naukę teraz, zapłać w ciągu 21 dni!
    Ten kurs jest częścią ścieżki
    4.8
    UX/UI Designer
    Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj solidne podstawy, które umożliwią Ci łatwy start w tej bardzo popularnej i ważnej dziedzinie.
    376 wykładów
    7218 uczestników
    Dowiedz się więcej
    Ścieżka kariery - UX/UI Designer
    Tylko teraz możesz odebrać rabat na pierwsze zamówienie
    Dlaczego warto?
    Będziesz regularnie otrzymywał atrakcyjne rabaty
    Nie przegapisz żadnej z naszych promocji
    Będziesz informowany o aktualnych konkursach
    Nie wysyłamy spamu
    Nie, dziękuję, kupię bez zniżki
    strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
    AKCEPTUJĘ PLIKI COOKIE