whycomputer.com >> Wiedza o Internecie >  >> Oprogramowanie

Jak utworzyć profesjonalny nagłówek strony w Photoshop

Photoshop CC 2014 jest idealnym narzędziem do projektowania profesjonalnych obrazów na swojej stronie internetowej, w tym banerów. Projektując swój pierwszy baner, zachowaj prostotę projektu, aby grafika nie była przeładowana zbyt dużą ilością informacji wizualnych. Jeśli Twoja firma ma kolory firmowe i czcionki firmowe, z pewnością możesz użyć tych w swoim banerze.

Krok 1
Uruchom Photoshop. Naciśnij „Ctrl-N” lub wybierz „Nowy” z menu Plik. W oknie dialogowym określ wysokość i szerokość banera, na przykład 900 pikseli szerokości i 150 pikseli wysokości. Kliknij „OK.”

Krok 2
Wybierz w razie potrzeby jednolity kolor tła banera. Aby to zrobić, kliknij ikonę „Kolor pierwszego planu” na pasku narzędzi i wybierz kolor, a następnie kliknij „Narzędzie Prostokąt” i przeciągnij przez cały baner. W tym samouczku będziemy jednak nakładać się na dwa gradienty zamiast używać jednolitego tła.

Krok 3
Kliknij narzędzie „Gradient” w Przyborniku. Kliknij menu „Wypełnienie” na pasku opcji i wybierz czarno-biały gradient z dostępnych ustawień wstępnych. Kliknij w dowolnym miejscu nad banerem w obszarze roboczym i przeciągnij kursor pod baner. Zwolnij przycisk myszy, aby zastosować gradient.

Krok 4
Kliknij „Poziome narzędzie tekstowe” w Przyborniku. Przeciągnij kursor na baner, aby utworzyć pole tekstowe. Użyj menu na pasku opcji, aby określić czcionkę, rozmiar czcionki i kolor. Przeciągnij pole tekstowe tak, aby było wyśrodkowane po lewej stronie banera.

Krok 5
Wybierz „Otwórz” z menu Plik i wybierz dowolny obraz na komputerze, którego chcesz użyć dla swojego banera , jak logo firmy, zdjęcie siebie lub produktu, który sprzedajesz. Po otwarciu obrazu wybierz „Duplikuj” z menu Warstwa. Zmień miejsce docelowe na plik nagłówkowy, który będzie nazywany „Bez tytułu-1”, chyba że go już zapisałeś. Kliknij „OK”, aby dodać obraz jako nową warstwę do banera.

Krok 6
Wybierz „Przekształć” z menu Edycja, a następnie kliknij „Skaluj”. W większości przypadków cały obraz nie będzie widoczny na wąskim banerze, ale jego kontur jest widoczny po wybraniu opcji „Skaluj”. Przeciągnij dowolny róg konturu obrazu, aby zmienić jego rozmiar dla swojego banera. Przytrzymaj klawisz „Shift” podczas przeciągania, aby zablokować jego współczynnik kształtu. Naciśnij enter." Przeciągnij obraz, aby znajdował się po prawej stronie banera.

Krok 7
Kliknij ikonę „Kolor pierwszego planu” na pasku narzędzi, aby otworzyć próbnik kolorów. Kliknij w dowolnym miejscu po prawej stronie banera, aby dopasować jego kolor w Próbniku kolorów, a następnie kliknij „OK.”

Krok 8
Wybierz „Narzędzie Rectangle” z Przybornika. Kliknij menu „Wypełnienie”, a następnie wybierz ikonę „Gradient” u góry opcji menu. Przeciągnij kursor po banerze z lewej strony obrazu, aż do lewej krawędzi banera. Tworzy prostokąt z gradientem przy użyciu koloru dopasowanego do obrazu.

Krok 9
Znajdź warstwę „Prostokąt 1” w panelu Warstwy, czyli warstwę zawierającą właśnie dodany prostokąt gradientu . Przeciągnij tę warstwę w dół, aby stała się trzecią warstwą od góry - poniżej „Warstwa 1” i warstwą zawierającą Twój tekst. Kliknij menu „Krycie” u góry panelu Warstwy i przeciągnij suwak, aby znajdował się około 50 procent. Uczynienie górnego gradientu półprzezroczystym pozwala na połączenie się z gradientem poniżej, tworząc bogate tło.

Krok 10
Wybierz warstwę zawierającą tekst w panelu Warstwy. Kliknij menu „Warstwa”, wybierz „Styl warstwy”, a następnie kliknij „Faza i płaskorzeźba”. Upewnij się, że menu Style jest ustawione na „Emboss” i przeciągnij suwak „Głębokość” w lewo - około „225” procent - aby dodać tylko trochę tego efektu do tekstu.

Krok 11
Kliknij opcję „Satyna” w oknie Styl warstwy. W tym stylu użyj trybu mieszania „Pomnóż” i zmniejsz krycie do około „15” procent. Łączy to satynowy styl z wytłoczonym stylem. W razie potrzeby dostosuj ustawienia i kliknij „OK.”
Zapisz obraz jako baner zoptymalizowany pod kątem sieci, wybierając „Zapisz dla Internetu” z menu Plik. Wybierz „JPEG” z menu Format i użyj jakości obrazu od 75 do 80 procent. Tworzy to obraz o małym rozmiarze pliku, który jest szybko ładowany przez dowolną przeglądarkę internetową, bez utraty jakości obrazu. Kliknij „Zapisz” i wybierz lokalizację do przechowywania pliku na komputerze. Po zamknięciu programu Photoshop dodaj plik do swojej strony internetowej.

URL:https://pl.whycomputer.com/oprogramowanie/100300293.html

Oprogramowanie
  • Jak utworzyć stronę matematyczną

    Strona matematyczna to doskonały sposób na zapewnienie dodatkowej pomocy innym, stworzenie miejsca, w którym uczniowie będą mogli dzielić się notatkami i studiować, i pozwolić każdemu nauczyć się nowych lub odświeżyć istniejące umiejętności matematyczne. Strona matematyczna może być tak prosta lub z

  • Jak utworzyć Spotlight w Photoshop

    Adobe Photoshop zapewnia świetny sposób na dostosowanie zdjęć poprzez tworzenie efektów świetlnych. Możesz dokonać subtelnych zmian oświetlenia lub dodać jasny punkt świetlny, aby uzyskać bardziej dramatyczny wygląd. Możesz dodać oświetlenie cyfrowe w sześciu prostych krokach, ale istnieją nieskończ

  • Jak utworzyć ikonę pulpitu w Photoshop

    Ikony na pulpicie to zwarty i kolorowy sposób identyfikacji programów. Zazwyczaj są one definiowane przez firmę programistyczną i umieszczane na pulpicie po zainstalowaniu programu. Co jeśli nie podoba Ci się ikona lub nie pasuje do wybranego przez Ciebie motywu? Photoshop oferuje łatwy sposób tworz

Wiedza o Internecie © https://pl.whycomputer.com