Archive for the 'Tutoriale' Category

Jak stworzyć Lineart

W odpowiedzi na komentarz Sandry, wrzucam kolejny tutorial, który znalazłam w sieci. Oto link http://centrumpsd.pl/tutoriale. A więc do dzieła!

 

W tym tutorialu nauczysz się, jak stworzyć Line Art z rysunku wykonanego w tradycyjny sposób, bez konieczności przerysowywania linii przy pomocy tabletu, czy też obrysowywania piórem. Jedyne czego potrzebujesz to kartka papieru, ołówek bądź cienkopis oraz skaner lub aparat cyfrowy (zdjęcie w skali makro). Przekonasz się, że wydzielenie linii z rysunku i umieszczenie ich na transparentnym tle jest niezwykle proste.

Obrazek jest bardzo duży, ponieważ jest to zdjęcie robione w skali makro. Aby nie było za łatwo – tło jest dosyć ciemne. Przy skanowaniu tło będzie zawsze jasne. Rysunek został wykonany zwykłym ołówkiem o twardości 4b. Na początku zrobiłam lekki szkic, a później poprawiłam linie mocniejszymi pociągnięciami. Obrysowywanie cienkopisem jest trochę trudniejsze, ponieważ trzeba się skupić na gładkich liniach. Gdy używamy cienkopisu, bardziej widoczne są niedoskonałości, a przy pomyłce nie możemy niestety nacisnąć ctrl+z.

Otwórz zdjęcie w Photoshopie i wejdź w Poziomy.

Musimy ustawić teraz suwaki tak, aby tło było białe, przynajmniej pod naszym rysunkiem. Nie przejmuj się, jeśli zostaną ciemniejsze ślady na rogach zdjęcia, ponieważ możesz je zetrzeć gumką. Ważne aby pod liniami był śnieżnobiały kolor. Linie rysunku mogą zabarwić się na inny kolor niż czarny – to również nie stanowi problemu.  Ustaw więc suwaki mniej więcej w ten sposób:

Po ustawieniu poziomów wejdź w zakładkę Kanały (obok zakładki warstwy). Jeśli nie masz widocznych kanałów, znajdziesz je w górnym menu Okno > Kanały. Musimy teraz wybrać kanał, na którym widzimy największy kontrast między tłem a rysunkiem. Kliknij na poszczególny kanał i oceń, który jest najlepszy. Ja wybrałam zielony.

Wciśnij teraz ctrl i kliknij na wybrany kanał. Linie Line Art’u zaznaczyły się. Wejdź w warstwy, utwórz nową warstwę i schowaj warstwę z tłem.

Kliknij na dowolne narzędzie do zaznaczania. Prawym przyciskiem myszy kliknij na rysunek i wybierz zaznacz odwrotnie. Teraz z narzędzi wybierz Wiadro z farbą, kolor czarny i kliknij w dowolnym miejscu na rysunku. Nasze linie wypełniły się kolorem.

Wybierz dowolne narzędzie do zaznaczania, kliknij na rysunku prawym przyciskiem myszy i naciśnij odznacz.

Teraz, aby nasze linie były smuklejsze, zmniejszymy rozmiar rysunku (Jest bardzo duży, jego rzeczywisty rozmiar możesz zobaczyć w Widok > Rzeczywista wielkość albo ctrl+1). Wejdź w Edycja > Przekształć swobodnie. W górnym pasku zmień wysokość i szerokość na 25%.

Kliknij na rysunku i naciśnij Enter. Obraz został przekształcony. Teraz pod warstwą z Line Artem utwórz kolejną. Zaznacz zaznaczeniem prostokątnym część tła, która będzie wyznaczać rozmiar naszego obrazka i wypełnij ją białym kolorem.

Teraz, aby usunąć przezroczyste tło, wejdź w Obraz > Przytnij i przytnij obraz w oparciu o przezroczyste piksele.

Jeśli nie jesteś jeszcze zadowolony z efektu, możesz poprawić niedoskonałości kresek przy pomocy gumki bądź pędzla. Line Art jest gotowy do kolorowania!

 

A ja polecam ten tutorial!

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

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!

Photoshop – przydatne skróty klawiaturowe

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:

Photoshop – efekt starej prasy drukarskiej

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.

Jak kolorować w Photoshopie

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…

**********







Zamek Cieszyn
designalive
desigitpoland

bryla

Powrotnik_eu