Tworzenie własnej strony internetowej zawsze zaczyna się od opracowania szkicu i przyszłego projektu, a integralną częścią tego rozwoju jest wizualizacja projektu strony w Photoshopie i pocięcie gotowego projektu na bloki do późniejszego układu. Umiejętność poprawnego wycięcia obrazu projektu strony bezpośrednio wpływa na dalszy sukces layoutu i poprawne umieszczenie plików graficznych na serwerze.
Instrukcje
Krok 1
Otwórz utworzony układ projektu w Photoshopie, który jest solidnym obrazem o pożądanej rozdzielczości. Z paska narzędzi w programie Photoshop wybierz narzędzie Slice. Tymczasowo wyłącz widoczność wszystkich warstw tekstowych, pól wejściowych, ikon i podobnych elementów.
Krok 2
Za pomocą wybranego narzędzia narysuj linie pomocnicze, wzdłuż których wytniesz witrynę - te linie na obrazie będą zielone. Starannie podziel jednoczęściowy układ na elementy konstrukcyjne o pożądanej wielkości i ilości.
Krok 3
Zastanów się, jak wytniesz obraz - nie powinno być w nim zbyt wielu pojedynczych elementów. Aby utworzyć linie pomocnicze, umieść kursor na górnej linijce nad obrazem, kliknij lewym przyciskiem myszy i przeciągnij prowadnicę w dół. Zwolnij przycisk myszy.
Krok 4
Po ustawieniu wszystkich prowadnic (zarówno pionowych, jak i poziomych), przejdź do krojenia układu.
Krok 5
Używając narzędzia tnącego wybranego powyżej, wytnij układ, klikając lewym przyciskiem myszy początek każdej prowadnicy i rozciągając pojawiające się pole do rozmiaru żądanego obiektu, który chcesz wyciąć. Zwolnij lewy przycisk myszy, aby w lewym rogu wyciętego fragmentu pojawił się numer seryjny.
Krok 6
Dostosuj granice fragmentów, ręcznie je rozciągając. Aby zapisać pocięte fragmenty całego obrazu, kliknij opcję „Zapisz dla stron internetowych” w menu Plik i wybierz format JPEG. W oknie zapisu wybierz „Wszystkie fragmenty”.
Krok 7
Po zapisaniu osobno wyciętych fragmentów obrazu, zapisz wszystkie wizualne elementy projektu strony - bloki tekstu, przyciski, linie i tak dalej.
