Jak zrobić ciekawy obrazek/collage z pngs'ów?

  Wielu osobom spodobał się obrazek który mam w ramce HTML na profilu.
Dla tych którzy nie kojarzą:
(Kliknij na obrazek aby powiększyć). Chodzi po prostu o połączenie kilku elementów ze sobą. Jako że wiele przydatnych instrukcji już tutaj jest- w odpowiednich miejscach będę wam podawać do nich linki - no bo po co tłumaczyć drugi raz skoro możecie to przeczytać w innym temacie- i to dużo dokładniej opisane.

  1. Wchodzimy w Adobe Photoshop.
  2. Klikamy na: File/New (Plik/Nowy).
  3. Ustawiamy Width (Szerokość) na 300px.
  4. Height (Wysokość) ustawiamy według upodobań. Ja ustawię na 500px aby mieć dużo miejsca. Przykład:
      
  5. Teraz wybieramy zdjęcie/obrazek postaci która będzie na naszym obrazku. 
  6. Jeśli wybraliście zdjęcie- musicie wyciąć z niego postać. |

    ** Instrukcja: Jak wyciąć postać ze zdjęcia?
    ^^ Tam znajdziecie dokładny opis- jak łatwo wyciąć postać ze zdjęcia.
  7. Po wycięciu postaci, powinniśmy mieć tylko tą postać i białe tło. Niedoskonałościami przy wycinaniu się nie przejmujcie- wiele z nich i tak będzie zakryte.
  8. Następne kilka kroków opiera się na okienku z warstwami (LAYERS). Znajduje się ono po prawej stronie Photoshopa, najczęściej na samym dole. Wygląda mniej więcej tak:
     

    Jeśli nie masz takiego okienka- otworzysz je klikając na: WINDOW (okna) a następnie na LAYERS (warstwy).
  9. Klikamy na warstwę o nazwie Layer 1 (czyli tą ze zdjęciem, to po to aby następne obrazki nie ukrywały się pod zdjęciem).
  10. Teraz szukamy sobie pngsów: ♦ Przesuwane ozdoby & dodatki w formacie png
  11. Po kolei, pobieramy te które chcemy mieć na naszym obrazku.
  12. Otwieramy je w Photoshopie, kopiujemy i wklejamy na nasz obrazek z postacią.

    ** Aby przesunąć dany element naciskamy V na klawiaturze (lub klikamy na Move Tool w przyborniku).
  13. Po kolei wklejamy sobie tak obrazki- jeśli chcemy aby któryś pngs był pod innymi to przeciągamy warstwę z nim pod inne warstwy.
  14. Po dodaniu pngsów u mnie wygląda to mniej więcej tak:
     
  15. Teraz dodajemy brushe / pędzle / wzorki POD wszystkie pngsy. W związku z tym:
  16. Klikamy na warstwę o nazwie BACKGROUND.
  17. Teraz tworzymy nową warstwę- klikając na: LAYER (warstwa) - NEW (nowa) - LAYER (warstwa) na samej górze Photoshopa.
  18. Teraz klikamy na pędzel i nakładamy go na obrazek.
        
  19. Teraz czas aby pokryć nasz wzorek z brushy jakimś ładnym wzorkiem/tłem.

    ** Instrukcja: Jak zrobić napis z wzorkiem? - zaczynamy od punktu 4ego (i klikamy na warstwę z brushami) i zakańczamy pracę na punkcie 7mym.
  20. Teraz musimy usunąć białe tło- w tym celu klikamy na warstwę o nazwie BACKGROUND i klikamy na malutką ikonkę z koszem pod warstwami. Następnie zatwierdzamy.
  21. Teraz ewentualnie możemy pozbyć się zbędnej przestrzeni dookoła. (Klikając na: IMAGE- TRIM).
  22. Na końcu zapisujemy nasz obrazek w formacie PNG. Efekt:
     

Brak komentarzy:

Prześlij komentarz