Photoshop to główne narzędzie webmasterów do tworzenia wyglądów i układów stron internetowych (layoutów). W ostatnich latach wprowadzono szereg narzędzi ułatwiających pracę webdesignerom: animacje, moduł zapisu plików do sieci, obiekty inteligentne i kształty wektorowe. Poznaj techniki i sposoby tworzenia elementów graficznych do stron www, oraz całych layoutów - od podziałów i szkicu wstępnego, po końcową typografię i efekty warstw. W trakcie tego kursu stworzysz także layout szablonu aukcji Allegro.
| 0. Wstęp | 1:00 |
| 1. Interfejs programu | |
| 1.1 Główne okno aplikacji | 7:07 |
| 1.2 Zagnieżdżone dokumenty | 3:20 |
| 1.3 Poruszanie się po programie | 3:31 |
| 2. Praca z kolorem | |
| 2.1 RGB | 8:39 |
| 2.2 Konfiguracja zarządzania kolorami | 3:49 |
| 2.3 Color Picker | 9:32 |
| 2.4 Kolor tła i pierwszego planu | 4:08 |
| 2.5 Narzędzie Eyedropper | 3:38 |
| 3. Optymalizacja fotografii dla sieci | |
| 3.1 Grzechy zdjęć w internecie | 9:10 |
| 3.2 Obróbka w Camera Raw | 8:19 |
| 3.3 Pomniejszanie i kadrowanie | 9:59 |
| 3.4 Wyostrzanie zdjęć | 6:06 |
| 3.5 Kompresja i optymalizacja - Save for web | 9:07 |
| 4. Tworzenie elementów graficznych | |
| 4.1 Ikony - custom shape tool | 15:26 |
| 4.2 Ikony - pen tool | 13:25 |
| 4.3 Rysowanie i edycja kształtów - maski wektorowe | 7:57 |
| 4.4 Style warstw - cień i blask | 15:43 |
| 4.5 Style warstw - faza i wytłoczenie | 5:52 |
| 4.6 Style warstw - color i gradient overlay | 6:48 |
| 4.7 Przycisk WEB | 7:30 |
| 5. Przezroczystość w sieci | |
| 5.1 Co to jest kanał Alpha? | 5:08 |
| 5.2 GIF i PNG - zapis z przezroczystością | 8:07 |
| 5.3 Zapis przezroczystości | 6:29 |
| 5.4 Gradacyjna i częściowa przezroczystość | 7:33 |
| 6. Animacja w sieci | |
| 6.1 Animacja a kompozycje warstw | 7:07 |
| 6.2 Animacja przezroczystości | 13:28 |
| 6.3 Animacja kształtu i położenia | 6:29 |
| 6.4 Animowany banner | 15:49 |
| 6.5 Optymalizacja gifów | 11:33 |
| 7. Podstawy tworzenia layoutów | |
| 7.1 Tworzenie tła | 7:42 |
| 7.2 Powtarzające się tło - wzorki | 5:32 |
| 7.3 Miarki i linie pomocnicze | 13:30 |
| 7.4 Wybór tematu kolorystycznego - Kuler | 15:57 |
| 7.5 Warstwy i grupy warstw | 6:30 |
| 8. Cięcie layoutu | |
| 8.1 Narzędzie slice | 4:59 |
| 8.2 Automatyczne kontra ręczne cięcie | 8:27 |
| 8.3 Edycja miejsc cięcia | 7:03 |
| 8.4 Optymalizacja i kompresja dla kawałków | 6:27 |
| 8.5 Zapis kawałków do sieci | 2:40 |
| 8.6 Zapis wybranych kawałków | 3:22 |
| 8.7 Podgląd strony w przeglądarce www | 5:42 |
| 9. Projekt: szablon allegro 1 | |
| 9.1 Bazowe płótno i szablon | 7:20 |
| 9.2 Rozmieszczenie linii konstrukcyjnych | 2:53 |
| 9.3 Tworzenie głównych bloków | 17:36 |
| 9.4 Logo z Illustratora i grafika czołowa | 10:23 |
| 9.5 Nawigacja strony | 5:37 |
| 9.6 Typografia | 3:50 |
| 9.7 Cięcie layoutu | 3:22 |
| 9.8 Zapis plików | 4:24 |
| 10. Projekt: szablon allegro 2 | |
| 10.1 Główne zasady języka HTML | 6:08 |
| 10.2 Co to jest CSS? | 4:28 |
| 10.3 Struktura layoutu | 14:08 |
| 10.4 Linki i reszta konstrukcji | 17:13 |
| 10.5 Przystosowanie kodu do Allegro | 3:01 |
| 11. Zakończenie | 1:56 |
