Jak zrobić tekst w Photoshopie
Jak zrobić tekst w Photoshopie
Darmowy edytor zdjęć w przeglądarce
Warstwy i maski, pędzle i retusz, tekst, poziomy i krzywe, efekty. Wszystko, o czym mówi ten artykuł, sprawdzisz od razu tutaj, bez instalacji i rejestracji.
Edycja jest darmowa. Pobieranie ze znakiem wodnym; usunięcie za 0,99 €.
Dlaczego tekst wciąż decyduje o sukcesie kompozycji w Photoshopie
Każda oferta produktowa, baner promocyjny czy grafika marketingowa zależy od typografii w takim samym stopniu jak od zdjęcia, na którym leży. Tekst w Adobe Photoshop to nie statyczny podpis przyklejony do obrazka, lecz żywa, edytowalna warstwa tworzona narzędziem Tekst poziomy (Horizontal Type Tool), która może jednocześnie nieść krój pisma, kolor, obrys, cień i cały zestaw efektów warstwy. Ponieważ tekst w Photoshopie pozostaje wektorowy aż do spłaszczenia, nagłówek można przeskalować, przestylizować lub całkowicie przepisać na dowolnym etapie projektu bez utraty ostrości, i właśnie dlatego zawodowi graficy jak najdłużej zachowują warstwy tekstowe w formie edytowalnej. Niezależnie od tego, czy przygotowujesz główne zdjęcie na Amazon.pl, baner sklepu na Allegro, plakietkę promocyjną w Shopify, czy drukowaną naklejkę z ceną dla sklepu w Krakowie, obowiązują te same podstawowe umiejętności: wpisywanie i edycja tekstu narzędziem Tekst, sterowanie odstępami w panelach Typografia (Character) i Akapit (Paragraph), wzbogacanie liter efektami stylu warstwy (Layer Style), takimi jak Obrys (Stroke), Cień (Drop Shadow), Nakładka gradientu (Gradient Overlay) oraz Faza i płaskorzeźba (Bevel and Emboss), a na koniec wyginanie tekstu lub prowadzenie go wzdłuż ścieżki, gdy prosta linia nie wystarcza. Ten poradnik przeprowadza przez cały ten proces w kolejności, w jakiej faktycznie pracuje grafik: od utworzenia warstwy tekstowej, przez dostrojenie światła (tracking), kerningu i interlinii (leading), aby nagłówek czytał się czysto w każdym rozmiarze, zastosowanie stylów warstwy do uzyskania efektu wytłoczenia, metalu lub poświaty, wypaczanie tekstu albo umieszczanie go na ścieżce przy logo i okrągłych plakietkach, aż po złożenie wielowierszowych układów typograficznych, które trzymają się razem nawet na ruchliwym tle. Po drodze omawiamy praktyczne decyzje, które odróżniają amatorską grafikę od materiału gotowego do przekazania klientowi, w tym tryby mieszania, konwersję tekstu na kształt i to, kiedy dokładnie rasteryzacja jest właściwym ostatnim krokiem.
Podstawy narzędzia Tekst: tekst punktowy, tekst akapitowy i panel Typografia
Wszystko zaczyna się od narzędzia Tekst poziomy, które włączasz klawiszem T lub kliknięciem ikony litery T na pasku narzędzi. W chwili, gdy klikniesz w obszarze roboczym lub przeciągniesz ramkę, Photoshop tworzy nową warstwę tekstową, a ta jedna decyzja, kliknięcie czy przeciągnięcie, określa, który z dwóch zasadniczo różnych rodzajów tekstu zaraz powstanie.
Tekst punktowy a tekst akapitowy
Pojedyncze kliknięcie narzędziem Tekst tworzy to, co Photoshop nazywa tekstem punktowym (point text). Wpisywany wiersz rośnie w poziomie bez końca, dopóki nie wstawisz ręcznego podziału wiersza, dlatego tekst punktowy idealnie nadaje się do krótkich nagłówków, logo, znaków wodnych i pojedynczych słów, takich jak PROMOCJA czy NOWOŚĆ. Przeciągnięcie prostokąta tworzy natomiast ramkę tekstu akapitowego (paragraph text). Wewnątrz tej ramki słowa zawijają się automatycznie, dopasowując się do jej granic, dokładnie tak jak w edytorze tekstu, więc to właściwe narzędzie do opisów produktów, instrukcji pielęgnacji lub każdego bloku tekstu, który musi zmieścić się w stałym obszarze na banerze albo na zdjęciu oferty. W każdej chwili możesz zamienić jeden rodzaj na drugi w menu Tekst (Type), więc nie ma złego pierwszego wyboru, jest tylko niewłaściwe narzędzie do konkretnego fragmentu tekstu.
Panel Typografia: krój, rozmiar, światło, kerning i interlinia
Gdy warstwa tekstowa już istnieje, panel Typografia (Character) (Okno > Typografia) staje się centrum sterowania wszystkim, co dotyczy wyglądu liter. Warto opanować przede wszystkim:
- Rodzina i styl czcionki: wybierz krój pisma i jego odmianę, na przykład zwykłą, pogrubioną lub kursywę, z listy rozwijanej u góry panelu.
- Rozmiar: domyślnie mierzony w punktach, określa, jak duże są znaki w obszarze roboczym.
- Interlinia (Leading): pionowy odstęp między wierszami tekstu, ustawiany w polu tuż pod rozmiarem. Ciasna interlinia ściąga wielowierszowe nagłówki w zwartą, dynamiczną całość, a hojna interlinia otwiera tekst główny, dzięki czemu pozostaje on czytelny na tle zdjęcia.
- Światło (Tracking): jednolity odstęp stosowany do całego zaznaczenia liter. Dodatnie światło rozsuwa krótkie słowo, dając elegancki, szeroki wygląd często spotykany na etykietach produktów premium, a ujemne zagęszcza długi nagłówek, aby zmieścił się na wąskim banerze.
- Kerning: odstęp między dwoma konkretnymi znakami, który Photoshop może dopasować automatycznie na podstawie metryki wbudowanej w czcionkę albo który możesz skorygować ręcznie, stawiając kursor między niezgrabną parą liter, na przykład w luce wewnątrz AV lub WA.
- Kolor: próbka koloru u dołu panelu otwiera standardowy próbnik kolorów, w którym wpiszesz dokładne wartości RGB lub hex, aby trafić w paletę marki.
- Wygładzanie (Anti-aliasing): lista rozwijana, która wygładza krawędzie liter. Tryby Ostre (Sharp) i Wyraźne (Crisp) sprawdzają się przy drobnym tekście, a Gładkie (Smooth) to zwykle najbezpieczniejsze ustawienie domyślne dla dużego tekstu na zdjęciu.
Dobrym nawykiem jest zaznaczenie całego tekstu w warstwie skrótem Ctrl+A (Cmd+A na Macu) przed zmianą światła lub kerningu, aby korekta objęła tekst równomiernie, a nie tylko ostatni znak, obok którego akurat kliknąłeś.
Panel Akapit i wyrównanie
Obok panelu Typografia znajduje się panel Akapit (Paragraph) (Okno > Akapit), który decyduje o tym, jak wiersze tekstu są wyrównywane i zawijane w ramce akapitu. Przyciski wyrównania do lewej, do środka i do prawej obsługują oczywiste przypadki, a opcje justowania wyrównują oba brzegi akapitu, co jest typowe dla drukowanych ulotek i instrukcji dołączanych do paczki. Pola wcięć oraz odstępu przed akapitem i po akapicie dają precyzyjną kontrolę nad gęstością bloku tekstu, co ma duże znaczenie, gdy kilka punktów z zaletami produktu musi zmieścić się w stałej grafice, nie wychodząc poza jej ramę.
Edycja, przesuwanie i zatwierdzanie warstwy tekstowej
Aby edytować istniejący tekst, wybierz narzędzie Tekst i kliknij bezpośrednio w słowa, a Photoshop przełączy cię z powrotem w tryb edycji dokładnie tej warstwy. Dwukrotne kliknięcie zaznacza słowo, trzykrotne cały wiersz. Po wprowadzeniu zmian naciśnij Enter na klawiaturze numerycznej lub kliknij znacznik zatwierdzenia na pasku opcji, aby zatwierdzić edycję. Warstwę tekstową przesuwa się narzędziem Przesuwanie (Move Tool) (V), a ponieważ każda nowa warstwa tekstowa ma własny wiersz w panelu Warstwy (Layers), możesz zmieniać położenie nagłówków, ukrywać je, duplikować i zmieniać ich kolejność niezależnie od zdjęcia pod spodem. Przed spłaszczeniem czegokolwiek warto zapisać plik roboczy jako warstwowy PSD, ponieważ zrasteryzowanej lub scalonej warstwy tekstowej nie da się już edytować jako żywego tekstu, można ją jedynie poprawiać narzędziami do retuszu pikseli.
Funkcje OpenType, wielkość liter i typowe pułapki
W panelu Typografia kryje się też rząd małych przycisków OpenType do indeksu górnego, indeksu dolnego, wersalików i kapitalików, które przydają się, gdy grafika produktu wymaga poprawnie podniesionego symbolu znaku towarowego albo podtytułu złożonego kapitalikami bez przepisywania go inną wielkością liter. Jeśli po otwarciu pliku PSD na innym komputerze pojawia się ostrzeżenie o brakujących glifach lub Photoshop podstawia nieoczekiwany krój, oznacza to po prostu, że czcionka nie jest zainstalowana lokalnie; Photoshop zachowuje w pliku oryginalną nazwę czcionki warstwy, więc instalacja właściwej czcionki i ponowne otwarcie dokumentu przywracają ją automatycznie. Innym częstym błędem początkujących jest skalowanie warstwy tekstowej poleceniem Swobodne przekształcanie (Free Transform) przez przeciąganie narożnego uchwytu bez przytrzymania klawisza Shift, co rozciąga litery i zaburza ich proporcje, zamiast czysto przeskalować je z zachowaniem kształtu; gdy tekst ma być większy, zmiana wartości Rozmiar w panelu Typografia niemal zawsze daje czystszy efekt niż przekształcanie ramki ograniczającej warstwy. Zaznaczenie kilku warstw tekstowych naraz w panelu Warstwy pozwala też zmienić krój, rozmiar lub kolor we wszystkich jednocześnie, co przyspiesza dopasowanie całej serii grafik do ofert do jednego spójnego stylu.
Nie chcesz się tym zajmować? Oddaj zdjęcie retuszerowi
Automat nie załatwia wszystkiego: trudne ujęcie, ważne zdjęcie, stara odbitka ze skanera. Tam, gdzie algorytm się poddaje, człowiek dopracowuje zdjęcie warstwami w Photoshopie, ręcznie.

PrzedPo⇆- Przywrócimy ostrość twarzy i oczom
- Usuniemy szum i artefakty bez plastikowej skóry
- Poprawimy kolor, kontrast i naświetlenie
- Usuniemy rysy, plamy i zagięcia ze skanu
- Oddamy plik w rozmiarze nadającym się do druku
- Cena za zdjęcie10 €
- Terminw ciągu 24 godzin
- Dostawana Twój e-mail
- Jeśli nie damy radyzwrot pieniędzy
Dopracujemy Twoje zdjęcie ręcznie
Retuszer studyjny poprawi to, czego nie umie automat: ostrość, twarz, kolor, wady. Najpierw płacisz, potem po prostu wysyłasz zdjęcie i mówisz, co jest potrzebne. Jeśli nie damy rady, zwracamy pieniądze.
- Ręczny retusz zdjęcia10 €
Style warstwy: obrys, cień, gradient i efekt wytłoczonego tekstu
Surowy tekst położony bezpośrednio na zdjęciu rzadko wygląda na skończony. Najszybszy sposób, by nadać nagłówkowi wagę, kontrast i przestrzenność, to okno dialogowe Styl warstwy (Layer Style), które otwierasz dwukrotnym kliknięciem nazwy warstwy tekstowej lub kliknięciem małej ikony fx u dołu panelu Warstwy. Każdy efekt w tym oknie pozostaje w pełni edytowalny i skaluje się razem z tekstem, więc styl zbudowany raz można skopiować do nowych nagłówków zwykłym kliknięciem prawym przyciskiem myszy i poleceniem Kopiuj styl warstwy (Copy Layer Style).
Obrys: czyste konturowanie dla maksymalnej czytelności
Efekt Obrys (Stroke) rysuje wokół każdej litery kontur w postaci jednolitego koloru, gradientu lub wzorka. Rozmiar określa grubość, Położenie decyduje, czy kontur leży Wewnątrz, Na zewnątrz czy na Środku względem liter, a Na zewnątrz to ustawienie, po które sięga większość grafików, gdy tekst musi pozostać czytelny na ruchliwym lub mało kontrastowym zdjęciu, ponieważ dodaje szerokości, nie zmniejszając samego glifu. Biały obrys na ciemnym tle lub czarny na jasnym to najpewniejszy sposób na poprawę czytelności na zdjęciu oferty w serwisie sprzedażowym, gdzie nie zawsze da się kontrolować tło.
Cień: odrywanie tekstu od tła
Efekt Cień (Drop Shadow) optycznie wysuwa tekst do przodu, symulując źródło światła. Odległość i Kąt określają, gdzie pada cień, Rozmiar steruje miękkością jego krawędzi, a Krycie decyduje o tym, jak mocno jest widoczny. Krótki cień o niskim kryciu daje subtelną głębię, odpowiednią dla naklejki z ceną, a dłuższy, ciemniejszy cień nadaje wyrazistemu nagłówkowi banera mocną, niemal trójwymiarową obecność. Połączenie Cienia z lekko odbarwionym Obrysem zwykle daje lepszy efekt niż podkręcenie któregokolwiek z nich do skrajności, ponieważ razem oddzielają tekst od zdjęcia, a nie wyglądają jak naklejka przyklejona na wierzch.
Nakładka gradientu: przejścia kolorów wewnątrz liter
Nakładka gradientu (Gradient Overlay) zastępuje płaskie wypełnienie płynnym przejściem między dwoma lub więcej kolorami, edytowanym we wbudowanym edytorze gradientów. Gradient od złota do brązu na kroju szeryfowym daje wrażenie ekskluzywnego wykończenia w ofercie biżuterii lub wyrobów skórzanych, a chłodny gradient od niebieskiego do morskiego pasuje do plakietki promocyjnej akcesoriów elektronicznych. Tryb mieszania i kąt w panelu Nakładka gradientu zmieniają to, czy przejście biegnie przez słowo poziomo, ukośnie czy promieniście.
Faza i płaskorzeźba: tekst przestrzenny, wytłoczony i w stylu 3D
Faza i płaskorzeźba (Bevel & Emboss) to efekt, który zamienia płaski tekst w coś, co wygląda na wyrzeźbione, wytłoczone lub wyciągnięte z powierzchni. Menu Styl oferuje opcje Faza zewnętrzna, Faza wewnętrzna, Płaskorzeźba, Płaskorzeźba poduszkowa i Płaskorzeźba obrysu, a każda z nich inaczej cieniuje krawędzie liter, udając światło padające na trójwymiarową powierzchnię. Głębia i Rozmiar określają, jak wyraźny jest pozorny relief, a sekcja Cieniowanie pozwala ustawić Kąt i Wysokość symulowanego światła oraz osobne kolory i tryby mieszania dla podświetleń i cieni. W połączeniu z subtelną Nakładką gradientu i ciemnym Cieniem Faza i płaskorzeźba pozwala grafikom uzyskać wygląd metalu, grawerunku lub wytłoczenia bez wychodzenia z dwuwymiarowego okna Styl warstwy, co jest znacznie szybsze niż modelowanie prawdziwego tekstu 3D na potrzeby prostej grafiki produktowej.
Tryby mieszania i łączenie efektów
Każdy efekt stylu warstwy, a także sama warstwa tekstowa, ma własne ustawienie trybu mieszania (blend mode). Mnożenie (Multiply) przyciemnia tekst, wtapiając go w to, co znajduje się pod nim, co przydaje się przy znaku wodnym, który ma wyglądać jak delikatne zabarwienie, a nie nieprzezroczysty blok. Ekran (Screen) i Nakładka (Overlay) pozwalają gradientowi lub teksturze prześwitywać przez litery, dając jasną, energiczną plakietkę promocyjną. Ponieważ Photoshop pozwala, by każdy pojedynczy efekt w stosie fx miał własny tryb mieszania, niezależny od ogólnego trybu warstwy, jedna warstwa tekstowa może jednocześnie łączyć cień w trybie Mnożenie, obrys w trybie Zwykły (Normal) i gradient w trybie Ekran, i właśnie tak od kuchni zbudowanych jest wiele efektownych neonowych czy metalicznych napisów, które widać w sieci.
Zapisywanie, ponowne użycie i konwersja stylów
Gdy połączenie Obrysu, Cienia, Nakładki gradientu oraz Fazy i płaskorzeźby wygląda dobrze, zapisz je jako predefiniowany styl w panelu Style (Styles), aby jednym kliknięciem zastosować go do każdego kolejnego nagłówka, co utrzymuje spójność wizualną całego katalogu grafik produktowych. Gdy projekt ma trafić poza Photoshopa jako skalowalna grafika, kliknij warstwę tekstową prawym przyciskiem myszy i wybierz Konwertuj na kształt (Convert to Shape), aby zamienić ją w edytowalną ścieżkę wektorową, która zachowuje wszystkie zastosowane style warstwy. Rasteryzuj warstwę tekstową, czyli zamieniaj ją w zwykłe piksele poleceniem Rasteryzuj tekst (Rasterize Type), dopiero na samym końcu projektu, ponieważ w zrasteryzowanych literach nie zmienisz już kroju, rozmiaru ani treści.
Cień wewnętrzny, blask i satyna: więcej głębi bez przesady
Poza czterema podstawowymi efektami trzy kolejne pozycje okna Styl warstwy uzupełniają większość popularnych stylizacji tekstu. Cień wewnętrzny (Inner Shadow) przyciemnia wewnętrzną krawędź każdej litery, przez co płaski tekst wygląda na wciśnięty w powierzchnię, czyli daje złudzenie odwrotne do Cienia. Blask zewnętrzny (Outer Glow) i Blask wewnętrzny (Inner Glow) rozlewają miękką aureolę koloru na zewnątrz lub do wnętrza liter; ustawiony w trybie Ekran, z nasyconym kolorem i dużym Rozmiarem, Blask zewnętrzny jest podstawowym składnikiem przekonującego efektu neonu, zwłaszcza na ciemnym tle i w połączeniu z drugą, większą kopią tego samego blasku o niższym kryciu, która dodatkowo go rozprasza. Satyna (Satin) dodaje wewnątrz liter falę cieniowania imitującą światło odbijające się od zakrzywionej metalowej powierzchni, co jest drobnym, ale skutecznym akcentem przy napisach w stylu złota lub chromu w połączeniu z ciepłą Nakładką gradientu. Nakładka wzorku (Pattern Overlay) i Nakładka koloru (Color Overlay) dopełniają opcje wypełnienia, pozwalając zastąpić oryginalne wypełnienie tekstu teksturą lub płaskim kolorem marki bez ingerencji w samą treść. Kluczem przy każdym stosie stylów warstwy jest umiar: trzy lub cztery starannie dopracowane efekty niemal zawsze wypadają lepiej niż wszystkie dostępne efekty włączone naraz, ponieważ przeładowana warstwa tekstowa zaczyna walczyć sama ze sobą o uwagę widza, zamiast odbierać się jako jeden czysty efekt.
Wypaczanie, tekst na ścieżce i budowa pełnego układu typograficznego
Proste, płaskie linie tekstu wystarczają w większości codziennych zadań, ale logo, plakietki i ozdobne nagłówki często wymagają liter, które się wyginają, zakrzywiają lub w całości podążają za niestandardowym kształtem.
Wypaczenie tekstu: szybkie, niedestrukcyjne zniekształcenie
Po zaznaczeniu warstwy tekstowej ikona Wypaczenie tekstu (Warp Text) na pasku opcji lub polecenie Tekst > Wypaczenie tekstu w menu otwiera okno z gotowymi kształtami, takimi jak Łuk (Arc), Łuk wypukły (Arch), Wybrzuszenie (Bulge), Flaga (Flag), Fala (Wave) i Ryba (Fish). Każdy z nich ma suwaki Zgięcie, Zniekształcenie poziome i Zniekształcenie pionowe, które pozwalają precyzyjnie ustalić, jak mocno kształt deformuje litery. Wypaczenie tekstu pozostaje w pełni edytowalne, co oznacza, że nadal możesz zmienić treść lub krój, a zniekształcenie przeliczy się automatycznie, dlatego to najszybsza opcja dla plakietki wymagającej łagodnego łuku, efektu wstęgi na banerze czy zabawnego, falującego nagłówka w ofercie produktu dla dzieci.
Tekst na ścieżce: precyzyjna kontrola z narzędziem Pióro
Gdy potrzebujesz czegoś bardziej konkretnego niż gotowy łuk, na przykład tekstu, który musi dokładnie biec wzdłuż krawędzi okrągłej etykiety produktu lub owijać się wokół nieregularnego kształtu logo, odpowiedzią jest tekst na ścieżce (Type on a Path). Najpierw narysuj ścieżkę narzędziem Pióro (Pen Tool) albo narzędziem kształtu, takim jak Elipsa (Ellipse Tool), z trybem Ścieżka (Path) ustawionym na pasku opcji, przytrzymując Shift, aby uzyskać idealne koło. Następnie przełącz się na narzędzie Tekst i najedź kursorem bezpośrednio na ścieżkę; ikona kursora zmieni się w małą falistą linię, sygnalizując, że kliknięcie rozpocznie tekst płynący dokładnie wzdłuż tej ścieżki, a nie w linii prostej. Wpisz tekst, a sam ułoży się wzdłuż krzywej. Jeśli litery trafią na wewnętrzną stronę ścieżki zamiast na zewnętrzną, przełącz się na narzędzie Zaznaczanie ścieżek (Path Selection Tool) (A), chwyć mały znacznik na początku tekstu i przeciągnij go w poprzek ścieżki, trzymając Ctrl (Cmd na Macu), aby przenieść tekst na drugą stronę. Pole Przesunięcie linii bazowej (Baseline Shift) w panelu Typografia przesuwa tekst w górę lub w dół względem samej ścieżki, co przydaje się do starannego wyśrodkowania tekstu wokół okrągłej plakietki. Po ustaleniu układu samą ścieżkę można usunąć z panelu Ścieżki (Paths) bez wpływu na umieszczony na niej tekst.
Tekst w kształcie: litery wypełnione zdjęciem i maskowane
Pokrewnym, choć innym efektem jest wypełnienie dużych, grubych liter zdjęciem zamiast płaskiego koloru, co często widać w grafikach podróżniczych i lifestyle'owych. Wpisz słowo ciężkim, szerokim krojem, na przykład pogrubionym bezszeryfowym, umieść warstwę ze zdjęciem bezpośrednio nad warstwą tekstową w panelu Warstwy, a następnie kliknij warstwę zdjęcia prawym przyciskiem myszy i wybierz Utwórz maskę przycinającą (Create Clipping Mask) (Alt+Ctrl+G lub Option+Cmd+G na Macu). Zdjęcie jest teraz widoczne tylko w obrębie kształtów liter. Swobodne przekształcanie (Ctrl+T / Cmd+T) pozwala przesuwać i skalować obraz wewnątrz przyciętych liter, aż najciekawsza część zdjęcia znajdzie się tam, gdzie jest widoczna, a styl warstwy Obrys lub Cień na warstwie tekstowej pod spodem dodaje czysty brzeg wokół zamaskowanego zdjęcia.
Tekst w perspektywie i imitacja wyciągniętej głębi 3D
Tekst, który ma przekonująco leżeć na pochyłej powierzchni, na przykład na boku makiety pudełka lub na szyldzie w aranżacji wnętrza, wymaga polecenia Edycja > Przekształć > Perspektywa (Perspective) lub opcji Zniekształć (Distort) z tego samego podmenu; oba stosuje się po przekonwertowaniu warstwy tekstowej na obiekt inteligentny (Smart Object), dzięki czemu zniekształcenie pozostaje niedestrukcyjne i można je później ponownie edytować. Przeciągnięcie narożnego uchwytu w trybie Perspektywa równomiernie pochyla tekst, dopasowując go do punktu zbiegu, a Zniekształć pozwala przesuwać każdy narożnik niezależnie, co sprawdza się na nieregularnej powierzchni. Aby uzyskać masywny, wyciągnięty wygląd bez otwierania osobnej aplikacji 3D, zduplikuj warstwę tekstową kilka razy, przesuń każdą kopię o jeden piksel w dół i w bok klawiszami strzałek, a niższe kopie wypełnij ciemniejszym odcieniem koloru bazowego; ułożone razem przesunięte kopie wyglądają jak widoczny bok grubej, trójwymiarowej litery. To technika stosowana długo przed pojawieniem się natywnych narzędzi 3D w Photoshopie i wciąż szybsza przy prostej plakietce czy logotypie.
Składanie pełnej kompozycji: hierarchia, kontrast i siatka
Pojedyncze wystylizowane słowo rzadko występuje w prawdziwej grafice samodzielnie; większość zdjęć produktowych i grafik marketingowych potrzebuje nagłówka, linii uzupełniającej, a czasem ceny lub wezwania do działania, które ze sobą współgrają. Kilka nawyków sprawia, że kompozycja z wieloma tekstami pozostaje czytelna, a nie zagracona:
- Ustal hierarchię rozmiarów. Jeden dominujący nagłówek, jeden wyraźnie mniejszy podtytuł i drobny tekst jeszcze zauważalnie mniejszy, aby wzrok wiedział, na czym zatrzymać się najpierw.
- Ogranicz liczbę krojów. Dwie rodziny czcionek, jedna do nagłówków i jedna do tekstu głównego, niemal zawsze wyglądają bardziej profesjonalnie niż cztery rywalizujące ze sobą kroje w jednej grafice.
- Używaj obiektów inteligentnych dla elementów wielokrotnego użytku. Zamiana logo, szablonu plakietki lub powtarzającej się ikony w obiekt inteligentny zachowuje ostrość przy skalowaniu i pozwala jedną edycją zaktualizować wszystkie wystąpienia w całej serii zdjęć do ofert.
- Wyrównuj wszystko do siatki. Linie pomocnicze Photoshopa (Widok > Nowa linia pomocnicza) i opcje wyrównania na pasku opcji narzędzia Przesuwanie utrzymują wiele bloków tekstu w jednej linii, co wygląda na zamierzony projekt, a nie na przypadkowy rozrzut słów.
- Zostaw przestrzeń. Margines wokół tekstu, zwłaszcza przy krawędziach obszaru roboczego, który będzie kadrowany do różnych rozmiarów miniatur na platformach sprzedażowych, chroni ważny tekst przed obcięciem.
Pracując w ten sposób, grafik przechodzi od pojedynczego wpisanego słowa do gotowej, warstwowej kompozycji przy użyciu dokładnie tych samych podstawowych narzędzi, które omówiliśmy wyżej: narzędzia Tekst do treści, paneli Typografia i Akapit do odstępów, stylu warstwy do wykończenia oraz wypaczenia tekstu lub tekstu na ścieżce, gdy układ wymaga czegoś innego niż prosta linia.
Abstrakcyjne ustawienia łatwiej zastosować, gdy odniesie się je do grafik, które sprzedawcy faktycznie przygotowują co tydzień. Oto jak te same narzędzia łączą się na różne sposoby w zależności od zadania.
Grafika etykiety produktu
Etykieta na makietę słoika, pudełka lub butelki do oferty na Allegro albo Etsy zwykle wymaga tekstu na ścieżce dla zakrzywionej nazwy marki wokół okrągłej nakrętki oraz prostego tekstu akapitowego dla linii ze składem lub pojemnością poniżej. Zakrzywioną nazwę marki złóż grubszym krojem z lekko dodatnim światłem, aby była wyraźna w małym rozmiarze, w jakim wyświetli ją miniatura, i dodaj delikatny Obrys z położeniem Na zewnątrz, aby litery czysto oddzielały się od ruchliwego zdjęcia w tle etykiety.
Plakietka promocyjna
Okrągła lub gwiazdkowa plakietka promocyjna, taka z napisem -30% lub WYPRZEDAŻ, opiera się na wypaczeniu tekstu z kształtem Łuk lub Nadmuchanie (Inflate), dzięki któremu procent mieści się w zaokrąglonym kształcie, a następnie na mocnym połączeniu Nakładki gradientu z Fazą i płaskorzeźbą, które nadaje plakietce błyszczący, przestrzenny wygląd przyciągający wzrok na zatłoczonej stronie wyników. Cień o małej odległości i umiarkowanym kryciu odrywa całą plakietkę od zdjęcia produktu za nią.
Nagłówek banera
Nagłówek banera na stronie głównej lub banera promocyjnego to niemal zawsze duży tekst punktowy, ze światłem lekko ujemnym w słowach pisanych wersalikami, aby wiersz nie wyglądał na dziurawy, i z hojną interlinią, jeśli tekst łamie się na dwa wiersze. Pojedynczy Cień, czasem w parze z subtelnym ciemnym Obrysem, zwykle zapewnia wystarczający kontrast, by biały nagłówek pozostał czytelny na tle fotograficznym bez potrzeby podkładania pod niego pełnego paska koloru.
Znak wodny
Znak wodny ma chronić zdjęcie przed nieuprawnionym wykorzystaniem, nie niszcząc samego obrazu, więc priorytety się odwracają: niskie krycie, często od 15 do 25 procent, tryb mieszania Mnożenie lub Ekran, aby znak wtapiał się w zdjęcie, zamiast leżeć płasko na wierzchu, oraz powtarzalne rozmieszczenie w całym kadrze (Nakładka wzorku w Photoshopie lub po prostu zduplikowane i przesunięte warstwy), aby pojedyncze przycięcie nie mogło go usunąć. Zamiana gotowego tekstu znaku wodnego w obiekt inteligentny sprawia, że naniesienie tego samego znaku na całą serię zdjęć staje się banalnie proste.
Naklejka z ceną
Grafika naklejki z ceną, czy to na zdjęciu fizycznego produktu, czy jako cyfrowa plakietka, zyskuje na grubym, bardzo czytelnym kroju, ciasnej interlinii między symbolem waluty a liczbą oraz grubym Obrysie na zewnątrz w kontrastowym kolorze, dzięki któremu cenę można odczytać natychmiast nawet w małym rozmiarze na ekranie telefonu. Ponieważ cena często się zmienia, pozostawienie warstwy tekstowej jako żywego tekstu zamiast rasteryzowania oznacza, że zmiana z 99,99 zł na 79,99 zł zajmuje kilka sekund i nie wymaga przebudowy całej grafiki.
Opisy infograficzne na zdjęciu oferty
Duże serwisy sprzedażowe premiują zdjęcia ofert z krótkimi, łatwymi do szybkiego przejrzenia opisami wskazującymi cechy produktu, na przykład strzałką z napisem WODOODPORNY SZEW lub MOŻNA PRAĆ W PRALCE obok sfotografowanego detalu. Takie opisy najlepiej sprawdzają się jako krótkie ramki tekstu akapitowego z ciasną interlinią, małą, spójną ikoną lub strzałką narysowaną narzędziem Pióro, która łączy etykietę z dokładnym miejscem na zdjęciu, oraz Nakładką koloru lub delikatnym Cieniem, aby etykieta oddzielała się od fragmentu obrazu, który znajduje się za nią. Ponieważ pełen zestaw opisów w galerii pięciu lub sześciu zdjęć musi wyglądać identycznie, zbudowanie etykiety jako obiektu inteligentnego ze strzałką i kształtem tła zgrupowanymi razem oznacza, że jeden szablon aktualizuje jednocześnie wszystkie zdjęcia w zestawie, co oszczędza poprawek wynikających ze stylizowania każdego opisu ręcznie.
Wersje w wielu językach i rozmiarach
Sprzedawcy, którzy wysyłają tę samą grafikę na Allegro, do sklepu na Shopify i do drukowanej ulotki, zwykle potrzebują z jednego pliku głównego kilku rozmiarów wyjściowych, a czasem kilku wersji językowych. Umieszczenie każdego nagłówka, podtytułu i ceny w osobnej ramce tekstu akapitowego, zamiast scalania ich w jeden spłaszczony blok, oznacza, że przetłumaczony tekst lub krótszy zapis waluty wymaga przepisania tylko tej jednej ramki, a skalowanie obiektów inteligentnych automatycznie zachowuje proporcje stylów warstwy, gdy ta sama kompozycja jest zmniejszana do kwadratowej miniatury lub powiększana do banera na całą szerokość.
P: Czym różni się tekst punktowy od tekstu akapitowego w Photoshopie?
O: Tekst punktowy, tworzony pojedynczym kliknięciem narzędziem Tekst, to jeden wiersz, który wydłuża się, dopóki nie dodasz ręcznego podziału, idealny do nagłówków i krótkich etykiet. Tekst akapitowy, tworzony przez przeciągnięcie ramki tekstowej, zawija się automatycznie wewnątrz tej ramki, co sprawdza się przy dłuższych blokach tekstu, takich jak opisy produktów.
P: Jak zmienić czcionkę istniejącego tekstu?
O: Zaznacz warstwę tekstową, włącz narzędzie Tekst, zaznacz znaki, które chcesz zmienić, a następnie wybierz nową rodzinę czcionek w panelu Typografia lub na pasku opcji. Zmiana dotyczy tylko zaznaczonych znaków, więc w razie potrzeby możesz łączyć różne czcionki w jednej warstwie.
P: Jak najszybciej sprawić, by tekst był czytelny na ruchliwym zdjęciu?
O: Dodaj Obrys z położeniem Na zewnątrz w kontrastowym kolorze albo Cień o odległości i kryciu wystarczających, by oddzielić litery od tła. Połączenie delikatnego obrysu z miękkim cieniem zwykle czyta się lepiej niż jeden mocny efekt.
P: Jak wygiąć tekst po okręgu w Photoshopie?
O: Narysuj okrągłą ścieżkę narzędziem Elipsa w trybie Ścieżka, a następnie najedź narzędziem Tekst na ścieżkę, aż zmieni się ikona kursora, i kliknij, aby zacząć pisać. Tekst automatycznie podąża za krzywą, a narzędziem Zaznaczanie ścieżek możesz przenieść go na wewnętrzną lub zewnętrzną stronę okręgu.
P: Czy po zastosowaniu stylów warstwy nadal mogę edytować tekst?
O: Tak. Obrys, Cień, Nakładka gradientu oraz Faza i płaskorzeźba znajdują się w oknie Styl warstwy przypisanym do warstwy tekstowej, więc treść, krój i rozmiar pozostają w pełni edytowalne, a efekty przeliczają się automatycznie.
P: Kiedy należy zrasteryzować warstwę tekstową?
O: Dopiero po zakończeniu wszystkich innych zmian. Rasteryzacja zamienia żywy, wektorowy tekst w zwykłe piksele, co jest konieczne przy niektórych filtrach lub retuszu pędzlem, ale na stałe odbiera możliwość edycji kroju, rozmiaru i treści.
P: Jak wypełnić litery zdjęciem?
O: Wpisz słowo pogrubionym krojem, umieść warstwę ze zdjęciem nad warstwą tekstową, a następnie kliknij warstwę zdjęcia prawym przyciskiem myszy i wybierz Utwórz maskę przycinającą. Zdjęcie jest widoczne tylko w kształcie liter, a Swobodne przekształcanie pozwala przesuwać obraz w ich obrębie.
P: Czym różni się światło (tracking) od kerningu?
O: Światło to jednolity odstęp stosowany do całego zaznaczenia tekstu, przydatny do rozluźnienia lub zagęszczenia całego słowa albo wiersza. Kerning reguluje odstęp tylko między dwoma sąsiednimi znakami, co ma największe znaczenie przy dużych rozmiarach, gdzie niezgrabna luka między dwiema literami staje się widoczna.
P: Dlaczego mój zakrzywiony tekst trafia do wnętrza okręgu, a nie na zewnątrz?
O: Przełącz się na narzędzie Zaznaczanie ścieżek, kliknij mały znacznik na początku tekstu na ścieżce i przeciągnij go w poprzek ścieżki, trzymając Ctrl (Cmd na Macu), aby przenieść tekst na drugą stronę.
P: Czy przed eksportem warto zamienić tekst na kształt?
O: Użyj polecenia Konwertuj na kształt, gdy grafika ma trafić do innego programu lub do drukarni, gdzie nie ma zainstalowanej tej samej czcionki, ponieważ utrwala ono litery jako edytowalną ścieżkę wektorową, zachowując zastosowane style warstwy. Oryginalną warstwę tekstową zachowaj jako ukryty duplikat na wypadek, gdyby treść trzeba było później zmienić.
P: Jaką rozdzielczość powinien mieć tekst na zdjęciu oferty w serwisie sprzedażowym?
O: Utwórz obszar roboczy w wymiarach w pikselach wymaganych przez dany serwis, na dużych platformach sprzedażowych często jest to 2000 na 2000 pikseli lub podobny rozmiar, i zachowaj warstwy tekstowe jako żywe i wektorowe aż do eksportu, aby nagłówki pozostały ostre, gdy platforma skompresuje ostatecznie przesłany plik.
Czysta, spójna z marką typografia wymaga sporo czasu: dopasowania czcionek w całym katalogu, zachowania spójnego światła i interlinii, tworzenia plakietek promocyjnych i naklejek z cenami, które wyglądają ostro nawet w rozmiarze miniatury, oraz dbania o to, by każdy nagłówek był czytelny na innym zdjęciu co tydzień. Zespół studia gdefoto wykonuje dokładnie taką pracę z tekstem w ramach codziennej zdalnej obróbki zdjęć, od etykiet produktów i nagłówków banerów po znaki wodne i plakietki promocyjne dla sprzedawców na Allegro, Amazon.pl, OLX, Etsy i Shopify. Prześlij surowe zdjęcia i wytyczne marki, a studio zajmie się doborem czcionek, stylami warstwy, tekstem na ścieżce i pełnymi kompozycjami, tak aby każde zdjęcie w ofercie wyglądało spójnie, było czytelne i gotowe do publikacji, a ty nie musisz nawet otwierać Photoshopa.
Bezpłatnie obrobimy próbkę z Państwa katalogu
Dla sklepów internetowych, producentów, marek i dostawców hurtowych. Prosimy przesłać 1-3 zdjęcia produktów, a odeślemy je profesjonalnie obrobione wraz z wyceną dla całego katalogu.
To format b2b, dla dużych wolumenów. Nie obrabiamy tu zdjęć prywatnych (portretów, wydarzeń, dokumentów).
Zgłoszenie przyjęte
Obrobimy Państwa próbkę i prześlemy wynik wraz z wyceną katalogu w ciągu jednego dnia roboczego.