Stworzenie szablonu strony w Photoshopie nie jest trudne. Szablon zawiera menu, formularze wyszukiwania, grafikę, może na przykład jakiś tekst. Sama strona będzie już zaprogramowana na jej podstawie.
Instrukcje
Krok 1
Rozpocznij kształtowanie szablonu witryny w Photoshopie, tworząc nowy dokument o rozmiarze 1020 na 1020 pic. Ustaw białe tło. Ustaw kolor pierwszego planu na # c5e0dd, a kolor tła na # ece5cf.
Krok 2
Weź narzędzie Gradient i wybierz pierwszy typ wypełnienia w jego panelu ustawień. Przeciągnij linię gradientu przez białe pole od góry do dołu.
Krok 3
Chwyć narzędzie Tekst, wpisz tytuł swojej witryny w prawym górnym rogu, tak aby pokrywał się z formularzem wyszukiwania, który będzie znajdował się w lewym górnym rogu. Ustaw rozmiar czcionki, na przykład 12.
Krok 4
Aby utworzyć kształt wyszukiwania, wybierz narzędzie Prostokąt i narysuj biały prostokąt w prawym górnym rogu. Zastosuj następujące ustawienia warstwy: Cień wewnętrzny – Tryb mieszania – Pomnóż, Kolor – # a2b7b1, Krycie – 43, Kąt – 90, Odległość – 0, Zadławienie – 0, Rozmiar – 10.
Krok 5
Użyj narzędzia Tekst, aby utworzyć miękki tekst wewnątrz tego kształtu.
Krok 6
Wybierz narzędzie Zaokrąglony prostokąt i utwórz przycisk wewnątrz kształtu wyszukiwania na jego prawej krawędzi. Zastosuj następujące style warstw: Nakładka gradientu - Tryb mieszania - Normalny, Krycie - 100, Gradient od ciemnego do jasnego (kolory od #754f39 do # a1704f), Styl - Liniowy, Kąt - 90, Skala - 59.
Krok 7
Użyj narzędzia Tekst, aby napisać „idź” lub coś podobnego na tym przycisku.
Krok 8
Aby utworzyć nawigację, weź narzędzie Zaokrąglony prostokąt i narysuj długi prostokąt poniżej tytułu i kształtu wyszukiwania. Zastosuj następujące style warstw: Nakładka gradientu - Tryb mieszania - Normalny, Krycie - 100, Gradient od ciemnego do jasnego (kolory od #76503e do # a46ecd), Styl - Liniowy, Kąt - 90, Skala - 59; Struktura obrysu – 1, Pozycja – Wewnątrz, Tryb mieszania – Normalny, Krycie – 100, Typ wypełnienia – Kolor, Kolor # 9F6038.
Krok 9
Weź narzędzie Zaokrąglony prostokąt i narysuj mały prostokąt po lewej stronie paska nawigacyjnego. Zastosuj następujące style warstw: Cień wewnętrzny – Tryb mieszania – Pomnóż, Krycie – 75, Kąt – 90, Odległość – 1, Zacisk – 0, Rozmiar – 8; Nakładka gradientu – Tryb mieszania – Normalny, Krycie – 100, Gradient od ciemnego do jasnego (kolory od #76503c do # a46e4d), Styl – Liniowy, Kąt – 90, Skala – 59; Obrys - Struktura - 1, Pozycja - Wewnątrz, Tryb mieszania - Normalny, Krycie - 100, Typ wypełnienia - Kolor, Kolor # 8f6347.
Krok 10
Dodaj etykiety do paska nawigacyjnego.
