Skompilowałeś oryginalny layout z elementami graficznymi i chciałbyś zrobić layout? Najpierw musisz nauczyć się ciąć układ tak, aby każdy z elementów graficznych znalazł się kolejno w odpowiednim miejscu na środku, na górze lub na dole strony.
Instrukcje
Krok 1
Wybierając techniki wycinania układu, pamiętaj, że każdy projektant układu używa własnych metod wycinania go podczas pracy z układami PSD. Dlatego w pierwszym etapie wybierz tylko najprostsze techniki, które obejmują rozcięcie stworzonego układu z grafiką na kawałki, co jest wygodne dla początkujących. Najpierw wyobraź sobie, na jakie części będziesz dzielić swój układ, przemyśl każdą z jego oddzielnych części, a dopiero potem przejdź do technicznej części samego procesu. Pamiętaj, że układ PSD jest podzielony na „kawałki” w zależności od jego złożoności, dzieląc go na osobne elementy. Ponadto każdy element graficzny musi być niezależny od wszystkich innych szczegółów.
Krok 2
Decydując się na wycięcie layoutu z nagłówkiem składającym się z przycisków, osobnej warstwy tła i warstw tekstowych należy pamiętać, że w tym przypadku nie można wyciąć całego nagłówka jako obrazu. W takiej sytuacji lepiej wyciąć na obrazki osobno wszystkie warstwy tekstowe, każdy przycisk, a także warstwę tła nagłówka. Po drugie, wycinanie układu zakłada, że projektant układu wykonuje akcje w następującej kolejności. Jeśli tekst jest tylko częścią dekoracji, użyj go przed układem HTML/CSS.
Krok 3
Najpierw otwórz sam układ w Photoshopie, aby panel warstw pojawił się po prawej stronie, który jest uważany za podstawę potrzebną do uruchomienia układu. W przypadku, gdy wszystkie obrazy można kliknąć, otwórz wersję układu w pełnej rozdzielczości. Następnie rozmieść wszystkie elementy graficzne tak, aby wyglądały tak samo jak w formacie HTML, więc zapisz każdy wyraźny element graficzny w żądanym formacie: GIF,.
Krok 4
Aby wybrać żądany element graficzny, użyj takiego narzędzia jak Rectangular Marquee Tool, które pozwala zaznaczyć zaznaczony obszar linią przerywaną. Następnie przytnij resztę układu do kropkowanego elementu za pomocą menu Obraz> Przytnij. Aby pozbyć się niepotrzebnych warstw tła, zastosuj wypełnienie gradientowe, wyłączając widoczność warstw tła. Następnie przytnij rogi wybranej części, a wszystkie pozostałe warstwy pozostaw przezroczyste.
