Photoshop Tutoriale

13. stron, które powinieneś znać…

psdtuts — Mon, 29 Dec 2008 13:02:26 +0000

… a które ja przeglądam przy porannej kawie

Design Reviver

Smashing Magazine

Vitamin

Web Designer Wall

Layers Magazine

Just Creative Design

You the Designer

NETTUTS

I Love Typography

Fuel Your Creativity

Freelance Switch

Woork

Blog Oh Blog

Darmowe ikony od Design Reviver

psdtuts — Wed, 03 Dec 2008 19:32:53 +0000

Design Reviver to jedna z moich ulubionych stron. Ładny design, świetne artykuły o bardzo szerokiej tematyce sprawiają, że jest to strona szczerego polecenia. Ostatnio znalazłem na niej zestaw ikon, pod tytułem „6 Free New Social Icons”, czyli ikon serwisów społeczniościowych (Digg, Twitter itd.) Ogromną zaletą tego zestawu jest różnorodność formatów graficznych w jakim jest on dostępny, a mianowicie: psd, AI, PNG, JPG i ico. No to ściagamy!

Darmowe ikony serwisów społecznościowych

Efekt noktowizora

psdtuts — Thu, 20 Nov 2008 09:06:36 +0000

1. Otwieramy zdjęcie z nocnym widokiem np. to.

2. IMAGE – ADJUSTMENTS – CHANNEL MIXER i ustawienia:

3. IMAGE – ADJUSTMENTS – HUE/SATURATION (CTRL+U)

4. IMAGE – ADJUSTMENTS – SELECTIVE COLOR

5. TWorzymy nową warstwę i wypełniamy ją białym kolorem, po czym stosujemy FILTER – TEXTURE – GRAIN z ustawieniami:

6. I zmieniamy krycie warstwy na Overlay

7. GOTOWE!

Darmowe ikony – aplikacje 3D

psdtuts — Sat, 11 Oct 2008 08:20:23 +0000

Bardzo ciekawy zestaw ikon znalazłem na stronie deviantart.com. To ponad 100. ikon wszelkiego rodzaju programów komputerowych i aplikacji internetowych. Na pewno komuś się przydadzą. Zestaw zawiera pliki PNG i ICO, tak więc te ikony możemy nie tylko wykorzystać w projektowaniu graficznym, ale również możemy zastąpić nimi standardowe ikony na pulpicie monitora. Zaprasza do pobierania – plik waży 22 MB, trochę sporo, ale naprawdę warto

Efekt delikatnego rozmycia

psdtuts — Sat, 11 Oct 2008 08:06:58 +0000

1. Otwieramy dowolne zdjęcie – link do zdjęcia użytego w tutorialu.

2. Kopiujemy warstwę tła (CTRL+J).

3. FILTER – BLUR – GAUSSIAN BLUR – radius: ok. 9-13.

4. Zmniejszamy Opacity/Krycie do ok. 50-65%.

5. Dodajemy Layer Mask/Maskę warstwy.

6. Wybieramy narzędzie Brush/Pędzel (klawisz B) z następującymi ustawieniami.

7. Na utworzonej masce przy użyciu pędzla zamalowywujemy obszary zdjęcia, które chcemy wyostrzyć. Ja wybrałem twarze postaci na zdjęciu. Im wyższe Opacity/Krycie pędzla – tym maskowany obszar będzie ostrzejszy.

8. Gotowe zdjęcie z efektem delikatnego rozmycia.

Efekt rysunku kredką

psdtuts — Mon, 06 Oct 2008 09:21:46 +0000

1. Otwórz dowolny obrazek lub wykorzystaj zdjęcie użyte w tutorialu.

2. IMAGE – ADJUSTMENTS – BRIGHTNESS/CONTRAST

3. Kopiujemy warstwę, nazywamy ją Pen Edges i na stworzonej warstwie stosujemy: FILTER – BLUR – SMART BLUR z ustawieniami:

4. IMAGE – ADJUSTMENTS – INVERT (CTRL+I)

5. Zmieniamy tryb mieszanie warstwy na Multiply i ukrywamy ją.

6. Kopiujemy warstwę Pen Edges i na stworzonej kopii stosujemy następujące filtry:

7. FILTER – ARTiSTIC – SMUDGE STICK

8. FILTER – ARTISTIC – FILM GRAIN

9. I na koniec jeszcze AUTOLEVELS (CTRL + SHIFT + L)

10. Zmieniamy tryb mieszanie warstwy na Multiply i ukrywamy ją.

11. Przechodzimy na warstwę tła i tworzymy jej kopię (CTRL+J)

12. FILTER – ARTiSTIC – PAINT DAUBS

13. FILTER – ARTiSTIC – FILM GRAIN

14. FILTER – ARTiSTIC – SMUDGE STICK

15. FILTER – ARTiSTIC – FILM GRAIN

16. Teraz jeszcze tylko: IMAGE – ADJUSTMENTS – BRIGHTNESS/CONTRAST

17. …i IMAGE – ADJUSTMENTS – HUE/SATURATION

18. I koniec ‘odkrywamy’ warstwy Pen Edges i jej kopię i voila!

Tekstury – 60. tekstur ze strony sxc.hu

psdtuts — Tue, 30 Sep 2008 11:34:59 +0000

Zauważyłem, że sporo osób trafia tutaj poszukując tekstur. Stron z teksturami do wykorzystania we własnych projektach, jest w internecie prawdziwe zatrzęsienie, np. sporo tekstur można znaleźć na często wspominanej prze ze mnie stronie sxc.hu. Steven Snell ze strony Designmag (www.designm.ag), zadał sobie trud wyszukania najlepszych tekstur właśnie ze strony sxc.hu. Dzięki temu powstał zestaw 60 tekstur, w 11. kategoriach, które przydadzą się w tworzeniu własnych projektów graficznych. Nie sprawdzałem wszystkich tekstur, ale znając stronę sxc.hu, mogę napisać że z pewnością te tekstury są w wysokiej rozdzielczości, a i jakość zdjęć również nie budzi wątpliwości.

To co możecie zobaczyć na zdjęciu poniżej to zaledwie skromna próbka zawartości tego zestawu. Zachęcam do ściągania.

Komiksowy tekst

psdtuts — Fri, 26 Sep 2008 15:09:28 +0000

1. Utwórz nowy obrazek z przezroczystym tłem (CTRL+N), o dowolnych wymiarach i wpisz tekst czarną czcionką.

2. Powiel warstwę z tekstem (CTRL+J), a potem kliknij prawym klawiszem na nazwie niższej warstwy i wybierz Rasterize Type.

3. W tym momencie masz dwie warstwy: warstwę tekstową i warstwę z rasteryzowanym tekstem, wybierz tą pierwszą (wyższą) i przejdź do styli warstwy i skopiuj następujące ustawienia.

4. Efekt powinien być taki:

5. Ukryj wyższą warstwę, klikając na ikonę oka na palecie warstw.

6. Przejdź na niższą warstwę i trzymając wciśnięty klawisz ALT kliknij najpierw w strzałkę w dół, a potem w lewo. Powtórz to kilkakrotnie, aż uzyskasz efekt tesktu 3d.

7. LAYER – MERGE VISIBLE (WARSTWA – POŁĄCZ WIDOCZNE), skrót: CTRL+SHIFT+E

8. Ponownie kliknij na symbol oka przy wyższej warstwie, żeby uczynić ją widoczną.

9. Dla niższej warstwy zastosuj następujące ustawienia w stylach warstwy. Użyty przeze mnie kolor pomarańczowy to: #ff8400.

10. Prawie gotowe:

11. Możemy do naszego tekstu dodać również np. tło z tutoriala „Prawie jak polka dot„.

ZOBACZ RÓWNIEŻ:

Efekt komiksu w stylu retro

Comics Pic – Efekt komiksu

Zestaw tapet dla fanów Firefoxa

psdtuts — Thu, 25 Sep 2008 17:15:09 +0000

Na stronie UsingMac.com znalazłem fantastyczny zestaw tapet dla prawdziwych fanów Firefoxa. W kolekcji znajduje się ponad 100 tapet, i na pewno każdy z Was znajdzie w niej coś dla siebie. Większość tapet jest bardzo oryginalnych i pomysłowych, a niektóre z nich to graficzne majstersztyki.

Zestaw tapet dla fanów Firefoxa.

Efekt (prawie jak) Polka Dot

psdtuts — Wed, 24 Sep 2008 09:56:09 +0000

1. Tworzymy nowy obrazek o dowolnych wymiarach i np. z czarnym tłem.

2. Przechodzimy do zakładki Channels (Kanały) i tworzymy nowy Channel (Kanał).

3. Rysujemy owalne zaznaczenie, i wypełniamy je kolorem białym, a potem odznaczamy je (CTRL+D)

4. FILTER – BLUR – GAUSSIAN BLUR (Radius: 12)

5. FILTER – DISTORT – TWIRL (Angle :241)

6. FILTER – PIXELATE – COLOR HALFTONE (Max Radius: 10; pozostałe ustawienia bez zmian)

7. Wracamy do zakładki Layers (Warstwy), tworzymy nową Warstwę (CTRL+SHIFT+N) i wczytujemy zaznaczenie: SELECT – LOAD SELECTION – wybieramy Channel (Kanał) przez nas stworzony, czyli Alpha 1.

8. Wybieramy dowolny kolor i wypełniamy zaznaczenie, a potem odznaczamy je (CTRL+D).