W tym poście przygotowałem dla Was filmik, w którym nauczycie się paru ciekawych trików o ile ich nie znacie ;)
poniedziałek, 18 sierpnia 2014
środa, 2 lipca 2014
ZMIANY WYMIARY OBRAZÓW
Witam po dłużej przerwie!
Postanowiłem powrócić do tworzenia tego bloga, który będzie przewodnikiem i "ściągą" w pracach przy różnorodnych projektach graficznych.
Dziś postanowiłem wstawić posta, który pokaże wszystkim jak zmniejszyć i zmienić wymiary obrazów i dostosować je pod publikacje w internecie.
Ten tutorial będzie przydatny zarówno dla początkujących grafików jak i osób, które jedynie zajmują się pisaniem blogów i publikacji naukowych.
Wyobraźmy sobie zadanie, że mamy pościągać kilka obrazów i od dostarczyć klientowi je w wymiarach 800x600 każdy oraz ich proporcjonalnych miniaturach o szerokości 100 px.
Jak to zrobimy ?
Na początek ściągniemy jakąś dowolną grafikę z internetu i jak największych wymiarach. Dobrze jest wpisać pożądaną frazę i dodać słowo wallpaper i kliknąć na ikonę Grafika w przeglądarce google.
W tym tutorialu wyszukałem zdjęcie bardzo pięknej polskiej modelki - Justyny Gradek, które znalazłem na jej profilu na facebooku i którą zaliczyłbym do najpiękniejszych kobiet na tym świecie ;).
Plik zapisujemy na pulpicie i odpalamy naszego Photoshopa.
Za pomocą polecenia Plik --> Otwórz .. lub skrótu klawiszowego CTRL + O wybieramy nasz ściągnięty ( najlepiej na pulpit ) plik i otwieramy go w Photoshopie.
Oto nasza cudowna Polka :
Teraz za pomocą polecania Obraz --> Rozmiar obrazu .. lub CTRL + ALT + I wchodzimy w panel, gdzie ustawiamy nasz obraz tak jak chcieliśmy ( co można zobaczyć na obrazku niżej ). Pamiętamy by odzaznaczyć opcje "zachowaj proporcję" i wpisać wymiary 800x600 px.
Nastąpi teraz zmiana wymiarów naszego obrazu po której możemy zapisać nasz plik poleceniem Plik --> Zapisz jako.. i z listy rozwijalnej wybieramy format .jpg lub inny np. .png czy .gif.
Teraz aby otrzymać proporcjonalną miniaturkę tego obrazu o szerokości 100px, ponownie dajemy opcje Rozmiar obrazu .. i tym razem zaznaczamy opcje Zachowaj proporcję i zmieniamy szerokość na 100 px. Wysokość obrazu automatycznie się zmieni w zależności od wpisanej szerokości. Ponownie zapisujemy nasz plik jak wcześniej.
Uważamy, żeby nie zapisać tego samego pliku pod taką samą nazwą i miejscu, gdzie była większa wersja.
Postanowiłem powrócić do tworzenia tego bloga, który będzie przewodnikiem i "ściągą" w pracach przy różnorodnych projektach graficznych.
Dziś postanowiłem wstawić posta, który pokaże wszystkim jak zmniejszyć i zmienić wymiary obrazów i dostosować je pod publikacje w internecie.
Ten tutorial będzie przydatny zarówno dla początkujących grafików jak i osób, które jedynie zajmują się pisaniem blogów i publikacji naukowych.
Wyobraźmy sobie zadanie, że mamy pościągać kilka obrazów i od dostarczyć klientowi je w wymiarach 800x600 każdy oraz ich proporcjonalnych miniaturach o szerokości 100 px.
Jak to zrobimy ?
Na początek ściągniemy jakąś dowolną grafikę z internetu i jak największych wymiarach. Dobrze jest wpisać pożądaną frazę i dodać słowo wallpaper i kliknąć na ikonę Grafika w przeglądarce google.
W tym tutorialu wyszukałem zdjęcie bardzo pięknej polskiej modelki - Justyny Gradek, które znalazłem na jej profilu na facebooku i którą zaliczyłbym do najpiękniejszych kobiet na tym świecie ;).
Plik zapisujemy na pulpicie i odpalamy naszego Photoshopa.
Za pomocą polecenia Plik --> Otwórz .. lub skrótu klawiszowego CTRL + O wybieramy nasz ściągnięty ( najlepiej na pulpit ) plik i otwieramy go w Photoshopie.
Oto nasza cudowna Polka :
Nastąpi teraz zmiana wymiarów naszego obrazu po której możemy zapisać nasz plik poleceniem Plik --> Zapisz jako.. i z listy rozwijalnej wybieramy format .jpg lub inny np. .png czy .gif.
Teraz aby otrzymać proporcjonalną miniaturkę tego obrazu o szerokości 100px, ponownie dajemy opcje Rozmiar obrazu .. i tym razem zaznaczamy opcje Zachowaj proporcję i zmieniamy szerokość na 100 px. Wysokość obrazu automatycznie się zmieni w zależności od wpisanej szerokości. Ponownie zapisujemy nasz plik jak wcześniej.
Uważamy, żeby nie zapisać tego samego pliku pod taką samą nazwą i miejscu, gdzie była większa wersja.
wtorek, 4 października 2011
TEKST ZE WZORKIEM
Dziś nauczymy się jak stworzyć efekt jak poniżej:
Pierwsze od czego zaczniemy to szukamy odpowiedniego wzorka dla naszego tekstu. Ja posłużyłem się wyszukiwarka google, w zakładce grafika, wpisując nazwę "patterns" ( czyli wzór ) i wybrałem pierwszy lepszy obraz.
Obraz ten zapisałem w odpowiednim folderze i załadowałem do Photoshopa.
Następnie utworzyłem napis "Miodek" używając skrótu "T" i klikając na tło wzorka.
Teraz najważniejszy moment. Wciskamy przycisk "CTRL" i klikamy na warstwę tekstu, aby dokonać zaznaczenia.
Teraz uaktywni nam się zaznaczony tekst. Przechodzimy do warstwy Background i uruchamiamy narzędzie Move ( Przesunięcie ) skrótem "V". Przenosimy zaznaczenie na nowo otwartą warstwę w podobny sposób jak przenosi się ikony na pulpicie.
W ten sposób otrzymaliśmy nową warstwę, którą tylko poprawiamy, aby nasz efekt dobrze wyglądał.
Przechodzimy do Blending Option i uaktywniamy trzy efekty: Drop Shadow, Inner Glow, Bevel and Embross, po czym ustawiamy je jak poniżej:
Na samym końcu otrzymujemy oczekiwany efekcik.
Życzę miłej zabawy z Waszymi tekstami. ;)
wtorek, 27 września 2011
Zmiana koloru oczu
Dziś pokażę Wam jak zmienić kolor oczu. Jest to jeden z najczęściej używanych trików przez ludzi, gdyż każdy chciałby zobaczyć siebie jak by wyglądał gdyby miał inny kolor oczu niż obecnie ma.
Efekt początkowy wygląda tak:
Natomiast my jesteśmy ciekawi jak zrobić, żeby oczko wyglądało tak:
Tak więc przejdźmy do konkretów:
KROK1 - OTWIERAMY PLIK W PHOTOSHOPIE.
Najlepiej przenieś plik jpg bezpośrednio do Photoshopa z folderu tak samo jak przenosi się ikony.
Efekt początkowy wygląda tak:
Natomiast my jesteśmy ciekawi jak zrobić, żeby oczko wyglądało tak:
Tak więc przejdźmy do konkretów:
KROK1 - OTWIERAMY PLIK W PHOTOSHOPIE.
Najlepiej przenieś plik jpg bezpośrednio do Photoshopa z folderu tak samo jak przenosi się ikony.
KROK2 - ZMIEŃAMY LEKKO KONTRAST I JASTNOŚĆ.
Robimy to poleceniem Obraz --> Dopasowanie --> Jasność/Kontrast.
( Image --> Adjusment --> Brightness/Contrast )
Pojawi nam się okienko, w którym przesuniemy suwak Kontrast na ok. +20 i dodatkowo lekko przyciemnimy obrazek ustawiajac Jasność na ok. -14.
Dzięki temu nasze oczko będzie miało wyraźniejsze kontury.
KROK3 - NADAJEMY BARWĘ.
Aby to zrobić, najpierw musimy stworzyć nową warstwę wciskając w palecie Warstwy (Layers) drugi przycisk w prawym dolnym rogu.
Następnie wybieramy narzędzie Zaznacz, używając skrótu klawiszowego "M" i zaznaczamy tęczówkę oka.
Teraz wciskamy "ALT" i zaznaczamy źrenicę oka , trzymając wciśnięty Alt dalej. W ten sposób włączamy tryb Odejmowania w narzędziu Zaznacz. Robimy to po to , bo chcemy zamalować tylko obszar tęczówki.
W palecie kolorów wybieramy, kolor który nas interesuje np. niebieski. Włączamy narzędzieWiadro (Paint Bucket Tool) skrótem klawiszowym "G" i wypełniamy tęczówkę kolorem.
Teraz musimy wrócić do trybu Zaznacz. Wciskamy "M" potem prawym przyciskiem myszki na tle oka i wybieramy opcje Odznacz ( Deselect ).
Teraz musimy zmienić Tryb Mieszania (Blending Mode) w zakładce Warstwy (Layers) i ustawiamy na
Łagodne Światło ( Soft Light ).
KROK4 - POPRAWKI
Jak widzimy nasze krawędzie są za ostre i widać, że jeszcze jest nie to co byśmy chcieli.
Wybieramy z palety narzędzi narzędzie Smużenie (Smudge Tools).
Za pomocą tego narzędzia robimy ruchy od zewnątrz tęczówki to wnętrza źrenicy po całym jej obwodzie, do momentu, aż zniknie widoczna szara barwa starego koloru.
Teraz bierzemy się za zewnętrzne krawędzie. I tu użyjemy narzędzia Rozmycie ( Blur Tool ) i rozmywamy wielokrotnie, aż osiągniemy to co chcemy.
Aby nasze oko było bardziej realistyczne, zmieniamy opcję Przezroczystości ( Opacity ) na ok.60%.
KROK5 - WYKOŃCZENIE.
Na samym końcu narzędziem Zaznacz (M) zaznaczamy prostokąt. Klikamy prawym przyciskiem na zaznaczeniu i wciskamy Zaznacz odwrotnie ( Select Inverse ). Tworzymy nową warstwę
( CTRL+SHIFT+N ), którą wypełniamy Wiadrem (G).
Prawym przyciskiem zaznaczamy warstwę w zakładce Warstwy i klikamy Opcje Mieszania
(Blending Option).
Z okienka które się pojawi wciskamy funkcję Obrys ( Stroke ) i ustawiamy Rozmiar (Size) na np.1px.
Teraz możemy zapisać nasze nowe oczko i pochwalić się znajomym jak byśmy wyglądali z innym kolorem oczu. Być może kupimy sobie soczewki takiego koloru jaki nam się spodoba :D.
Życzę miłego eksperymentowania z kolorami oczu ;) :D
Kolor w czarno-białym zdjęciu
Dziś chciałbym pokazać Wam jak stworzyć w Photoshopie taki efekt:
Jeżeli nie posiadamy własnego zdjęcia to trenujemy na tym co jest dostępne na internecie :)
Ja postanowiłem skorzystać ze strony z modelkami --> www.modeleczki.pl
i właśnie stamtąd wybrałem sobie modelkę, która mi się spodobała i jest nią użytkowniczka o loginie margolicia1993 ;)
Tutaj chciałbym zwrócić uwagę, że w przypadku tworzenia i nauki najlepiej to polecam Wam stworzyć osobny folder w którym będziecie umieszczać wszystkie pliki związane z ćwiczeniami.
Moja sugestia to stworzyć folder na pulpicie o nazwie "Photoshop cwiczenia" i w nim kolejny folder "Grafika", gdzie zapiszemy naszą margolcie ;). Taka taktyka pracy ułatwi nam później pracę i spowoduje, że nie będziemy mieli bałaganu na komputerze.
KROK2-PRZEJŚCIE W TRYB SZAROŚCI.
Otwieramy nasz zapisany plik i zamieniamy go na tryb szarości poleceniem Obraz --> Tryb --> Skala Szarości ( Image --> Mode --> Greyscale ), po czym zapisujemy go w naszym folderze pod inną nazwą.
Oba pliki otwieramy w Photoshopie i za pomocą narzędzia Przesunięcia ( Move Tools lub sktótem "V") przenosimy obraz ze skali szarości na obraz kolorowy.
Teraz wracamy do warstwy wyższej, uaktywniając ją kliknięciem i wchodzimy w tryb kontrastów poleceniem Obraz --> Dopasowanie --> Jasność/Konrast ( Image --> Adjustments --> Brightness/Contrast ).
I oto mamy gotowy efekt. Jeśli pracujemy na innym obrazie to zadowalający efekt końcowy otrzymamy przy zabawie z parametrami poziomów i ustawień jasności oraz kontrastu.
Życzę miłej zabawi z modeleczkami ;)
KROK1 - WYBÓR ZDJĘCIA.
Ja postanowiłem skorzystać ze strony z modelkami --> www.modeleczki.pl
i właśnie stamtąd wybrałem sobie modelkę, która mi się spodobała i jest nią użytkowniczka o loginie margolicia1993 ;)
Moim osobistym zdaniem ona lepiej wygląda w naturalnych kolorach, ale tutaj chodzi o ćwiczenie naszych umiejętności :D.
Tak więc zapisujemy obraz prawym przyciskiem myszki na dysku.Tutaj chciałbym zwrócić uwagę, że w przypadku tworzenia i nauki najlepiej to polecam Wam stworzyć osobny folder w którym będziecie umieszczać wszystkie pliki związane z ćwiczeniami.
Moja sugestia to stworzyć folder na pulpicie o nazwie "Photoshop cwiczenia" i w nim kolejny folder "Grafika", gdzie zapiszemy naszą margolcie ;). Taka taktyka pracy ułatwi nam później pracę i spowoduje, że nie będziemy mieli bałaganu na komputerze.
KROK2-PRZEJŚCIE W TRYB SZAROŚCI.
Otwieramy nasz zapisany plik i zamieniamy go na tryb szarości poleceniem Obraz --> Tryb --> Skala Szarości ( Image --> Mode --> Greyscale ), po czym zapisujemy go w naszym folderze pod inną nazwą.
Oba pliki otwieramy w Photoshopie i za pomocą narzędzia Przesunięcia ( Move Tools lub sktótem "V") przenosimy obraz ze skali szarości na obraz kolorowy.
Teraz obraz ustawiamy dokładnie tak aby pokrywał się z obrazem pod spodem.
KROK3-WYRÓŻNIENIE ELEMENTU.
Teraz wybieramy elementy, które chcemy, aby miały swój naturalny kolor. Ja wybrałem usta i oczka, gdyż najbardziej mi się podobały ;) :D.
Powiększamy obraz maksymalnie jak się da i za pomocą narzędzia Gumka ( Eraser Tool lub skrót "E") wymazujemy dokładnie usta oraz oczka naszej modeleczki. :P
Do tego najlepiej jest zmienić wzór gumki na taki bez ostrych brzegów i o jak najmniejszym rozmiarze.
Panel do zmiany wywołujemy prawym przyciskiem myszki.
Im bardziej dokładnie to zrobimy tym lepszy efekt otrzymamy.
KROK4-POPRAWKI.
Teraz aby nasz obrazek wyglądał idealnie, przechodzimy do warstwy pod spodem klikając na warstwę niżej w panelu Warstwy (Layers ) i przechodzimy do narzędzia poziomów za pomocą poleceń Obraz --> Dopasowanie --> Poziomy ( Image --> Adjustments --> Levels lub skrótem CTRL+L ).
I przesuwamy dolne odwrócone trójkąciki podobnie jak na obrazku (21 , 0.52 , 245).
I oto mamy gotowy efekt. Jeśli pracujemy na innym obrazie to zadowalający efekt końcowy otrzymamy przy zabawie z parametrami poziomów i ustawień jasności oraz kontrastu.
Życzę miłej zabawi z modeleczkami ;)
WTOREK, 20 WRZEŚNIA 2011
Zmiana koloru oczu
Dziś pokażę Wam jak zmienić kolor oczu. Jest to jeden z najczęściej używanych trików przez ludzi, gdyż każdy chciałby zobaczyć siebie jak by wyglądał gdyby miał inny kolor oczu niż obecnie ma.
Efekt początkowy wygląda tak:
Natomiast my jesteśmy ciekawi jak zrobić, żeby oczko wyglądało tak:
Tak więc przejdźmy do konkretów:
KROK1 - OTWIERAMY PLIK W PHOTOSHOPIE.
Najlepiej przenieś plik jpg bezpośrednio do Photoshopa z folderu tak samo jak przenosi się ikony.
Efekt początkowy wygląda tak:
Natomiast my jesteśmy ciekawi jak zrobić, żeby oczko wyglądało tak:
Tak więc przejdźmy do konkretów:
KROK1 - OTWIERAMY PLIK W PHOTOSHOPIE.
Najlepiej przenieś plik jpg bezpośrednio do Photoshopa z folderu tak samo jak przenosi się ikony.
KROK2 - ZMIEŃAMY LEKKO KONTRAST I JASTNOŚĆ.
Robimy to poleceniem Obraz --> Dopasowanie --> Jasność/Kontrast.
( Image --> Adjusment --> Brightness/Contrast )
Pojawi nam się okienko, w którym przesuniemy suwak Kontrast na ok. +20 i dodatkowo lekko przyciemnimy obrazek ustawiajac Jasność na ok. -14.
Dzięki temu nasze oczko będzie miało wyraźniejsze kontury.
KROK3 - NADAJEMY BARWĘ.
Aby to zrobić, najpierw musimy stworzyć nową warstwę wciskając w palecie Warstwy (Layers) drugi przycisk w prawym dolnym rogu.
Następnie wybieramy narzędzie Zaznacz, używając skrótu klawiszowego "M" i zaznaczamy tęczówkę oka.
Teraz wciskamy "ALT" i zaznaczamy źrenicę oka , trzymając wciśnięty Alt dalej. W ten sposób włączamy tryb Odejmowania w narzędziu Zaznacz. Robimy to po to , bo chcemy zamalować tylko obszar tęczówki.
W palecie kolorów wybieramy, kolor który nas interesuje np. niebieski. Włączamy narzędzieWiadro (Paint Bucket Tool) skrótem klawiszowym "G" i wypełniamy tęczówkę kolorem.
Teraz musimy wrócić do trybu Zaznacz. Wciskamy "M" potem prawym przyciskiem myszki na tle oka i wybieramy opcje Odznacz ( Deselect ).
Teraz musimy zmienić Tryb Mieszania (Blending Mode) w zakładce Warstwy (Layers) i ustawiamy na
Łagodne Światło ( Soft Light ).
KROK4 - POPRAWKI
Jak widzimy nasze krawędzie są za ostre i widać, że jeszcze jest nie to co byśmy chcieli.
Wybieramy z palety narzędzi narzędzie Smużenie (Smudge Tools).
Za pomocą tego narzędzia robimy ruchy od zewnątrz tęczówki to wnętrza źrenicy po całym jej obwodzie, do momentu, aż zniknie widoczna szara barwa starego koloru.
Teraz bierzemy się za zewnętrzne krawędzie. I tu użyjemy narzędzia Rozmycie ( Blur Tool ) i rozmywamy wielokrotnie, aż osiągniemy to co chcemy.
Aby nasze oko było bardziej realistyczne, zmieniamy opcję Przezroczystości ( Opacity ) na ok.60%.
KROK5 - WYKOŃCZENIE.
Na samym końcu narzędziem Zaznacz (M) zaznaczamy prostokąt. Klikamy prawym przyciskiem na zaznaczeniu i wciskamy Zaznacz odwrotnie ( Select Inverse ). Tworzymy nową warstwę
( CTRL+SHIFT+N ), którą wypełniamy Wiadrem (G).
Prawym przyciskiem zaznaczamy warstwę w zakładce Warstwy i klikamy Opcje Mieszania
(Blending Option).
Z okienka które się pojawi wciskamy funkcję Obrys ( Stroke ) i ustawiamy Rozmiar (Size) na np.1px.
Teraz możemy zapisać nasze nowe oczko i pochwalić się znajomym jak byśmy wyglądali z innym kolorem oczu. Być może kupimy sobie soczewki takiego koloru jaki nam się spodoba :D.
Życzę miłego eksperymentowania z kolorami oczu ;) :D
Subskrybuj:
Posty (Atom)