Poradnik: Jak edytować szablon w Photoshopie? - Merely Susan

Zapisz się do newslettera!

Zapisz się do newslettera Merely Susan. Dołącz do społeczności kobiet, które doceniają piękne rzeczy.

Odbierz prezenty, które dla Ciebie przygotowałam, darmowe materiały do rozwoju marki oraz rabat 15% na pierwsze zakupy w sklepie.

Zobacz kulisy mojej pracowni

Poradnik: Jak edytować szablon w Photoshopie?

Cześć! Z tego poradnika dowiecie się, jak krok po korku spersonalizować nasze mockupy dla sklepu internetowego. Pliki stworzyliśmy w programie do obróbki grafiki rastrowej Photoshop. Jeśli nie masz licencji na program to nic straconego! Ze strony adobe.com pobierzesz próbną wersję Photoshopa CC ograniczoną czasowo.

Do stworzenia własnej reklamy będzie Wam potrzebny nasz pakiet szablonów dla sklepu na Black Friday, który możecie pobrać za darmo z naszej strony 🙂 Dodatkowo musicie przygotować zdjęcie waszego produktu oraz tekst jaki chcecie umieścić na reklamie. Zainstalujcie również wszystkie fonty wyszczególnione w naszej paczce. Dla prezentacji wybraliśmy pierwszy mockup z naszego pakietu szablonów. Zaczynajmy!

 

Odpalamy program i naszym oczom ukazuje się widok jak na zamieszczonym niżej zdjęciu. Po lewej stronie w panelu Warstwy znajdziecie 2 foldery o nazwie „tekst” i „zdjęcia” oraz zablokowaną warstwę tła.


Zacznijmy od zmiany tekstu. Klikając dwukrotnie na ikonę warstwy Tekstu poziomego (T) podświetli się nam tekst zamieszczony na tej warstwie. Możemy teraz edytować slogan. My zmienimy tekst na samym dole wpisując adres strony Merely Susan. Nasz tekst jest dłuższy niż ten przykładowy, dlatego musimy rozciągnąć pole tekstowe za pomocą dolnej środkowej kropki.



Teraz wstawimy nowe zdjęcie produktu. Klikamy dwukrotnie na ikonę warstwy ze zdjęciem. Otworzy się nowe okno Photoshopa z tym obrazem. Żeby wstawić nową grafikę, używamy opcji Plik i Umieść osadzone, a następnie wybieramy pożądany plik z naszego komputera.


Wstawione zdjęcie jest mniejsze od obszaru roboczego pliku. Żeby dopasować zdjęcie, wybieramy polecenie Przekształć swobodnie lub stosujemy skrót Ctrl+T i rozciągamy łapiąc za dowolny róg obrazu. Jeśli przytrzymamy Alt podczas rozciągania to obraz powiększy się równomiernie względem jego środka. W starszych wersjach programu należy przytrzymać Alt+Shift żeby zachować odpowiednie proporcje grafiki. W tak przygotowanym pliku klikamy Plik, a następnie Zapisz. Zamykamy okno obrazu i wracamy do głównego projektu.



Grafika jest gotowa. Eksportujemy ją za pomocą sekwencji Plik, Eksportuj, Eksportuj jako. Format .png jest adekwatny dla grafiki do internetu. W panelu wybieramy pożądaną wielkość (na Fb zalecamy bazowe 1200×628), klikamy Eskportuj wszystko i zapisujemy plik. Zdjęcie jest gotowe do umieszczenia na waszej stronie lub Facebooku 🙂



Jeśli jednak chcielibyście zmienić tło grafiki oraz zmienić kolor fontu to już wyjaśniam jak to zrobić. Aby zmienić tło, musimy odblokować warstwę „tło” klikając na ikonę kłódeczki. Następnie używamy Wiadra z farbą (G) z panelu narzędzi po lewej, wybieramy interesujący nas kolor i klikamy na odblokowaną warstwę. Zmiana koloru tekstu jest równie prosta. Tak jak poprzednio klikamy dwukrotnie na ikonę Tekstu poziomego (T), która znajduje się przy wybranej warstwie. Na samej górze w panelu narzędzi typograficznych znajdziemy kolorowy prostokąt. Klikając dwukrotnie otworzymy palętę kolorów, która umożliwi zmianę tekstu na wybrany kolor.


Czy ten poradnik pomógł wam stworzyć waszą grafikę? Co jeszcze chcielibyście wiedzieć? Dajcie znać w komentarzach! Na wszystkie pytania chętnie odpowiemy!

 

 

Dodaj komentarz