Wykonanie strony w Photoshop
Styczeń 31st, 2010tworząc Photoshopa programiści chcieli stworzyć program do obróbki map bitowych. Ale narzędzia z biegiem czasu rozrosły się i program ewoluował do takiej formy jaką mamy obecnie. Rozwinęły się także możliwości tego programu jeśli chodzi o tworzenie grafiki na potrzeby stron WWW. Program można zintegrować z wieloma innymi aplikacjami które odpowiedni zajmą się grafiką i wygenerują na jej podstawie stronę WWW. Jednak by w pełny w ten sposób stworzyć stronę internetową wymagana jest podstawowa znajomość języka HTML oraz CSS. Prace należy zacząć od wykonania odręcznego szkicu strony, prace z komputerem trzeba zacząć od przygotowania pliku o wymiarach 820 x 840px. Warto też od razu zapisać go pod nazwą index ponieważ jeśli w następnych krokach wygenerujemy kod html to automatycznie zostanie on zapisany do pliku o tej samej nazwie, natomiast z rozszerzeniem .hmtl, pozwoli to na automatyczne otwarcie pliku jako strony głównej. Pierwszym krokiem powinno być ustawienie linii pomocniczych czyli Rulers, musimy je ustawić zgodnie z naszym szkicem. Ułatwi to nam wprowadzanie kolejnych elementów. Nastęnie określamy kolory m.in. tła. W przypadku tekstu który będzie wyświetlany musimy go sformatować tak jak ma być sformatowany na stronie. Najbardziej popularnymi krojami czcionek na stronach WWW są Veradana oraz Tahoma, musimy też dobrać jej odpowiedni rozmiar, pamiętając by nie był on ani za duży ani za mały. Jeśli chcemy mieć identyczny rozmiar w przeglądarce i w photoshopie to musimy go określać za pomocą px.
Podstawową rzeczą jest zdefiniowanie ustawień wyjściowych w ten sposób mamy wpływ na to w jaki sposób nasza strona Web jest formatowana przez program. Ukażą nam się dwie plansze, pierwsza z nich dotyczy formatowania i zapisu plików HTML. Strony najczęściej opierają się o tabelki lub arkusze stylów CSS. Posługując się aplikacją ImageReady określamy te parametry w części gdzie są odcięcia. Ukażą nam się kolejne plansze które odpowiadają za generowanie łącz w oparciu o mapy. Dzięki temu że od początku posługiwaliśmy się liniami pomocniczymi mamy teraz ułatwioną operację pocięcia szablonu. Musimy także określić parametry jakości i rodzaju grafiki. Jeśli na grafice znajdują się płynne gradienty i inne to najlepiej wybrać format JPG. Jeśli odcięcia natomiast mają jednolity obraz to najlepiej zapisać to w formacie GIF. Odpowiedni też dobieramy liczbę kolorów, na bieżąco możemy obserwować jakość zoptymalizowanej grafiki.