Tło ze zdefiniowanego wzorku.


Znajdź w folderze C:\Program Files\Adobe przykłady powtarzalnych elementów tła. Można pobrać je dodatkowo z internetowej, firmowej strony Adobe.-Plik-Strona firmowa Adobe-. Na potrzeby obecnego projektu wybrałem Kamienie.
  1. Ponieważ planujemy wykonać planszę 800x600 pikseli (72 ppi rozdzielczości) uznaliśmy, że element powtarzalny powinien mieć rozmiary 150x150 pikseli o rozdzielczości 72 ppi. Należy więc dostosować wymiary obrazka do wyżej założonych przy pomocy zlecenia:-Obrazek-Wielkość obrazka-
  2. Teraz utworzymy nowy obrazek (na razie pusty) o wymiarach 800x150 i rozdzielczości 72 ppi. W przyszłości powielimy go uzyskujac zakładane 600 pikseli wysokości. -Plik-Nowy-
  3. Ponieważ będziemy dzielić stronę, wskazane jest uaktywnienie Miarki przy piomocy zlecenia: -Widok-Pokaż miarki-. Jeżeli klikniemy w Miarkę i przeciągniemy z niej kursor, to utworzymy Linie pomocnicze.
  4. Wykonamy teraz Definiowanie wzorku , czyli zamienimy zawartość obrazka 1 na element powtarzalny.
    • Uaktywnij obrazek 1.
    • Zaznacz-Zaznacz wszystko-
    • Edycja-Zdefiniuj wzorek-
  6. Mając zdefiniowany wzorek możemy przystapić do wypełnienia powierzchni obrazka 2.
  7. Uaktywnij obrazek 2.
  8. -Edycja- Wypełnij- w rubryce -Wypełnienie- wybierz: -Wzorkiem-. Wypełnienie można też wykonać narzędziem -Stempel Wzorkiem- , który jest na panelu -Narzędzia-. Uwaga: na palecie -Opcje- tego stempla odhacz -Wyrównany-, aby zapewnić równomierne rozłożenie wzorku na całej powierzchni.
  9. Przy pomocy narzędzia -Smużenie- lub -Stempel- usuń ewentualne szwy łączące segmenty wzorku. Można też użyć filtrów, które zniekształcą tło.
  10. Utworzymy teraz pionową linię pomocniczą (wyciagając ją z Miarki) i ustawiamy na długości 150 pikseli od lewego brzegu obrazka (przyjmujemy, że taką szerokość będzie miał przyszły pasek na stronie WWW). Jednostki -Miarki- ustalamy zleceniem: -Plik- Preferencje- Jednostki i miarki-. Uaktywnij zlecenie: -Widok- Przyciągaj do linii pomocniczych-
  11. Zaznaczamy obszar prostokątny z lewej strony na szerokość 150 pikseli (pełna wysokość obrazka). Narzędzie do zaznaczania znajduje się na panelu -Narzędzia-.
  12. Tworzymy nową, czystą warstwę (ikoną -Utwórz Warstwę- znajdujacą się na dole palety -Warstwy-).
  13. Wypełniamy prostokątny pasek kolorem narzędzia (np. kolorem fioletowym).
  14. Wykonamy teraz przygotowania do użycia narzędzia -Pędzel Historii-. Na palecie -Historia- kliknij w kwadracik z lewej strony (pojawi się ikona pędzelek) na poziomie czynności do której będziemy usuwać zmiany. W naszym przypadku jest to -Nowa Warstwa-.
  15. Narzędziem -Pędzel Historii- usuń nalot z farby fioletowej (w miejscu krawędzi łączacej z planszą kamienną). Wykonamy to działanie, aby uatrakcyjnić widok strony, w miejscu łączenia tych elementów. Malując powiększamy nieznacznie obszar kamienny. Uwaga: starajmy się nie naruszyć kilku ostatnich pikseli u samej góry i samego dołu, gdyż muszą się one spotkać, gdy będziemy powtarzać obraz. Pamiętaj o możliwościach powiększania widoku obrazka. Ustawienie wyświetlania kursorów odbywa się w zleceniu: -Plik- Preferencje- Wyświetlanie i kursory-
  16. Zapisujemy obrazek 2 w formacie BMP lub JPEG (z najlepszą jakościa). Element powtarzalny jest gotowy.
  17. Wykonamy teraz nowy obrazek. przy pomocy zlecenia: -Plik- Nowy- o wymiarach 800x600 pikseli, rozdzielczości 72 ppi.
  18. Powtórzymy czynności z tworzeniem wzorku. Wzorkiem tym razem będzie zawartość obrazka 2, a wypełniać będziemy obrazek 3.
Zapiszemy plik pod tytułem -Plansza-, w formacie JPEG (należy poszukć kompromisu między wielkością i jakością).

 
 
 

      Obrazek 1-  powtarzalny element tła.
 
 
 
Obrazek 2 - następny powtarzalny element tła.

 
Tło z tekstem zmienionym tzw. efektem (-Warstwa-Efekty-)


 
 

*     *     *

Tło z samodzielnie utworzonej tekstury.



 

W internecie jest wiele tekstur w postaci grafiki o wymiarach maks. 250x250. Jeżeli zostały zaprojektowane jako powtarzalne (punkty na przeciwnych krawędziach zachodzą na siebie), to będziemy mogli powielić je i utworzyć duży obszar wypełniony teksturą. Stosujac efekty do jednolitych kolorów lub obiektów w skali szarości, można generować wiele różnych tekstur. Można użyć teksturę , po czym rozmyć ją. Na tło użyj filtry: Bajkowy ołówek, Chmury, Chmury różnica, Dodaj szum, Dodanie tekstury, Gabka, Grafika, Kreda i węgiel, Mezzotinta, Mozaika, Papier listowy, Pastele, Patchwork, Podkład, Puentylizacja, Siatka pęknięć na filmie, Spękalina, Szkło, Witraż, Wypełnienie teksturą, Wzór rastra, Ziarno. Uwaga: filtr Szkło ma minimalny wpływ na obszary w jednolitym kolorze. Tekstury można wykonać uruchamiajac tzw. -Zadania-. Jest to zestaw samodzielnie (bez pomocy człowieka) wykonywanych czynności i poleceń. Uruchamiamy je w palecie -Zadania-. Zadania wczytujemy uaktywniajac menu rozwijane (kliknij w mały czarny trójkacik znajdujacy się w prawym, górnym rogu palety) i wybierajac polecenie -Wczytaj zadanie-. Pliki z zadaniami znajduja się w folderze macierzystym Photoshopa. Przykładowa ścieżka dostępu: C:\Program Files\ Adobe\ Photoshop\ Dodatki\

 
 

*     *     *

Przykłady ręcznego wykonania tekstur.



Tekstura pt. Produkt z odzysku.
  • Utwórz nowy dokument lub nowa warstwę w już otwartym.
  • Sprawdź, czy tryb obrazka jest typu RGB zleceniem: 
  • -Obrazek-Tryb-Kolory RGB-
  • Ustaw kolory na domyślne. Ustaw kolor tła (RGB: 222, 207, 170) i wypełnij nim warstwę.
  • -Warstwa-Nowa-Warstwa- (krycie: 25%, mnożenie, zaznacz opcję: -Grupuj z poprzednia warstwą- oraz -Wypełnij neutralnym kolorem-)
  • -Filtr-Pikselowanie-Puentylizacja-(rozmiar 10)
  • -Filtr-Stylizacja-Znajdź krawędzie-
  • -Filtr-Artystyczne-Suchy pędzel-(2, 8, 1)
  • -Warstwy-Złącz w dół-
  • -Filtr-Szum-Dodaj szum-(5, zaznacz opcje: gaussowski, monochromatycznie) 

 
 
 
Tekstura pt. Rdzewiejący metal.
  • Utwórz nowy dokument lub nową warstwę w już otwartym.
  • Sprawdź, czy tryb obrazka jest typu RGB przy pomocy zlecenia: -Obrazek-Tryb-Kolory RGB -
  • Ustaw kolory tła: (RGB: 112, 45, 7) i narzędzia (RGB: 44, 20, 70). Sprawdź, czy kolor tła jest brązowy.
  • -Filtr-Rendering-Chmury- 
  • -Filtr-Tekstura-Ziarno-(50, 65, Kreski )
  • -Filtr-Wyostrzanie-Wzmocnienie-(400%, 5, 25)
  • -Filtr-Artystyczne-Suchy pędzel-(2, 2, 2)
  • -Filtr-Szum-Dodaj szum-(12, zaznacz opcje: gaussowski, monochromatyczny)

 
 
 
Tekstura pt. Metal z niebieską patyną.
  • Utwórz nowy dokument lub nową warstwę w już otwartym.
  • Sprawdź, czy tryb obrazka jest typu RGB przy pomocy zlecenia: -Obrazek-Tryb-Kolory RGB-
  • Ustaw kolory tła: (RGB: 160, 76, 48) i narzędzia (RGB: 237, 135, 81).
  • -Filtr-Rendering-Chmury- 
  • Przełącz się na kolory domyślne.
  • -Filtr-Rendering-Chmury różnicowe- 
  • -Filtr-Wyostrzanie-Wzmocnienie-(400%, 5, 25)
  • -Filtr-Artystyczne-Suchy pędzel- ( 2, 2, 2)
  • -Filtr-Szum-Dodaj szum-(12, zaznacz opcje: gaussowski, monochromatyczny)
 

 
 
 
Tekstura pt. Kamień.
  • Utwórz nowy dokument lub nową warstwę w już otwartym.
  • Sprawdź czy tryb obrazka jest typu RGB przy pomocy zlecenia:-Obrazek-Tryb-Kolory RGB -
  • Ustaw kolory tła na domyślne i wypełnij czernią tło.
  • -Filtr-Rendering-Chmury- klawisz SHIFT wciśnięty podczas wyboru filtra da lepszy kontrast i w efekcie bardziej pofałdowaną powierzchnię )
  • -Filtr-Rendering-Chmury różnicowe-
  • -Filtr-Stylizacja-Płaskorzeźba - (135, 3, 500%)
  • -Obrazek-Dopasuj-Barwa Nasycenie- (włącz Koloryzuj ) ( barwa: 40, nasycenie: 35, jasność: -5.)

 
 
 
Tekstura pt. Niebo nocą.
  • Utwórz nowy dokument lub nową warstwę w już otwartym.
  • Sprawdź, czy tryb obrazka jest typu RGB zleceniem: -Obrazek-Tryb-Kolory RGB-
  • Ustaw kolory tła na domyślne i wypełnij czernią tło.
  • -Filtr-Szum-Dodaj szum-(150, zaznacz opcje: gaussowsko, monochromatycznie)
  • -Filtr-Rozmycie-Rozmyj gaussowsko-

  • (0, 5 piksela)
  • -Obrazek-Dopasuj-Poziomy-
  • Wybierz 3 wersje ustawień:
  • 142; 1; 165.
  • 0; 5; 255
  • 0; 2,1; 255
 Ustawienie:
142; 1; 165.

Ustawienie 0; 5; 255

Ustawienie 0; 2,1; 255


 
 
 
Tekstura pt. Gwiaździste niebo nocą.
  • Uaktywnij teksturę Niebo Nocą z ustawieniami: 142; 1; 165. czyli powyższa wersję nr 1.
  • Utwórz nową warstwę nr 2 i wykonaj na niej zlecenie: -Filtr-Rendering-Chmury-
  • Ustaw tryb łączenia na warstwie nr 2 na -Raster- (mnożenie odwrotności).  Tryb Raster zapewni zignorowanie wszystkich czarnych pikseli. Uwidoczni niby gwiazdy wśród chmur.
  • Ustaw kolor narzędzia (RGB: 176, 0, 0)
  • -Filtr-Rendering-Chmury różnicowe- 
  • i powtarzaj zlecenie, aż do uzyskania dobrych efektów.
  • Włącz maskę na warstwie nr 2 zleceniem:-Warstwa- Dodaj maskę warstwy- Odkryj wszystko-
  • Ustaw kolor narzędzia jako czarny i maluj pędzlem ukrywając część chmur. Ustaw -Krycie- narzędzia na np. 60%. Malujac czernią po masce warstwy ukrywasz zawartość warstwy nr 2. Odzyskiwanie zamalowanego obszaru będzie wykonywane po zamianie koloru pędzla na biały.
  • Włącz kolory domyślne.
  • Utwórz nową warstwę i wypełnij ją na czarno. Ustaw sposób krycia na -Raster-.
  • -Filtr-Rendering-Flara obiektywu-(95%, 105 prime)

 
 
 
Tekstura pt. Płótno.
  • Utwórz nowy obrazek (300x200 pikseli, 72 ppi, RGB).
  • Ustaw kolory domyślne i wypełnij tło czernią.
  • -Filtr-Szum-Dodaj szum-(400, gaussowski, monochromatyczny)
  • -Filtr-Rozmycie-Poruszenie-(0, 50 pikseli)
  • -Filtr-Rozmycie-Poruszenie-(90, 50 pikseli)
  • -Filtr-Stylizacja-Wytłoczenie - (135, 3, 500%)
  • -Obrazek-Dopasuj-Poziomy-(85, 1, 170)
  • kolory można dodać łacząc z kolorową warstwą lub zleceniem: -Obrazek- Dopasuj- Barwa Nasycenie- (tam zaznacz opcję: -Koloryzuj-).
  • Wprowadź warstwę ze zdjęciem (wcześniej dopasuj jego wymiary) i ustal kolejność od góry: tekstura, zdjęcie.

  • Tryb: nałożenie, krycie: np. 80%.
 


 
 
 
Tło w kropki.

1. Wykonanie obrazka do powielenia wzorkiem.

  • Utwórz nowy dokument (100x100, 72 ppi, RGB).
  • Ustal kolor tła i narzędzia (narzędziem wypełnisz kropki).
  • Wypełnij warstwę kolorem tła.
  • Utwórz nową warstwę i wypełnij ją kolorem narzędzia.
  • Mając aktywną warstwę 2 wykonaj zlecenie:
  • -Warstwa- Dodaj maskę warstwy- Odkryj wszystko-
  • Mając nadal aktywną warstwę 2 wykonaj zlecenie:
  • -Edycja-Wypełnij-(50% szarości, krycie 100%, normalnie)
  • Na palecie -Kanały- uaktywnij kanał maski warstwy i wybierz zlecenie: -Filtr-Pikselowanie-Rastrowanie kolorów- (maks. promień od 5 do 10, pozostałe parametry = 0).
  • Wykonasz teraz ciekawe zlecenie: wypełnisz nową, przezroczystą warstwę zawartością widoczną aktualnie na warstwach.

  • * Utwórz czystą warstwę.
    * Wykonaj zlecenie:-Warstwa -Połacz warstwy 
       widoczne- z wciśniętym prawym klawiszem ALT.
  • -Zaznacz-Wszystko-
  • -Edycja-Zdefiniuj wzorek- 
2. Utworzenie ostatecznego tła.
  • -Zaznacz-Wszystko- 
  • -Edycja-Wypełnij-Wzorkiem -
  • Zapisz dokumenty.
 
 
 


 
Valid CSS! Valid HTML 4.01!

 

Zapraszam do Księgi Gości.

 

gorzow-wlkp.pl