Użytkownik: Hasło: lub Zarejestruj się

home lupa mail
Photoshop - Tutoriale
Filmy do tutoriali
Photoshop - Podstawy
Tablet
Pobieralnia
Photoshop - Porady
Strona Główna / Inne / Napis w kolorze tła
Poziom trudności Znaczenie kolorów
poziom trudności
  • Ścieżka menu - j. angielski
  • Ścieżka menu - j. polski
  • Skrót klawiaturowy

Napis w kolorze tła - rzucający cień

gotowy napis

Wykorzystany program graficzny:
Adobe Photoshop 7 (eng.)


1. Otwieramy program Photoshop.

2. Otwieramy czystą kartkę (nowy dokument).
File / New (pol. Plik / Otwórz) lub Ctrl + N

nowy dokument

W polu Name wpisujemy dowolną nazwę dokumentu (nie używaj polskich znaków i spacji - dobry nawyk)
W polu Width (szerokość) wpisz wartość w pikselach (np. 400), podobnie w polu Height (wysokość) (np. 100)
W polu Resolutions pozostaw domyślne 72 piksele na cal (standard - zawsze używaj tej wartości)
W Contents zaznacz - Background Color.

OK - dokument otwarty.

3. Zamalujmy go interesującym nas kolorem (np. kolorem tła treści naszej strony www).
Wybieramy narzędzie Paint Bucket Tool (pol. Wiadro z farbą) paint boocket tool (G).
Klikamy na kwadrat koloru (widoczny w całości) w panelu z narzędziami. Ukaże nam się okno:

wybór koloru

W oknie tym mozemy wybrać jakiś ładny kolorek klikając na niego, lub wpisać jego kod w okienku na dole (na obrazku - zaznaczone) - w moim przypadku tło pod tekstem, który właśnie czytacz ma kolor #FAFAFA i tak właśnie wisuję. OK.
Klikamy na dowolne miejsce dokumentu. Dokument zamalowany.

4. Wybieramy narzędzie Horizontal type Tool (pol. Tekst Poziomy)paint boocket tool (H).

5. Teraz skupmy się na menu narzędzia (pod menu głównym)

menu narzędzia

Ustawiamy tam rodzaj czcionki, wielkosć, kolor itp (w każdej chwili bedziemy mogli zmienic te parametry, także spoko).

6. Klikamy w oknie dokumentu - pojawi się migający kursor (tak jak w edytorze tekstowym). Zauważ, że w zakładce Layers program utworzył automatycznie nową warstę i do niej wprowadza tekst - i bardzo dobrze :) Możemy pisać.
Ja napisałem Śródziemnomorski, aby wyjaśnić pewne kwestie polskiej czcionki w Photoshopie, ponieważ wiem że niektórzy mają z nią sporo problemów w starszych wersjach programu. Oczywiste jest, że wybrana czcionka musi obsługiwać polskie znaki. Jednak próba napisania litery ś kończy się zazwyczaj wywołaniem okna gdzie zapisujemy pracę (Save As) 8[
Są 2 triki pozwalające przechytrzyć Photoshopa:
1. Jeśli to ma być małe ś - Włączamy Caps Lock (duże litery) a nastepnie wciskamy Shift + Alt + S i gotowe. 2. Piszemy interesujący nas tekst w jakimkolwiek edytorze tekstowym (Notes, Word Pad, Word), zaznaczamy napisany text, kopiujemy go i wklejamy w dokumenci Photoshopa (kursor musi migać).
Jeżeli już wprowadzimy odpowiedni tekst - klikamy na warstwę z tekstem w zakładce Layers - kursor przestani migać.

napis

7. Teraz gwóźdź programu :)
Z menu programu wybieramy Layer / Layer Style / Blending Option (pol. Warstwa / Styl Wrstwy / Opcje Mieszania) lub klikamy dwukrotnie na warstwie z tekstem (za nim) ... lub klikamy prawym przyciskiem myszy na warstwie z tekstem i z rozwiniętego menu wybieramy - Blending Option (pol. Opcje mieszania) (takie trzy metody).
W oknie Layer Style (pol. Styl Warstwy) które się otworzy klikamy na zakładkę Drop Shadow (pol. Cień). Jeżeli okno zasłania dokument, przeciągnij je za niebieski pasek tak aby dokument był widoczny. Inaczej nie będziesz widział w prowadzanych zmian.

blending option - shadow

Po prawej mamy opcje, które dostosowują cień do naszych potrzeb. Możemy zostawić domyślne lub poeksperymentować, obserwując zmiany na bieżąco.
Właściwość Opacity (pol. Krycie): Widzialność cienia.
Właściwość Angle (pol. Kąt): Kreska wskazuje kąt padania światła (można ją przeciągać myszką lub wprowadzić rządany kąt w polu po prawej).
Właściwość Distance (pol. Odległość): Odległość rzucanego cienia od tekstu (ja używam 3 - 6). Kliknij w polu po prawej (za suwakiem). Kursor miga. Teraz za pomocą rolki w myszce lub strzałek na klawiaturze możemy zmieniać wartości (taki trik :).
Właściwość Spread (pol. Rozprzestrzenianie): Zostawiamy na 0.
Właściwość Size (pol. Rozmiar): Rozmiar i wyrazistość rzucanego cienia (ja używam 1 -5).
Ciekawe efekty daje też zmiana właściwości Contour, ale ja przważnie zostawiam domyślną.

napis i cień

Mamy już napis rzucający cień. Teraz nadajmy mu barwę maskujacą ;) tzn. kolor tła.

8. Dalej pracując z oknem Layer Style klikamy na zakładkę Color Overlay (pol. Nałożenie Koloru)

color overlay

Klikamy teraz na prostokącik z kolorem (za rozwijalnym menu Blend Mode) - otworzy się nowe okno Color Picker. Zamiast wybierać w nim kolor - przenosimy kursor nad okno dokumentu (kursor przybierze postać pipetki) i klikamy nad tłem. Tekst przybierze kolor tła. OK. OK.

gotowy napis

W każdej chwili możemy zmieniać dowolne właściwości tekstu. Polecam eksperymenty.

To by było na tyle.


Oceń ten tutorial:

średnia ocena: 4.5 / 6
ilość oddanych głosów: 26


Wasze komentarze do tego tutoriala (8):

Komentarze wyświetlane są od najstarszych ()
VTH (2007-12-21)

Przecież wystarczy tylko napisac bialy tekst na bialym tle i nadac mu cien pododpowiednim katem no nie ?? Chyba, ze sie myle...


admin
Wystarczy.

fantasia (2007-12-25)

dziękuję za wskazówki :) można by też w opcjach mieszania (blending options) dać tryb mieszania "różnica" wtedy napis może być też w kolorze tła jakim jest obrazek, zdjęcie.

Dave (2008-01-04)

Fajne jeszcze zachęcam do zabawy w - Qality-contour

cziter2007 (2008-02-21)

Witam! ja mam takie pytanie jak zrobić taki napis w kolorze zdjęcia z góry thx xD


admin
Można zrobić to na 2 sposoby. Korzystając z narzędzia Horizontal Type Mask Tool lub wykorzystując funkcję Stroke (Obrys). Wkrótce zrobię o tym tutorial.

Dorsześ (2008-07-31)

Co do robienia różnych efektów zdjęciowych to jak w Cinemie 4D (mam nadzieję, że ktoś wie o czym mówię). Na zrobienie jednego efektu/bądź modelu sposobów są setki, jedne są mniej inne bardziej pracochłonne - rzeczjasna wszystko zależy od tego co i jak chcemy pokazać. Pozdrawiam dorszes@poczta.fm

monte (2009-03-22)

nuuuuda wszystko można zrobić 100 razy łatwiej a nie sie męczyć i tylko takie banalne pokazałaś że...

buba (2009-07-15)

nuda nuda, dla osoby ktora zna opcje to omze i nuda ale kiedys tez zaczynales i napewno nie wiedziales od poczatku gdzie sa jakie opcje, ten tutorial bardziej stworzony jest po to zeby pokazac gdzie co jest niz po to zeby kogos nauczyc pisac w programie graficznym;/ tutorial bardzo prosciutki ale dzieki za niego ;)

Napisz komentarz do tego tutoriala:

Nick:

Treść (max. 500 znaków, zakaz umieszczania linków):

« osób online
Galeria GobArt

Ostatnio dodane (retusz):
zdjęcie po obróbce graficznej

Serwis GobArt
Losowy tutorial

Photoshop 7.0
inne techniki
Zdjęcie w sepii
Zdjęcie w sepii

Podziel się tym z innymi

dodaj do flakera