Jak stworzyć banner w Photoshopie: przewodnik krok po kroku, wskazówki dla początkujących

Każdy z nas codziennie spotyka się z reklamą, oglądaniem telewizji, siedzeniem w Internecie, przebywaniem na świeżym powietrzu, centrum handlowym i wieloma innymi rzeczami. W tym artykule omówimy jeden z najpopularniejszych rodzajów reklamy - banery. Dowiesz się, jakie są banery, jakie one są i jak stworzyć baner w Photoshopie.

Co to jest baner reklamowy

Reklama banerowa - graficzny wizerunek natury reklamowej. Tablice reklamowe na ulicach, rozciągające się nad sklepami, zdjęcia w witrynach w Internecie, po kliknięciu tego przejścia na inną stronę - wszystko to banery. Banery uliczne pojawiły się dawno temu, kiedy nie było nawet radia. Ale w Internecie wyciekły w 1994 roku i szybko zaczęły zyskiwać popularność. Do tej pory żadna firma nie może obejść się bez reklamy, w szczególności reklamy w Internecie i banerów - jest jednym z bardzo skutecznych narzędzi promowania towarów i usług.


Jakie rodzaje banerów są

  • Zewnętrzny baner reklamowy. Wykonane ze specjalnej folii z polichlorku winylu, winylu, lateksu lub papieru nylonowego. Jest to prostokątne płótno o różnych rozmiarach, na którym drukowane są informacje reklamowe. Drukowanie odbywa się za pomocą drukarek wielkoformatowego druku - ploterów.
  • Banery reklamowe w Internecie. Początkowo było to jasne, niezapomniane zdjęcia, ale wraz z rozwojem technologii pojawiły się banery z animowaną treścią, w postaci krótkiego wideo, a także interaktywne mini-gry. W każdym razie jest to reklama,ponieważ zawiera hiperlinki prowadzące do określonej witryny. Nawet jeśli nie klikniesz banera, obraz informacji o postaci reklamowej pozostanie w pamięci.
  • Rodzaje banerów internetowych według metod implementacji

    Zanim dowiesz się, jak utworzyć baner w Photoshopie, zapoznajemy się z różnymi sposobami ich implementacji.


  • Statyczny. Najprostszym banerem jest obraz z treścią reklamową. Rozmiar pliku jest mały, więc ładuje się szybko, nawet przy wolnym połączeniu z Internetem. Łatwo jest utworzyć baner zarówno w "Photoshopie", jak i innych edytorach graficznych.
  • Animowane. Ważą je kilka razy bardziej statycznie, pod tym względem ładują się wolniej, ale rzadziej w oczy użytkownika. Bardziej skomplikowany jest taki baner reklamowy w Photoshopie.
  • Tekst sformatowany (tekst sformatowany). Baner podobny do artykułu informacyjnego ze składnika graficznego.
  • HTML5 JS, animacja flash. Są to banery, które są interaktywnymi mini-programami. Na przykład: różne testy, gry prymitywne, kwestionariusze. Jak można zrozumieć, tworzenie takiego banera w "Photoshopie" nie powiedzie się.
  • Określanie rozmiaru baneru

    Zanim nauczysz się tworzyć layout banera w Photoshopie, musisz określić jego rozmiar. Standardowy rozmiar to 100 x 100 pikseli. Najczęściej używana opcja to 468 x 60 i 234 x 60. Pierwsza cyfra określa szerokość i drugą długość. Więc pionowy baner będzie miał rozmiar, na przykład 60 x 468 pikseli. Dlatego ważne jest, aby wiedzieć, gdzie umieścisz swój baner.

    Z czegostart

    Tutaj stwierdziliśmy, że możesz utworzyć banner w Photoshopie zarówno w dużym rozmiarze, jak i w miniaturze. Ale nie trzeba się spieszyć i zanim otworzysz program, by stworzyć baner, tak jak w przypadku każdej twórczej działalności, musisz wymyślić projekt i treść. Radzimy zrobić to za pomocą papieru i ołówków. Najpierw narysujemy prostokąt, biorąc pod uwagę proporcje przyszłego sztandaru. Wymyślimy niezbędny tekst reklamowy. Następnie określ, jakie będzie tło. Konieczność wyciągnięcia tego wszystkiego nie wystarczy, po prostu napisz wymyślone słowo. Następnie możesz podsumować, które zdjęcia możesz wstawić i gdzie je umieścić stylowo, w tym możliwe logo marki. Najprawdopodobniej otrzymany referat będzie wyglądał jak schemat. Ostatni etap szkolenia: Szukamy zdjęć w Internecie, które pasują do Twojego pomysłu. Ważne jest, aby pamiętać o prawach autorskich, więc wybierz zdjęcia dla wolnych zasobów.

    Tworzymy własny baner reklamowy

    . Twój układ jest gotowy. Przejdźmy teraz do głównego procesu. W tym artykule zrobimy statyczny poziomy baner o rozmiarach 468 x 60 pikseli, a tekst "iPhone 5. Sprzedaż nie jest szansą" w programie Photoshop CS6.
  • Uruchom program. Tworzymy nowy dokument o wymiarach 468 x 60 pikseli.
  • Sprawimy, że tło będzie niebieskie, płynnie przejdzie w biel. Aby to zrobić, wybierz kolor w dolnym białym rogu, a następnie wybierz narzędzie Wypełnienie gradientem. Aby zastosować wypełnienie, naciśnij kursor po jednej stronie szmatki i bez puszczania przesuń palcem w drugą stronękoniec Wypróbuj różne opcje, aż znajdziesz odpowiedni dla siebie.
  • Do następnego elementu wstawimy obraz znaleziony w wyszukiwarce. Otwórz go w Photoshopie. Aby rozpocząć, powiększamy obraz pod banerem - wybieramy zakładkę "Obraz" w menu i klikamy "Rozmiar obrazu". Ustawiamy wysokość 60 pikseli, szerokość będzie proporcjonalna do zmniejszenia. Teraz musisz oddzielić obraz smartfona od tła. Wybierz narzędzie "Polygon Lasso" i wybierz niezbędne miejsce. Następnie przesuniemy wybrany obszar za pomocą polecenia "kopiuj-wklej".
  • Wstaw tekst za pomocą narzędzia "Tekst". Dostosuj rozmiary, wybierz czcionkę i kolor. Możesz użyć gotowych szablonów w polu stylu. Zwróć uwagę na zakładkę Warstwy. Tam każdy element bannera jest osobną warstwą. Możesz kopiować, usuwać, modyfikować różne właściwości indywidualnie. Powieliliśmy warstwę z obrazem i przenieśliśmy drugi obraz na przeciwną stronę płótna. Pozostaje tylko zapisać plik. Wybierz format JPG, GIF lub PNG podczas zapisywania.
  • Twój pierwszy baner jest gotowy, musisz go po prostu umieścić na wybranej stronie. W rzeczywistości wszystko okazało się dość proste. Był to artykuł wprowadzający dla początkujących z minimalną szczegółową instrukcją tworzenia banera. W Internecie można znaleźć wiele specjalistycznych materiałów i samouczków wideo. Spędzając kilka dni na odkrywaniu tego wspaniałego programu, możesz stworzyć banery reklamowe o znacznie lepszej jakości. Warto również zauważyćistnieją podobne produkty z łatwością działania, a także aplikacje specjalnie stworzone do tworzenia jednostek reklamowych.

    Powiązane publikacje