Skocz do zawartości
BLANTMEN

Photoshop I Inne @ Purepc

Rekomendowane odpowiedzi

Doszedłem do wniosku, że nie każdy musi wiedzieć jak się robi prostą ramkę w Photoshopie, albo jeszcze jakieś inne ciekawe efekty ;). Dlatego zrobiłem ten temat. Na google można znaleźć wiele tutorialów co i jak zrobić, ale nie są one zazwyczaj przejrzyście napisane. Jeśli pomysł spodoba się moderacji, to proszę o przyklejenie. A do każdego prośba - jeśli umicie coś ciekawego zrobić w Photoshopie to zapraszam do robienia tutoriali i wklejania ich tutaj. Rozwińmy trochę temat. :) Aha - ze względu na to, że będzie dużo tutoriali, prosiłbym osoby je dodające aby umieszczały je w spoilerach. Przyspieszy to ładowanie strony. Do komentowania tutoriali zapraszam tutaj

------------------------

SPIS TREŚCI

 

* Dodawanie znaku wodnego do zdjęcia, definiowanie podpisu

 

* Efekt 'plastikowej skóry'

 

* Dodawanie ramki do zdjęcia

 

* Dodawanie ramki do zdjęcia - metoda 2

 

* Dodawanie ramki do zdjęcia - metoda 3

 

* Lustrzane odbicie

 

* Kolejny sposób na ramkę

 

* Zaznaczanie włosów bez utraty szczegółów

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dodawanie znaku wodnego do zdjęcia.

 

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

1)Otwieramy zdjęcie do którego chcemy dodać znak.

Dołączona grafika

 

2)Narzędziem do pisania tekstu zaznaczamy obszar roboczy, wybieramy czcionkę, wielkość, umieszczenie tekstu i piszemy swoją ksywkę albo co tam tylko chcecie.

Dołączona grafika

 

3)Znak wodny najlepiej wg mnie prezentuje się, gdy jest pod skosem. Ustawiamy go właśnie w ten sposób.

Dołączona grafika

 

4)W stosunku co do wielkości zdjęcia napis jest trochę za mały. Zwiększyłem go do 200pix, wyśrodkowałem i ustawiłem na środku zdjęcia. Efekt:

Dołączona grafika

 

5)Odznaczamy teraz pole tekstowe i przechodzimy do wartości 'krycie' po prawej stronie.

Dołączona grafika

 

6)Zmieniamy krycie na 50%.

Dołączona grafika

 

I znak wodny gotowy.

-----------------

Definiowanie podpisu.

 

1)Tworzymy nowy dokument. Wymiarami się nie sugerujcie, bo robiłem to pod siebie :P.

Dołączona grafika

 

2)Wpisujemy jaką tylko chcecie czcionką swój podpis, albo rysujemy cokolwiek ;).

Dołączona grafika

 

3)Teraz w prawym panelu wybieramy 'pędzle' i tam 'nowy pędzel'.

Dołączona grafika

 

4)Zapisujemy go pod wybraną nazwą.

Dołączona grafika

 

5)I od teraz w pędzlach mamy gotowy nasz podpis. Wystarczy go wybrać, ustawić kolor i rozmiar i kliknąć na zdjęciu.

Dołączona grafika

Szybko i sprawnie :).

Edytowane przez BLANTMEN
  • Upvote 1

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

To może coś dość ciekawego: Przerabianie fotki dziewczyny (lub faceta - nie wnikam), a dokładniej popularny efekt "plastikowej" skóry. (Obrazki się rozwalają to zostawiam same linki, bez miniatur).

 

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

1. Otwieramy fotkę.

 

SCREENSHOT

 

2. Klikamy prawym na warstwę (jedyną) i wybieramy "Duplicate layer". W oknie OK.

 

SCREENSHOT

 

3. Mając zaznaczoną nową warstwę wybieramy Filter->Blur->Gaussian Blur.

 

SCREENSHOT

 

4. Ustawiamy moc filtra wg. własnego uznania, nie za słabo i nie za mocno, proponuję coś pomiędzy 2 a 3.

 

SCREENSHOT

 

5. Tworzymy nową (pustą) warstwę i ustawiamy ją nad pierwszą warstwą i pod jej kopią (czyli pomiędzy).

 

SCREENSHOT

 

6. Klikamy prawym na kopii i wybieramy Create Clipping Mask.

 

SCREENSHOT

 

7. Przełączamy się na pusta warstwę, którą dopiero stworzyliśmy. Wybieramy Brush Tool (B). Ustawiamy mu Hardness i rozmiar wg. własnego uznania. Kolor nie ma znaczenia.

 

SCREENSHOT

 

8. Teraz najważniejsza część. Malujemy po pustej warstwie. Efekt będzie taki, jakbyśmy malowali Gaussian Blurem. Pomijamy elementy, które nie mają być gładkie np. oczy, zęby.

 

 

 

Efekt:

 

Przed:

 

SCREENSHOT

 

Po:

 

SCREENSHOT

 

Jessica Alba akurat ma ładną skórę bez poprawek, dlatego efekt nie jest szokujący. Poza tym nie umiem sam za bardzo tego robić, zwłaszcza okolic nosa i oczu. Ale technika jest dobra :)

Edytowane przez IamWeasel

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dodawanie ramki do zdjęć

 

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

1)Otwieramy zdjęcie na którym chcemy zrobić ramkę.

Dołączona grafika

 

2)Wybieramy zaznaczenie prostokątne i zaznaczamy obszar tak jak na screenie poniżej. Oczywiście może on być węższy albo szerszy.

Dołączona grafika

 

3)W następnym kroku zaznaczymy obszar, który będzie obramowany. W tym celu klikamy PPM w przestrzeń poza zaznaczeniem (bliżej krawędzi zdjęcia) i wybieramy 'zaznacz odwrotnie'.

Dołączona grafika

 

4)Tym sposobem zaznaczyłą się druga część zdjęcia. Następnie tym samym sposobem co poprzednio wybieramy opcję 'wypełnij'.

Dołączona grafika

 

5)Ukaże nam się takie oto okienko.

Dołączona grafika

 

* Wypełnienie - tutaj ustawiamy kolor obramowania

* Tryb - ustawiamy ciemniej (dla białego - jaśniej)

* Krycie - ustawiamy % krycia zdjęcia. Oznacza to, jak wypełnienie będzie zakrywać zdjęcie. 100% - pełne zakrycie, 50% - częściowe zakrycie, 0% - niewidoczne.

 

6)I oto mamy porządany efekt.

Dołączona grafika

 

Mamy zewnętrzną ramkę. Teraz opiszę jak dodać do niej ramkę wewnętrzną.

 

7)Tak samo jak poprzednio, wybieramy opcję 'zaznacz odwrotnie'.

Dołączona grafika

 

8)Klikamy PPM i wybieramy opcję 'obrysuj'.

Dołączona grafika

 

9)Pojawi się takie okienko.

Dołączona grafika

 

* Szerokość - grubość wew. obramowania

* Kolor - jak sama nazwa wskazuje :wink:

* Położenie:

+ wewnętrzny - obramowanie pojawi się po wewnętrznej stronie zaznaczenia (bliżej środka zdjęcia)

+ środek - obramowanie pojawi się na środku zaznaczenia

+ zewnętrzny - obramowanie pojawi się po zewnętrznej stronie zaznaczenia (dalej od środka zdjęcia)

 

10)I oto mamy końcowy efekt.

Dołączona grafika

Mam nadzieję że pomysł się wam podoba. Pewnie są inne sposoby na zrobienie ramki, ale ja robię tak. :)

Edytowane przez BLANTMEN

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dodawanie ramki do zdjęć metoda 2 :)

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

1. na początek otwieramy fotkę przykładowa o wymiarach 480x680

duplikujemy zdjęcie i wypełniamy wiaderkiem z opcją opacity 100 kolor czarny lub biały

Dołączona grafika

2. następnie zwiększamy nową warstwę o 2 piksele szer. i wysokość

 

3. duplikujemy warstwę 2 i zwiększamy, ja powiększyłem o 200 piks. szer i wysokość oraz wypełniamy kolorem (znów kubełek)

Dołączona grafika

4. teraz nakładamy białą warstwę na czarną a całkiem na górę wklejamy zdjęcie i osiągamy taki wynik

Dołączona grafika

5.teraz spłaszczamy obrazek (flaten all albo merge all)

Dołączona grafika

6. następnie zaznaczamy cały obrazek (select all) i modyfikujemy granice (modify borders lub contract) o 2 pixele

7. używamy opcji odwróć (invert)

Dołączona grafika

8 wypełniamy kubełkiem i gotowe

Dołączona grafika

 

Edytowane przez cyganos king

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

To jeszcze jedna metoda na rameczke, tym razem w nieco innym stylu.

 

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

To może coś odemnie. Popularny efekt odwróconego zdjęcia (lustrzane odbicie). Właściwie jest to bardzo proste do zrobienia ale ostatnio wiele osób mnie pytało o tą opcje.

 

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «
1.Otwieramy zdjęcie, które chcemy obrobić.

post-139741-1154507196_thumb.jpg

 

2.Zaznaczamy je "Zaznaczeniem prostokątnym".

post-139741-1154507276_thumb.jpg

 

3.Wchodzimy do menu: Edycja-->Przekształć-->Odwróć poziomo

post-139741-1154507308_thumb.jpg

 

Efekty:

 

Przed

post-139741-1154507336_thumb.jpg

 

Po

post-139741-1154507377_thumb.jpg

 

Edytowane przez Boone

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Kolejna metoda dodawania ramki.

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

1. Otwieramy zdjęcie do którego chcemy dodać ramkę ;).

Dołączona grafika

 

2. Wybieramy narzędzie "Rectangular Marquee Tool" (skrót klawiszowy: M ). Zaznaczamy obszar na obrazku tak by z każdej strony odległość od jego "końców" była taka sama, pomoże nam w tym specjalna siatka "Grid" (View -> Show -> Grid lub skrót klawiszowy Ctrl+' ).

Dołączona grafika

 

3. Teraz odwracamy zaznaczenie (Select -> Inverse lub skrót klawiszowy Shift+Ctrl +I). Tworzymy nową warstwę (Layer->New->Layer lub skrót klawiszowy Shift+Ctrl+N). Używamy narzędzia Paint Bucket Tool (skrót klawiszowy: G), wypełniamy zaznaczenie kolorem białym i ustawiamy przezroczystość na mniejszą.

Dołączona grafika

 

4. Tak mniej - więcej powinien wyglądać efekt końcowy:

Dołączona grafika

Edytowane przez ^goku^

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

od niedawna bawie sie ps'em. Pedzlami itp...i mam pytanko czy jesli mam pedzel dajmy na to imitujacy rysy i jest on w ksztalcie lewego dolnego naroznika (czyli w ksztalcie takiej L) to czy moge go odwrocic jakos tak zeby mi pasowal do prawego naroznika? tak zeby ta "L" odwrocic jak sie zdjecia obraca :) pozdrawiam

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Zaznaczamy włosy bez utraty szczegółów.

 

» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «

Na starcie dodam, że ten tutorial powstał na bazie innych mu podobnych, które miałem okazję przeczytać.

Nie ma w nim nic trudnego, ale po prostu trzeba się o tym w ten czy inny sposób dowiedzieć.

To mój pierwszy tutorial więc proszę o wyrozumiałość.

 

 

Zaczynamy.

 

1. Otwieramy zdjęcie i z paska narzędziowego wybieramy Background Eraser Tool.

Dołączona grafika

 

 

2. Na górze pojawiają się nam opcje dotyczące tego narzędzia.

 

3. W menu Brush zmieniamy opcję Hardness na 0 (wielkość pędzla taka jaką uznacie za stosowną) dla pędzla wielkości ok. 60. Dla pędzla mniejszego Hardness będzie musiało być większe

(jeśli pędzelek będzie miał wielkość 8 to możliwe, że Hardness trzeba będzie podciągnąć i pod 100, w innym przypadku narzędzie nie będzie działać)

 

4. Dalej mamy trzy przyciski Dołączona grafika

 

Wybieramy ten trzeci: "Sampling: Background Swatch" i Eyedropper'em (skrót "i") lub kombinacją klawiszy alt+lewy klik myszy pobieramy kolor znajdujący się blisko włosów

Dołączona grafika

 

i wciskamy klawisz "x" dzięki czemu kolor z foreground zamieni się z background.

 

5. Jeśli chodzi o opcję limits to najlepiej jeśli sami porównacie co i jak:

Dołączona grafika

 

6. Tolerance: Tu po prostu trzeba sobie zrobić testy. Mniejsza wartość oznacza, że będą usuwane tylko pixele bardzo podobne do kolory wybranego w pkt. 4. (może się okazać, że działanie narzędzia jest niewidoczne)

Jeśli ustawimy za dużo to PS usunie nam część zupełnie innego koloru.

(polecam zacząć od 50)

 

7. Select Protect Foreground to bardzo przydatna opcja.

Działa ona tak:

Na twarzy lub włosach sotsujemy alt+lewy klik tak jak w pkt 4, z tym ,że pomijamy wciśnięcie klawisza x. Dzięki temu nie musimy się już tak bardzo przejmować wyborem z pkt. 5 (chociaż przy włosach najlepszy może być wybór Discontiguous ponieważ pozostałe 2 opcje mogą nie usunąć małych plamek, które będą poukrywane między włosami :) ).

 

8. I to już wszystko. Teraz czyścimy sobie naszą przygotowaną gumeczką tło wokół włosów. A efekt? U mnie wyszło to tak:

 

Przed:

Dołączona grafika

 

W trakcie:

Dołączona grafika

 

Po:

Dołączona grafika

 

Jeśli się spodoba to postaram się stworzyć instrukcję dotyczącą zaznaczania za pomocą narzędzia Pen Tool, a jak siły wystarczy to może też coś o maskach :)

Edytowane przez hot_lopez

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Tworzenie "niewidzialnego" tła.

<!--SPOILER BEGIN--><div onClick="openClose('d0301a43d8e5ea930c710ad624d51ad5')" style="font-weight: bold">» Naciśnij, żeby pokazać/ukryć tekst oznaczony jako spoiler... «</div><div id="d0301a43d8e5ea930c710ad624d51ad5" style="display:none"><!--SPOILER END-->

Wybieramy obrazek po czym zaznaczamy obiekt, który ma być na niewidzielnym tle.

Polecam używanie Lassa.

 

Następnie wciskamy kombinację CTRL+J i w ten sposób tworzymy nową warstwę.

W okienku z warstwami widzimy "Tło" i "Warstwę 1". Obok Tła klikamy na "oko" i już mamy niewidzialne tło ;)

 

Jeżeli pozostały cześci tła zaznaczone podczas 1 czynności, usuwamy je na jakikolwiek sposób.

Koniec :)<!--SPOILER DIV--></div><!--SPOILER DIV-->

Sorki za odgrzebywanie tematu sprzed 2 lat, ale jednak dopiero teraz zacząłem siedzieć w photoshopie i właśnie z przezroczystością tła mam problem. Chodzi mi po głowie ustawienie 'absolutnej przezroczystości'. Mam na myśli efekt, gdy po ustawieniu tła okna, przyjmijmy listy kontaktów w komunikatorze, część arta jest widoczna (stanowi faktyczne tło listy), a reszta - nieistotny background arta - jest przezroczyste w taki sposób, że widać pulpit.

Da się? :wink:

 

A dlaczego cytuję Twoją wypowiedź? niestety w taki sposób to nie wychodzi, z niewiadomych przyczyn PH ustawia białe tło przy próbie zapisu obrazu. Może to tylko wina ustawień? Jak ktoś wie gdzie błądzę to z góry dzięki za odp ;]

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ja obstawiam, ze probujesz zapisac plik w formacie, ktory nie obsluguje przezroczystosci, najprawdopodobniej jpg. Musisz uzyc GIF lub PNG (PNG duzo lepszy - obsluguje tez kanal alpha, nie tylko "zwykla" przezroczystosc) i wtedy przezroczystosc z PS powinna sie zapisac poprawnie.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dokładnie tak jak napisał FiDO, musisz zapisać obraz w porządnym formacie. GIF jak ma zajmować mało, PNG jeżeli ma być dobra jakość.

 

Jeżeli chcesz aby obrazek był sam w sobie przejrzysty (nie tylko tło) to pobaw się funkcją Opacity.

Znajdziesz ją w Layer - Layer style - Blending options.

Edytowane przez Venom

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

No no, prawie to ;P

Zmiana formatu pomogła, wszystko ładnie na innych obrazkach, ale wyszło na to, że to komunikator jakiś paskudny 'tint' nakłada na tło :f

Ale dzięki za pomoc. Mógłbyś coś niecoś wyjaśnić o użyciu tego kanału alpha i po co go stosować?

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

... Mógłbyś coś niecoś wyjaśnić o użyciu tego kanału alpha i po co go stosować?

Jak już zauważyłeś dzięki temu kanałowi można ustawić sobie przeźroczystość w obrazkach.

Dodatkowo jeśli chodzi o PS'a można w na tym kanale zapisywać zaznaczenia, czyli:

Zaznaczasz jakąś cześć obrazka i wybierasz menu selection -> save selection.

Dzięki temu photoshop tworzy nowy kanał alpha, z którego możesz sobie odtworzyć zaznaczenie obrazka.

 

Ja ostatnio stosowałem sobie filtr lens blur. W jego opcjach można wybrać sobie kanał alpha jako podstawę do rozmazywania obrazu.

 

Można też ustawić kanał alpha w filtrze Lighting Effects jako texture channel.

Dzięki temu można uzyskać coś takiego :

Dołączona grafika

(oczywiście jest to dość prostackie użycie, ale to tylko przykład. A jakby ktoś nie wiedział, to chodzi o wypukłe koło na fotce)

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

To ja mam pytanie:

mam zdjęcie http://i76.photobucket.com/albums/j20/martaska/dobre2.jpg i chce zrobić aby ten kwiatek był jako taki przycisk na stronie www.

Ale : 1. Nie wiem jak zrobić aby rozmiar był jak ten kwiatek (próbowałam skalić ale cały czas jest tak samo)

2. Żeby było przezroczyste tło

 

ps. dodam tylko, że uzywam gimpa

 

z góry dziekuje ze pomoc

Edytowane przez Martaska

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Tworzysz z kwiatka kształt, przezroczyste tło uzyskujesz przez zabawę warstwami i zapisem pliku w .png lub .gif.

Tak wykonany obraz (który jest prostokątem) wstawiasz na stronę i go linkujesz.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Nie trzeba bawić się warstwami ;)

 

1. Po otworzeniu obrazka wybierz Obraz --> Wymiary płótna.

 

2. Ustaw z grubsza rozmiar tak żeby dopasować do kwiatka. Przed potwierdzeniem ustaw Wszystkie warstwy w polu Zmiana rozmiarów warstw.

 

3. Powtórz pkt. 2. Tym razem ustal dokładnie rozmiar płótna (rozszczep łańcuch).

 

4. Z narzędzi zaznaczania wybierz Zaznaczenie według koloru lub Shift + O i kliknij gdzieś na szarym tle.

 

5. Zaznaczenie --> Odwróć lub Ctrl + I.

 

6. Ctrl + C oraz Shift + Ctrl + V.

 

7. Zapisz nowy obraz koniecznie jako PNG.

 

 

EDIT:

 

Możesz zamiast pierwszych trzech punktów wybrać kwiatka za pomocą zaznaczenia prostokątnego, skopiować i wkleić jako nowy obraz.

Edytowane przez Dj_AnT

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ja mam pytanie. Bo nie stać mnie na zakup Photoshopa. Widzę że jest bardzo drogi. W jakiej cenie Wy kupiliscie i gdzie? Moze są jakieś promocje? Poradzcie gdzie kupic najtaniej. Albo jakis inny podobny program tylko tańszy...

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Ja mam pytanie. Bo nie stać mnie na zakup Photoshopa. Widzę że jest bardzo drogi. W jakiej cenie Wy kupiliscie i gdzie? Moze są jakieś promocje? Poradzcie gdzie kupic najtaniej. Albo jakis inny podobny program tylko tańszy...

pakiet adobe od niedawna dostępny jest w subskrypcji (jakieś 100zł miesięcznie za jeden program)

dodatkowo możesz poszukać starszych wersji box na allegro jeśli nie potrzebujesz najnowszych funkcjonalności

lub jak wyżej zamienniki

oczywiście jest również wersja trial  do ćwiczeń

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Chciałbym w przyszłości jakoś zarabiać na photoshopie, najlepiej w domu ze względów zdrowotnych.. 
Tylko tak właściwie to od czego zacząć? Kiedyś DAWNO temu obsługiwałem Photoshop cs3, ale to było dawno.. 
Czyli nauka od zera więc jak?
Wpisując poradniki to wyskakuje ich milion, a mi chodzi o taką chronologię.. 
Czyli zaczynamy od podstaw X i z czasem przechodzimy do bardziej zaawansowanych rzeczy..

To jak zacząć w ogóle?
Nauczyć się narzędzi jakie są, co robią itd tak?
A dalej?

Edytowane przez aqua

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

Ładowanie


×
×
  • Dodaj nową pozycję...