Baner na bloga – templatka do pobrania

Witajcie! Tak jak pisałam w jednym z poprzednich postów, dużo czasu spędzam ostatnio nad projektami graficznymi. Zapowiadałam też więcej postów o tematyce szablonowo-blogowej i dziś pojawia się przedsmak w postaci darmowych templatek do tworzenia banerków blogowych. Jest to propozycja dla tych z Was, którzy niepewnie czują się w tematyce projektowania graficznego, a którzy chcieliby w prosty sposób odmienić swojego bloga. Pierwszy z przygotowanych przeze mnie wzorów świetnie sprawdzi się w przypadku blogów z białym tłem i stron z minimalistycznym designem. Można go także zastosować w postaci banerka na profil fb.

W jaki sposób używamy takiej templatki? Już wyjaśniam: projekt jest zapisany w formacie png, a więc są w nim fragmenty przezroczyste. To właśnie w tym miejscu należy umieścić jedno ze swoich zdjęć i dopasować je rozmiarowo. Potem zostaje jeszcze dodanie ozdobnego napisu, zapisanie projektu i możemy umieszczać baner na stronie. W dalszej części posta napiszę dokładną instrukcję modyfikacji templatki przy pomocy darmowego programu Photoscape.

Jak możecie zauważyć, projekt składa się wyłącznie z białego tła, z przezroczystym otworem na umieszczenie zdjęcia. Jeśli jesteście ciekawi, jakie efekty można uzyskać, poniżej prezentuję kilka swoich propozycji:

Propozycja nr 1:

Propozycja nr 2:

Propozycja nr 3:

Propozycja nr 4:

Instrukcja dopasowania projektu w Photoscape

  1. Otwórz program Photoscape. Wybierz opcję Edytor. Na dole po prawej stronie kliknij w Menu. Utwórz nowe zdjęcie o szerokości 851 px i wysokości 315 px, tło możesz dobrać w kolorze czarnym. Jeśli potrzebujesz nagłówka o innych wymiarach, ustaw np. większą szerokość i wybierz tło w kolorze białym.
  2. Przejdź do zakładki Obiekt i kliknij na ikonę wstawiającą na tło dowolne zdjęcie.
  3. Wstaw w ten sposób zapisaną wcześniej na dysku templatkę. Projekt wygląda teraz tak:
  4. W ten sam sposób wstaw na utworzone tło jedno ze swoich zdjęć. Tymczasowo umieści się ono na projekcie. Zaraz napiszę, jak przesunąć je na spód.
  5. Kliknij na zdjęcie prawym przyciskiem myszy i wybierz opcję Tył. Teraz zdjęcie schowało się za biały element templatki. Dopasuj jego wielkość i umieść je tak, aby krawędzie fotografii były ukryte za białą ramką. Jeśli jakieś fragmenty kadru wyjdą poza obszar tła, zostaw je tak, jak są, to zmienimy przy zapisie pliku.
  6. Pozostając w zakładce Obiekt, zajmiemy się teraz wstawieniem napisu. Wybierz ikonę narzędzia do wstawiania tekstu T i umieść napis będący np. nazwą Twojego bloga. Ja w swoich projektach korzystam z fontów ozdobnych zakupionych w Creative Market. Możesz równie dobrze skorzystać z fontów darmowych. Spis najciekawszych znajdziesz u Magdy, Pauli i Weroniki: My Pink Plum, One Little Smile, MAVELO.
  7. W przypadku poniższego banerka, napis umieściłam w programie Adobe Photoshop CS6 i dodałam na niego teksturę w stylu watercolor – o tym, jak to zrobić, napiszę w jednym z kolejnych postów. Tekst wstawiony w Photoscape będzie na pewno w jednolitym kolorze, nie uzyskamy tutaj efektu nałożonej tekstury.
  8. Teraz pozostaje nam zapisanie projektu. Po prawej stronie na dole wybierz opcję Zapisz -> Zapisz jako. W momencie, gdy wyświetli się poniższy komunikat, wybierz opcję Nie. Wtedy wystające poza tło fragmenty zdjęcia nie będą widoczne w końcowym pliku. Nadaj nazwę zapisywanemu projektowi. Banerek jest już gotowy do zamieszczenia na blogu lub profilu fb.

Jeśli spodobała Wam się zaprojektowana przeze mnie templatka i chcecie jej użyć przy tworzeniu swojego banerka blogowego, będzie mi miło, jeśli mnie oznaczycie i dacie mi znać, gdzie projekt się znajduje. Możecie używać jej wyłącznie w celach prywatnych, niekomercyjnych.

 

17 comments / Add your comment below

    1. Zdjęć niestety nie udostępniam w pakiecie z szablonem ;-). Ale możesz tam wstawić fotografię tej wypchanej towarzyszki leśnych wypraw :D.

  1. W imieniu posiadaczy blogów z ciemnym tłem, stanowczo protestuję przeciwko faworyzowaniu posiadaczy blogów z jasnym tłem! Segregacji tłowej, mówimy nasze stanowcze NIE!

    1. Photoshop -> Otwórz -> Obraz -> Dopasowania -> Odwróć ……….. i jest czarna ;-).

    1. Ciekawa jestem, z którym ;-). Podeślij na maila lub w pw na fb. Ja też z jednym próbowałam :-). Efekty wkrótce.

Dodaj komentarz