Archive for the 'Photoshop' Category

Dla miłośników Photoshopa i nie tylko

Published on 04/02/2011 in Photoshop, Projektowanie Graficzne and Tutoriale. 0 Comments

Tym krótkim wpisem chciałbym zachęcić wszystkich użytkowników programu Photoshop do wejścia na strony http://brushlovers.com/ oraz http://photoshoptutorials.ws/.

Przy okazji: końcówka .ws używana pierwotnie przez Samoa (Western Samoa) stała się modną, coraz szerzej na całym świecie używaną top level domain. Zerknijcie choćby tutaj: http://website.ws/. Reklamowana jest jako skrót od WebSite. Dobre, nie?

Ale do tematu! Polecane dziś przez nas strony to kopalnia tutoriali Photoshopowych, darmowych dodatków, braszy, tekstur i innych cudów przydatnych dla każdego grafika.

Stronki oczywiście są komercyjne i służą sprzedaży, co nie zmienia faktu, że można na nich znaleźć setki darmowych ‘kąsków’ o wskazówkach ‘know how’ i ciekawych artykułach napisanych prostą angielszczyzną nie wspominając.
Wszystkich tych, którzy nie znali tych adresów zapraszamy do ocenienia ich przydatności!

Podaj dalej

Photoshop – przydatne skróty klawiaturowe

Published on 19/11/2010 in Photoshop, Projektowanie Graficzne and Tutoriale. 0 Comments

Jeśli ktoś z was jeszcze nie słyszał o http://www.smashingmagazine.com najwyższy czas to nadrobić. Stworzony w 2006 roku przez grupę pasjonatów z niemieckiego Freiburga przyciąga ponad 5 milionów odwiedzających miesięcznie. Tematyka magazynu obejmuje szeroko pojęte projektowanie dla potrzeb internetu. Począwszy od świetnych tutoriali poprzez nowinki graficzne, pomysły na dobry internetowy marketing i wiele wiele innych. Najlepiej zobaczcie sami. Na zachętę przedstawiam zaczerpnięty od nich artykulik pokazujący nie wszystkim znane, bardzo przydatne skróty klawiaturowe w Photoshopie.

Uwaga: wszystkie poniższe skróty dotyczą użytkowników wersji CS4 w systemie OS X. Aby działały w systemie Windows klawisz Command należy zastąpić klawiszem Control, a Option Altem:

Command → Control

Option → Alt

***************************

Praca z warstwami:

Brushes:

Przeźroczystość, Flow and Mode:

Quick Fill:

Blending Modes:

Ustawienia czcionek:

Adjustments Menus and Layers:

Pełna wersja artykułu:

Podaj dalej

Photoshop – efekt starej prasy drukarskiej

Published on 11/11/2010 in Photoshop and Tutoriale. 2 Comments

Czas na kolejny tutorial. Tym razem zamieszczam tłumaczenie z naszego ulubionego bloga http://www.laughing-lion-design.com, gdzie możecie znaleźć więcej takich tutoriali.

Zastosowanie efektu starej prasy drukarskiej, czyli uzyskanie ciekawej i oryginalnej tekstury wydruku może być z powodzeniem wykorzystane do tworzenia kartek świątecznych lub innych kart okolicznościowych czy wizytówek. Prezentowany tutorial dotyczy programy Photoshop CS3 ale liczy się sama sekwencja czynności, która jest podobna również dla nowszych wersji tego programu.

***************************

1. Utwórz nowy dokument w Photoshopie i ustaw kolor tła na kremowy lub podobny. Ja użyłam takiego #fdffdd.

Teraz, żeby to wyglądało trochę bardziej jak papier, dodamy teksturę. Możecie zeskanować jakiś fajny papier, którego tekstura wam odpowiada i użyć go jako filter lub użyć jednej z tekstur, w które wyposażony jest Photoshop.

Choose Filter > Texture > Texturiser.

Obraz powyżej pokazuje powiększenie tekstury przypominającej płótno obrazu użytej jako filter, która później zostanie wykorzystana jako tło. Spróbuj zmienić Scaling i Relief aż otrzymasz satysfakcjonujący efekt, wtedy kliknij OK.

3. Dodaj teraz napisy używając czcionki potęgującej efekt retro. Ja użyłam jednej z nich, pochodzącej z Font Diner, o nazwie Font Diner Huggable. Najlepiej użyć jasnego koloru ale nie zbyt krzykliwego, żeby zachować imitację tuszu drukarskiego, którego kolor nigdy nie jest tak jaskrawy jak te, które nieraz widzimy na ekranie monitora komputerowego. Ja użyłam czerwonego #cc0000.

Poniżej możecie zobaczyć jak wygląda tekst umiejscowiony na tle z teksturą.

5. Teraz będziemy “odciskać” tusz. Robi się to używając stylu wewnętrznego cienia na warstwie (Inner shadow layer style). Naciśnij przycisk fx na dole palety z warstwami i wybierz Inner Shadow.

Inner Shadow automatycznie ustawiony jest na czarny kolor. Zmień kolor na trochę ciemniejszy od tego, którego używasz do tekstu. Czarny jest za mocny. Zredukuj przeźroczystość do około 60% lub mniej, ustaw Distance i Size na małą ilość pixeli. Efekt powinien być bardzo subtelny.

6. Żeby nasz tekst pasował do całości musimy mu nadać również trochę tekstury. Wybierz Filter > Texturize (ponieważ to był ostatnio użyty filter). Pojawi się zapytanie czy tekst powinien również być zteksturowany. Naciśnij OK.

Twój tekst powinien teraz wyglądać pod względem tekstury tak samo jak tło dodatkowo sprawiając wrażenie wydrukowanego na starej prasie drukarskiej.

Na koniec dodaj trochę dodatkowego światła używając zmiękczającego Dodge tool.

Przejechałam Dodge toolem nad środkiem każdej litery, ale można go równie dobrze użyć w trochę inny sposób – taki, który odpowiada nam najbardziej. Nareszcie gotowe! Może nie tak piękne jak wydruk pochodzący z prawdziwej prasy drukarskiej, wciąż jednak można powiedzieć, że otrzymaliśmy fajny efekt. Można go wykorzystać do modyfikacji zarówno obrazków jak i różnego rodzaju ornamentów.

Podaj dalej

Jak kolorować w Photoshopie

Published on 30/09/2010 in Ilustracja, Photoshop and Tutoriale. 0 Comments

Obiecany dalszy ciąg tutorialu autorstwa Riddle. W poprzedniej części (zaraz pod spodem) można było nauczyć się obróbki Lineartu. Tutaj znajdziecie podstawy sztuki kolorowania. Zapraszamy!

*********

Tak tak. Późna już godzina. Pokażę wam jak kolorować.
Może się to wydawać trudne, ale nie ma w tym nic trudnego.
Jedynym minusem jest czas i nerwy. Niektórzy mogą się poddać po chwili
kolorowania. Wytłumaczę to w sposób bardzo łopatologiczny.
Zaczynamy.

1.Odpalamy poprzednio utworzony lineart.
Mój wygląda o tak:

2.Jeśli macie wyłączone okno LAYERS(warstwy), włączamy je poprzez WINDOW/LAYERS (OKNA/WARSTWY)

3.W okienku layers włączamy kwadracik jak ten na obrazku w celu utworzenia nowej warstwy.

4.W opcjach nowej warstwy przestawiamy opcję NORMAL na MULTIPLY (nie wiem jak jest po polsku).

5. No i to tyle jeśli chodzi o sprawy techniczne. Teraz rysując cokolwiek na linearcie, on zostaje cały czas nietknięty. Malujemy jakby pod nim. Spróbujcie ;)

6. Teraz zaczyna sie katorga. Wybieramy narzędzie POLYGAMIC LASSO lub też zwykłe LASSO. Jak kto woli. Ja preferuje te pierwsze.

7.W tym momencie widać po co był nam potrzebny lineart w tak ogromnych wymiarach.
Przybliżamy lupą dany element (u mnie twarz) tak aby znajdował się na całym ekranie.

Zaczynamy zaznaczanie. Robimy to powoli tak aby nie wychodzić poza linie. O tak:

Po zaznaczeniu powinna pojawić się obwódka o przerywanej lini. Jesli tak się stało, to znaczy że dobrze zaznaczyłeś/aś.

Teraz otwieramy … a właśnie. Tworzymy nowy plik. Będzie się zwał PALETA. Ja swoją mam już od dawna. Zamieściłem na niej wszystkie kolory. Kolor skóry postaci, ich ubrań i włosów. Wygląda o tak:

Jest to zwykły plik PSD (nie JPG bo JPG zmienia kolory) na którym zamieściłem wiele kolorów. Kazdy może sobie taki zrobić. Bardzo sie przyda w późniejszych etapach tworzenia komiksu. Kolory postaci nie będą zmieniać się z planszy na planszę… trele morele… nvm…

Ja stworzyłem do każdej rzeczy po 3 odcienie jednego koloru. 1. Najjaśniejszy, 2.Ciemniejszy 3.Bardzo ciemny (to będzie cień).

O tak:

Powracając do pracy. Po zaznaczeniu kawałka twarzy, mamy na około przerywaną ruszającą sie obwódkę. Mając cały czas zaznaczoną warstwę 2 (to w której zmieniliśmy NORMAL na MULTIPLY) wybieramy narzędzie EYEDROPPER TOOL :

Otwieramy naszą PALETĘ.PSD czy jak to tam nazwaliście. To jest nieistotne. Wybieram pierwsze 2 kolory czyli JASNY i CIEMNY. Wybieramy oba, bo inaczej gradient nie zadziała.

8.No i kolorujemy. Wybieramy narzędzie GRADIENT TOOL.

9.Mając wciśnięty lewy guzik myszy przeciągamy myszą nad twarzą Piotrka :)
Jego twarz zamieni się w kolor rzekomej Skóry. Kolor będzie płynnie przechodził z lewej do prawej lub na odwrót. To zalezy od tego jak przeciagneliście myszką.
Wyglądać powinno teraz o tak tak:

10. Mając NADAL zaznaczoną twarz Piotrka wybieram 3 kolor czyli ten NAJCIEMNIEJSZY.

11.Jako że twarz jest zaznaczona, zaczynamy nakładanie cienia. To jak go nałożycie, zależy tylko od waszego wyczucia barwy, pojęcia o światłocieniu itp… Ja wam nie pomogę ^^
Mój Piotrek wygląda o tak. Oczywiście nakładamy barwę zwykłym BRUSH TOOL (pędzelkiem)

Teraz wybieramy narzędzie DODGE TOOL (taka czarna lupa) i ustawiamy wszystko jak na obrazku:

12.Zaczynamy nakładanie światła. Mając przyciśnięty TABLET do podkładki, bądź też wciśnięty lewy przycisk myszy, rozjaśniamy kolor. Jeśli powtórzymy te czynnosc kilkakrotnie w tym samym miejscu, kolor zamieni się na biały. To gdzie zamieścicie światło również zalezy od waszego spostrzegania świata :P Tu tez nic nie poradzę.
Moje rozjaśnienie wygląda o tak:

END! No i to na tyle. Czynność tę powtarzamy na każdym elemencie lineartu. Jest to dośc czasochłonne. Jeśli samemu spróbujecie, zobaczycie czemu czasem nie nadążam z wystawieniem planszy na czas ;) Dokładnie tą sama zasadą posługuję się na włosach, ubraniach, przedmiotach etc…

**********

Podaj dalej

Jak łatwo stworzyć Lineart w Photoshopie

Published on 30/09/2010 in Ilustracja, Photoshop and Tutoriale. 2 Comments

Dzisiaj proponujemy wam tutorial autorstwa niejakiego Riddle, znaleziony na jego blogu, a raczej tym, co zaczynało być blogiem. Tutorial ten jest trochę wiekowy i dotyczy starszej wersji Photoshopa, jednak uważamy, że może być bardzo przydatny dla kogoś, kto jest początkującym użytkownikiem tabletu graficznego. W kolejnym poście przedstawimy ciąg dalszy. Zapraszamy do zapoznania się z oryginałem:

*********

Witam was serdecznie!
Dziś papcio zagadka pokaże wam jak łatwo stworzyć Lineart w programie PHOTOSHOP (v7.0)
Kolorowaniem zajmiemy się w kolejnej części tutka.
Żeby było łatwiej, będę opisywać wszystko w punktach.
!ZACZYNAMY!

1.Gromadzimy potrzebny nam sprzęt.
Mam na myśli wszelkiego rodzaju ołówek, gumka, papier, komputer, zainstalowany photoshop, skaner lub aparat (polecam skaner), tablet graficzny bo z myszką będziecie się męczyć :D

Mój sprzęt wygląda tak: Deska to full wypas DESKA na którą kładę szybę. Potem kładę ją na kolanach i opieram o biurko. Stół kreślarski to za droga zabawka, więc zrobiłem se taki sprzęt samemu ;)
Skaner znajduje sie tuz pod biurkiem.

2.Gdy zgromadzicie potrzebny wam sprzęt, zabieramy się za szkic.
Rysujemy co tylko chcemy, choć radziłbym aby rysunek był w miarę prosty.
Ja narysowałem ślepego Piotrka.

3.Jeśli skończyliście już rysunek , czas go zeskanować. Jeśli nie posiadacie skanera, zróbcie zdjęcie. Prosto od góry przy dobrym naświetleniu, unikając cienia.

4.Zeskanowana praca powinna wyglądać o tak:

Oczywiście rozmiary muszą być gigantyczne. Ja skanuję na 350 DPI po czym praca ma wymiary okolo 3000×4000. Jesli nie wiecie czemu to wyjaśnię. Przy rysowaniu na giga formatach niedociagnięcia pokroju krzywych linii będą wyeliminowane przy pomniejszaniu pracy do rozmiarów końcowych.

5.Teraz poddajemy pracę obróbce w Photosopie. Odpalamy naszego Tajgera i jazda.
Pierwszą czynnością jaką JA wykonuję jest wyeliminowanie zbednych syfków i kropek. W tym celu uruchamiam IMAGE/ADJUSTMENTS/LEVELS (tak jak na obrazku).

Przesówamy małe trójkąciki tak aby tło było białe a kontury obrazka były ciemne, szare i wyraźne. Po tej czynności praca powinna wyglądać co najmniej tak.

6.Zabieramy się za warstwy. Obrazek zapewne znajduje się na warstwie BACKGROUND (tło czy jak to tam przetłumaczyć). Aby to sprawdzić włączcie WINDOW/LAYERS (Okna/Wartswy).
Jeśli tak musicie zaznaczyć całą pracę narzędziem RECTANGULAR MARQUEE TOOL (Wśród przyborów jak pedzel itp, to jest pierwsze narzędzie- taki kwadracik z przerywaną linią). Włączyć EDIT/CUT (edycja/wytnij). Następnie LAYER/NEW/LAYER… (Wartwy/nowa/warstwa…) i OK.
Teraz włączcie EDIT/PASTE. (Edycja/wklej)
W okienku LAYERS powinny widnieć 2 warstwy: Background i LAYER1. Gdy wyłaczycie oczko przy LAYER1(1 wartswa), to wasz rysunek zniknie. Jeśli je włączycie ponownie, to szkic się pojawi. Prawda, że fajne :D

Następnie tworzymy jeszcze jedną warstwę, na której będziemy rysować lineart.
Wciskamy guziczek jak ten na obrazku, pozostawiając wszystko jak jest:

W LAYER1 zmieniamy OPACITY(to co na obrazku) na okolo 50-70% tak aby szkic był widoczny, ale nie za mocno.

7.Jeśli wszystko poszło zgodnie z planem, możemy się wreszcie zabrać za LINEART.
Zaznaczamy LAYER2, bo to na nim bedziemy rysować i hopla.
Wybieramy narzędzie BRUSH TOOL(iknoka PĘDZLA, nie ołówek czy piórko), ustawiamy grubość pędzla, na najbardziej odpowiednią. Jaką, to już zalezy od waszego widzi mi się.
Kolor oczywiście czarny.
Jeśli chcecie nadać pracy lekkości, polecam kolor ciemny brązowy.

To jak będzie wyglądał lineart zależy już tylko od was i waszych zdolności.
Polecam stosować grube i pewne machnięcia pędzlem, gdyż w taki sposób rysuje TIM BUCKLEY ;)
Pamiętajcie, aby nie ominąć żadnych elementów!

8.Po całej zabawie lineart powinien wyglądać jak… lineart. Jeszcze tylko usuńcie warstwę ze szkicem przesuwając ją nad śmietniczek.

9. Sam Lineart powinien wyglądać o tak:

EDIT: Zapomniałbym dodać… NIE POMNIEJSZAJCIE PRACY! ZAPISUJCIE JĄ W GIGANTYCZNYCH WYMIARACH! TAKIE ROZMIARY BĘDĄ NAM POTRZEBNE PRZY KOLOROWANIU!

10. No i na tym kończymy część z tworzeniem lineartu. Kolorowaniem, tworzeniem tła oraz chmurek z tekstem zajmiemy się w 2 części tutorialu za tydzień. Mam nadzieję, że te głupoty pomogą wam choć trochę przy tworzeniu własnych komiksów.
HOPE YOU’LL ENJOY !