Jak zrobić logo w Photoshopie? Jak stworzyć proste logo bez tła?
W tym poradniku skupimy się na stworzeniu loga w programie Photoshop. Wielu z Was zapewne słyszało lub wie, że do tworzenia logo jest dedykowany program od Adobe pod nazwą Illustrator. Jest to typowy program do grafiki wektorowej. Jednak co gdy posiadasz tylko Photoshopa? W tym poradniku zobaczysz jak stworzyć proste logo bez tła w Photoshopie krok po kroku. Zabieramy się do pracy?
Czy w Photoshopie można zrobić logo?
Na początek postaram się odpowiedzieć na nurtujące często pytanie moich kursantów. Czy w Photoshopie można zrobić logo? Od razu odpowiadam tak! Jak najbardziej dasz radę zrobić w Photoshopie logo i nie potrzebujesz do tego Ilustratora czy innego programu do grafiki wektorowej. Oczywiście, pojawi się zawsze pewne... ale! Bo logo zrobione w Photoshopie nie będzie wektorowe... Czy to źle? Wielu osobom logo z Photoshopa wystarczy jeśli chcąc robić:
- grafiki na social media
- grafiki na stronę internetową
- grafiki do newslettera
- grafiki do druku
Natomiast możesz mieć problemy gdy zechcesz użyć logo z Photoshopa do:
- grawer
- haft
- przygotowanie matrycy do wytłoczenia logo na czymś
Podsumowując w 99% przypadków logo z Photoshopa wystarczy do większości zastosowań. Oczywiście będą nas ograniczać prostsze kształty jeśli chcesz dodać coś szalonego z sygnecie (to ten element/symbol graficzny dodawany przy napisie jak jabłko przy Apple). Choć tu znowu wiadomo, że większość logotypów obecnie to sam napis i firmy rezygnują z sygnetu...
Jak zrobić logo w Photoshopie?
Pora zabrać się za stworzenie logo w Photoshopie. Do tego celu będziemy potrzebować pogram Adobe Photoshop oraz kilka stron które zaraz omówię... I oczywiście najważniejsze jakiś plan/pomysł na to logo. Musisz się zastanowić co tak naprawdę chcesz przekazać logotypem, czy czcionka ma być pogrubiona czy cienka, czy pisana ręcznie czy prosta. Dodatkowo zastanów się czy chcesz przy typografii sygnet czyli ten element graficzny o którym wspominałem wyżej, czy wystarczy Ci sam tekst.
Typografia, czyli szukamy czcionki do logo
Jeśli potrzebujemy czcionki dla logo fotografa ślubnego lub projektów DIY, kategoria handwritten, może być dobrym wyborem
Zaczynamy od poszukania odpowiedniej czcionki w internecie. Pokażę Ci kilka darmowych serwisów na których możesz znaleźć typografię do swojego logo:
Są to serwisy darmowe, z których najczęściej również ja sam korzystam. Zwróć uwagę, że na serwisie DaFont, masz posegregowane czcionki według kategorii. Oznacza to, że jeśli szukasz typografii np. do loga osoby która tworzy DIY, może kategoria "Handwritten" czyli czcionki pisane ręcznie. Zaznaczyłem to powyżej.
Jak dodać czcionkę w Photoshopie?
Gdy już wybierzesz czcionkę, która Ci się podoba (A może zająć to trochę czasu 😉) to pora ją dodać do Photoshopa. Tak naprawdę czcionkę, wystarczy zainstalować w systemie i będzie ona automatycznie dostępna w Photoshopie, ale i również w innych programach jak Word, Pages, Power Point czy Keynote. Pamiętaj aby najpierw czcionkę ściągnąć na dysk przyciskiem "Download", a następnie:
Aby dodać czcionkę do Photoshopa:
- Użytkownicy Apple: Otwieramy ściągnięty folder, zaznaczamy wszystkie pliki czcionkowe (off, ttf), klikamy prawym przyciskiem myszy, wybieramy otwórz i zainstaluj
- Użytkownicy Windows: Klikamy prawym przyciskiem myszy na folder, wybieramy "Wyodrębnij wszystkie", otwieramy folder, zaznaczamy wszystkie pliki czcionkowe (off,ttf), klikamy prawym przyciskiem myszy i wybieramy "zainstaluj".
Dodawanie czcionki w systemie Mac
Zaczynamy tworzyć logo w Photoshopie
Ok, po dodaniu czcionki, możemy przejść do naszego programu Adobe Photoshop. Teraz gdy mamy już wybraną typografie będzie nam łatwiej działać. Pamiętaj, że odstęp miedzy literami, kolory, pogrubienie liter itd. możesz zmienić już w Photoshopie.
Krok 1
Tworzymy nowy dokument w Adobe Photoshop i wprowadzamy wymiary
Otwieramy Photoshopa i tworzymy nowy dokument: Plik 
Nowy. Wprowadzając wymiary polecam wybrać po prawej stronie jednostkę piksele. Następnie wprowadzamy wymiary. Tutaj lepiej znaczy więcej, ale nie za dużo 
Czyli ile? Polecam: 3000 x 2000. Czyli szerokość 3000 pikseli i wysokość 2000 pikseli. Gdy skończymy logo w Photoshopie i zapiszemy je zawsze lepiej większe i pomniejszać, bo nie będzie ono traciło jakości, niż mieć małe i przy powiększeniu mieć je "rozpiselizowane". Tło zostawiamy białe, usuniemy je na koniec. Klikamy "Utwórz"
Krok 2
Wybieramy narzędzie Tekst
Otrzymaliśmy białą przestrzeń roboczą. Tak jak wspomniałem, łatwiej będzie nam projektować na białym tle, które potem usuniemy, niż na szachownicy biało szarej bez tła. Zabieramy się do pracy nad logo w Photoshopie! Na początek wprowadzimy tekst. Wybieramy po lewej stronie narzędzie do wprowadzania tekstu: "Tekst".
Krok 3
Ustawiamy parametry dla naszej czcionki
Pora wybrać cziocnkę. Ja zdecydowałem się na czcionkę Futura. Obok wybieramy czy ma być ona pogrudbiona czy zwykła. Ja wybieram "Bold". Następnie ustawiamy wielkość 72 punkty a na koniec kolor czarny klikając w ten prostokąt na samym końcu. Oczywiście, wybierz dla swojego logo dowolną czcionkę i pogrubienie, użyj swojej kreatywności.
Krok 4
Wprowadzamy nasz tekst
Klikamy lewym przyciskiem myszy na białe tło i wpisujemy słowo LOGO. Oczywiście Ty możesz użyć dowolnego innego słowa.
Krok 5
Powiększamy czcionkę
Powiększamy czcionkę u góry, ja wybrałem 570 ale u Ciebie ta wartość może być inna. Następnie akceptujemy tekst u góry przyciskiem "check". Jeśli chcesz przesuń logo pierwszym narzędziem z lewej strony, by logo w Photoshopie było na środku.
Krok 6
Ustawiamy kerning dla logo w Photoshopie
Ustawiamy teraz odstęp między literami czyli kerning. Aby to zrobić klikamy po prawej stronie w logo literki "A|". I w oknie które się pojawi w miejscu VA ustawiamy -100. Oczywiście możesz wybrać tradycyjnie coś innego. Kerning może być też dodatni np. 100. Zamykamy to okno ikonką >> która znajduje się w tym oknie i klikamy u góry "check" jak w poprzednim kroku.
Krok 7
Ustawiamy drugi tekst tworząc logo w Photoshopie
Pora dodać następny tekst. Klikamy ponownie po lewej stronie przycisk tekst. Klikamy w białe tło i wpisujemy słowo: "Projekt". Następnie wybieramy u góry parametry. U mnie jest to: czcionka Open Sans, Regular, 72 punkty.
Krok 8
Dodajemy kerning to drugiego napisu - Jak zrobić logo w Photoshopie
Po wprowadzeniu tekstu "Projekt" w naszym logo w Photoshopie pora na zmianę kerningu podanie jak robiliśmy to poprzednio. Klikamy w ikonę A| po prawej stronie i ustawiamy większy kerning. Ja ustawiłem 1640. Następnie zamykamy to okno klikając w >>. Na koniec klikamy u góry check.
Krok 9
Przesuwamy elementy i nasze logo w Photoshopie prawie zrobione
Wybieramy pierwsze narzędzie po lewej stronie, które służy do przesuwania elementów. Teraz możemy chwycić nasz tekst i przesunąć go na środek. Prawie skończone! Teraz usuniemy tło!
Krok 10
Nasze logo w Photoshopie prawie zrobione, teraz usuwamy tło
Zabieramy się za usunięcia tła. Klikamy lewym przycikiem myszy w naszą warstwę o nazwie Tło. Będzie ona ostatnią warstwą na samym dole.
Krok 11
Klikamy prawym przyciskiem myszy i usuwamy tło "Usuń warstwę"
Aby usunąć tło z naszego stworzonego logo w Photoshopie klikamy prawym przyciskiem myszy na warstwę i z rozwijanej listy wybieramy "Usuń warstwę". Następnie klikamy OK. Tło znika.
Krok 12
Gotowe logo stworzone w całości w Photoshopie
Nasze logo jest skończone! Właśnie zrobiliśmy pierwsze logo w Adobe Photoshop. Teraz należy zapisać plik. Wchodzimy u góry w opcję PlikZapisz kopię... Pamiętaj aby wybrać rozszerzenie pliku PNG! Tylko ono nie będzie miało tła i będzie transparentne.
Chcesz tworzyć
takie grafiki?
O autorze
Bartosz Troch
CEO, Trener Adobe Photoshop i Capture One w PS Hero
Twórca i założyciel PS Hero. Grafiką zajmuje się od 2002 roku. Wybitny fachowiec Adobe Photoshop z bardzo dużym doświadczeniem w projektowaniu graficznym i edycji zdjęć. Absolwent Marketingu Internetowego na Akademii Leona Koźmińskiego w Warszawie. Prowadził szkolenia m. in. dla Walt Disney Polska, Orange Polska, PGE, FOX, Generali, Promod, Idea Bank, SAS.
