Grafika komputerowa
sobota, 14 grudnia 2013
Jak zrobić cień przedmiotu ?
Dziś pokażę wam jak zrobić cień jakiegoś przedmiotu i na co powinniśmy zwrócić uwagę przy montażu tego typu.
W tym przykładzie chcemy otrzymać następujący efekt cienia dla cząsteczki kofeiny.
ZACZYNAMY !
Otwieramy nowy plik CTRL+N, wrzucamy do niego ściągniętą z google cząsteczkę kofeiny, bez efektu z cieniem i od razu prawym przyciskiem klikamy na warstwę tego obrazu i wybieramy opcję Rasterysuj warstwę. Wykonanie tego kroku jest w celu możliwości modyfikacji tej warstwy.
Następnie klikamy klawisz M po czym klikamy na małe okienko warstwy z cząsteczką, Ten krok spowoduje wykonanie zaznaczenia kontury cząsteczki.
Nie wykonując innych dodatkowych ruchów, tworzymy nową warstwę, uaktywniamy ją i wybieramy Wiadro z farbą ( lub klikamy G ) po czym zamalowujemy zaznaczenie na nowej warstwie.
Nową warstwę przesuwamy pod spód warstwy w cząsteczką i klikamy skrót CTRL+T, uaktywniając transformację i prawym przyciskiem wybieramy zniekształcenie typu Perspektywa.
Modyfikujemy zaznaczenia podobnie jak na rysunku, tworząc efekt perspektywy. W tym momencie należy się zastanowić nad scenerią i odległością światłą od obiektu, co wpłynie na wydłużenie, bądź skrócenie cienia.
Gdy osiągniemy dobry efekt perspektywy, klikamy Enter i potwierdzamy Wykonaj.
W tym przykładzie chcemy otrzymać następujący efekt cienia dla cząsteczki kofeiny.
ZACZYNAMY !
Otwieramy nowy plik CTRL+N, wrzucamy do niego ściągniętą z google cząsteczkę kofeiny, bez efektu z cieniem i od razu prawym przyciskiem klikamy na warstwę tego obrazu i wybieramy opcję Rasterysuj warstwę. Wykonanie tego kroku jest w celu możliwości modyfikacji tej warstwy.
Następnie wybieramy narzędzie Różdźka lub klikamy skrót W, a następnie zaznaczamy białe pole w obrębie cząsteczki a przyciskając klawisz SHIFT możemy wielokrotnie zaznaczać różne pola. Pamiętamy, żeby zaznaczyć pole dookoła cząsteczki i w obszarach wewnątrz cząsteczki i kiedy to już będziemy mieli zaznaczone klikamy przycisk DELETE, aby usunąć niepotrzebne pola.
Następnie klikamy klawisz M po czym klikamy na małe okienko warstwy z cząsteczką, Ten krok spowoduje wykonanie zaznaczenia kontury cząsteczki.
Nie wykonując innych dodatkowych ruchów, tworzymy nową warstwę, uaktywniamy ją i wybieramy Wiadro z farbą ( lub klikamy G ) po czym zamalowujemy zaznaczenie na nowej warstwie.
Nową warstwę przesuwamy pod spód warstwy w cząsteczką i klikamy skrót CTRL+T, uaktywniając transformację i prawym przyciskiem wybieramy zniekształcenie typu Perspektywa.
Gdy osiągniemy dobry efekt perspektywy, klikamy Enter i potwierdzamy Wykonaj.
Dodatkowo możemy zmniejszyć cień: CTRL+T i obniżamy górną krawędź i klikamy ENTER, aby potwierdzić.
Na koniec zmieniamy krycie warstwy cienia na ok. 63 %, z górnego menu klikamy na Filtr --> Rozmycie --> Rozmycie gaussowsie.. oraz ustawiamy wartość rozmycia na ok. 3,2.
Z górnego menu klikamy: Warstwa --> Spłaszcz obrazek.
Nasz rysunek jest gotowy do zapisania :)
piątek, 13 grudnia 2013
Jak zrobić przycisk do strony w Photoshopie ?
Witam,
Od dziś zaczynam pisać tego bloga. Postaram się, żeby było jak najwięcej filmów wideo oraz szczegółowych opisów, które się wam przydadzą.
Dziś pokażę wam krok po kroku jak zrobić prosty i w miarę wyglądający przycisk.
DO DZIEŁA ! :D
Otwieramy nowy plik skrótem: CTRL+N i ustawiamy jak na obrazku np. 640 x 480 px.
Zaznaczamy opcję Nadanie gradientu , Nadanie koloru oraz Faseta i Płaskorzeźba i ustawiamy podobnie jak na rysunkach.
Klikamy przycisk T z klawiatury i wpisujemy jakiś tekst w naszym kształcie, który powinien być ustawiony podobnie jak na rysunku.
Wciskamy klawisz M i klikamy na kształt ścieżki przyciska oraz prawym przyciskiem myszki klikamy na zaznaczenia i dajemy Zaznacz odwrotnie i przyciskiem Delete usuń wystające krawędzie poza klawisz.
.
Wciśnij B , aby wybrać pędzel i wybierz wachlarzowy, ten zaznaczony na rysunku niżej i narysuj podobny zarys tego pędzla i ponownie usuń zaznaczenie wystające poza przycisk.
Najlepiej zapisać plik w formacie PNG usuwając tło i ustawiając funkcję z przeplotem.
TO WSZYTKO !
Mam nadzieję, że przyda się komuś ten wpis i będę się starał na bieżąco odświeżać i wprowadzać nowe i ciekawe informacje.
Od dziś zaczynam pisać tego bloga. Postaram się, żeby było jak najwięcej filmów wideo oraz szczegółowych opisów, które się wam przydadzą.
Dziś pokażę wam krok po kroku jak zrobić prosty i w miarę wyglądający przycisk.
DO DZIEŁA ! :D
Otwieramy nowy plik skrótem: CTRL+N i ustawiamy jak na obrazku np. 640 x 480 px.
Z narzędzi po lewej wybieramy zaokrąglony prostokąt lub klikamy klawisz U.
Za pomocą tego narzędzia tworzymy kształt przycisk jak na rysunku poniżej.
Z pasku warstw klikamy prawym przyciskiem na warstwę z kształtem i wybieramy Opcje mieszania.
Zaznaczamy opcję Nadanie gradientu , Nadanie koloru oraz Faseta i Płaskorzeźba i ustawiamy podobnie jak na rysunkach.
Klikamy przycisk T z klawiatury i wpisujemy jakiś tekst w naszym kształcie, który powinien być ustawiony podobnie jak na rysunku.
Tworzymy nową warstwę i malujemy na niej prostokąt na kolor czarny i ustawiamy tryb Rozjaśnienie.
Wciskamy klawisz M i klikamy na kształt ścieżki przyciska oraz prawym przyciskiem myszki klikamy na zaznaczenia i dajemy Zaznacz odwrotnie i przyciskiem Delete usuń wystające krawędzie poza klawisz.
.
Wciśnij B , aby wybrać pędzel i wybierz wachlarzowy, ten zaznaczony na rysunku niżej i narysuj podobny zarys tego pędzla i ponownie usuń zaznaczenie wystające poza przycisk.
Ustaw krycie warstwy z farbą na 44% i plik jest gotowy do zapisania.
Najlepiej zapisać plik w formacie PNG usuwając tło i ustawiając funkcję z przeplotem.
Dodatkowo można zapisać drugi plik zmieniając efekt warstwy malowanej pędzlem na tryb mieszania Światło punktowe oraz zmieniając kolor czcionki.
TO WSZYTKO !
Mam nadzieję, że przyda się komuś ten wpis i będę się starał na bieżąco odświeżać i wprowadzać nowe i ciekawe informacje.
czwartek, 22 września 2011
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ędzie Wiadro (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)