Mam pomysł, ale trochę potrwa jego realizacja, pokażmy kilka metod w tym tutorialu. Tą ze ścieżkami, rozmyciem, pędzlem i tą aktualną. Wtedy każdy będzie miał wybór jak ten efekt uzyskać. Przy okazji pokaże się, że jest wiele dróg do uzyskania danego efektu.

Każdy ma inną technikę. Np: to M było robione ta jak w tutorialu + ścieżki. A przy avku robiłam tylko ścieżkami. Problem jest tutaj taki, że ogólnie przyjęty kąt nachylenia tego cienia to 45 stopni i czasem ciężko go uzyskać np: samymi ścieżkami Można zawsze dopisać kilka innych technik robienia tego, przez co urozmaici się trochę ten poradnik.

---

Tutorial powstał na bazie moich własnych umiejętności wspieranych masą referencji. Nie jest to łatwy poradnik, ze względu na brak umiejętności autorki w tłumaczeniu komuś czegoś. Większość kolorów użytych w tym poradniku pochodzi z palety Flat UI. Nie będę pisała ich kodów tylko nazwy pod jakimi występują na tej stronie. Korzystanie z tej strony jest proste, klikasz na dany kolor i kod tego koloru ci się kopiuje. Kursywą są zaznaczone jakieś nic nie znaczące porady dla laików.

Tutorial napisany w wersji GIMP 2.8.8. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.

---

  1. Na początku tworzymy nowy dokument , np:500x500px


  2.Wypełniamy je kubełkiem [Shift+B]. U mnie jest to Midnight Blue.

 

  3. Tworzymy nową, przezroczystą warstwę. Nazwijmy ją Tło 1.  Wybieramy zaznaczenie prostokątne [R] i tworzymy kwadrat o wymiarach, np: 300 x300px Ustawiamy to zaznaczenie na środku.





 

  4. Wypełniamy je kubełkiem [Shift+B] jakimś kolorem. Tym razem jest to Sun Flower.

 

  5. Tworzymy nową warstwę o nazwie kształt i zaznaczamy na niej dowolny kształt np: kwadrat. Znów dajemy go na środek.

---

  1. Teraz robimy cień. Nowa warstwa i na niej zaznaczeniem prostokątnym   tworzymy prostokąt. Szerokość nieco większa od szerokości naszego kwadratu, musi być też dość długi. Wypełniamy go czarnym kolorem. Warstwę z tym prostokątem ustawiamy pod naszym kształtem!



  2. Prostokąt za pomocą narzędzia obrót obracamy o [/b]45 stopni (lub -45 stopni w zależność w którą stronę nam się ten prostokąt obróci) Ustawiamy ten prostokąt tak, jak na obrazku. Jeżeli prostokąt nie styka się z tym drugim wierzchołkiem duplikujemy warstwę z prostokątem i przesuwamy   ją wedle potrzeb. Potem na duplikacie tej warstwy dajemy Warstwa -> Połącz w dół




  3. Na warstwie z pierwszym kwadratem (tym żółtym) stosujemy: Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Odwróć -> Delete



  4. Krycie warstwy z cieniem możemy ustawić na dwa sposoby:
-Pokrywanie, na jakieś 50%


-Zwykły, na 10%





  1. Duplikujemy warstwę   z kształtem. Na duplikacie stosujemy kolejno Kolory -> Inwersja  
 Jeżeli mamy inny kolor kształtu niż biały   Warstwa (ustawiamy pod warstwą z naszym pierwotnym kształtem) -> Kanał alfa na zaznaczenie -> delete -> wypełnienie   -> zdejmujemy zaznaczenie (Ctrl + Shift + A) .

 Na warstwie z czarnym kształtem (cieniem) stosujemy: Warstwa -> Kanał alfa na zaznaczenie i kopiujemy jej zawartość (ctrl + C) . Zdejmujemy zaznaczenie (Ctrl + Shift + A) Powinniśmy mieć taki układ warstw:


 
  2. Mając skopiowany czarny kształt ustawiamy go jako pędzel o następujących właściwościach (wykonywać po kolei):
 1) Pierwszy pędzel od lewej strony u góry to zawartość schowka (dla tych co nie wiedzą).
 2) Odstęp ustawiony na wartość minimalną.
 3) Trzeba kliknąć na ten zaznaczony przycisk, wtedy rozmiar pędzla będzie zgadzał się z autentycznymi wymiarami skopiowanej przez nas figury.


  3. Mając tak przygotowany pędzel ustawiamy go na środku naszej figury i klikamy. Teraz żeby wyszło to w miarę prosto malujemy cień mając wciśnięte cały czas przyciski shift + ctrl. Wyglądać to powinno tak:


 Koniecznie musi być on "ciągnięty" w stronę któregoś z rogów. Efekt powinien być taki:



  4. W zależności od tego jaki długi wyszedł nam ten cień stosujemy ponownie Na warstwie z pierwszym kwadratem (tym żółtym) stosujemy: Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Odwróć -> Delete

  5. Ustawiamy krycie jak w metodzie pierwszej.


  1. Tworzymy nową warstwę którą umieszczamy pod obiektem. Dajemy:kanał alfa na zaznaczenie na warstwie z obiektem, następnie zaznaczenie -> powiększ o 1 px. Przełączmy pusta na warstwę, wypełniamy ją czarnym kolorem. Zdejmujemy zaznaczenie (Shift+Ctrl+A)

  2. Na warstwie z czarnym kształtem stosujemy:Filtry -> Rozmycie->Rozmycie w ruchu o podanych wartościach:


Efekt:



  3. Na tej samej warstwie stosujemy: Kolory-> krzywe
 O takich wartościach:


 Czynność powtarzamy.


 
  4. Na warstwie z cieniem dajemy: Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Zmniejsz (o 1px.) -> Odwróć -> Delete .


Na warstwie z pierwszym kwadratem (tym żółtym) stosujemy: Warstwa -> Kanał alfa na zaznaczenie -> Zaznaczenie -> Odwróć -> Delete


  5. Ustawiamy krycie jak w metodzie pierwszej.

---

Efekt przydatny głównie przy tworzeniu logotypów, ikon, przycisków czy nawet tapet w stylistyce Flat.
Miłej zabawy

Webdesign nie jest łatwy. Nie spodziewaj się wielu tutoriali na to jak zrobić kompletną stronę. Szykuj się raczej na długie, angielskie teksty dotyczące doboru kolorów, czcionek (fontów), rozmieszczania elementów itd. Jak już coś znajdziesz to będą to z reguły tutoriale na pojedyncze elementy typu ikony. Rzadkością są kompletne tutoriale, zwłaszcza na GIMP-a. Webdesign to jest tak na prawdę mieszanka różnych rzeczy od obróbki zdjęć i tekstu po posługiwanie się wektorami czy krzywymi. Sama czasem się łapię na wykorzystywaniu rzeczy z tutoriali na sygnatury.

Welcome back

Baner jest dość szeroki więc chyba szło by go podzielić jakoś na 3. Gorzej z odnośnikami

Skończone, reszta w opisie

Kiedyś było, że praca pierw musiała wyjść z kategorii Ostatnie obrazy by pojawić się w np:Najczęściej komentowane obrazy (...)

Ziomi przywróć ustawienia z początku roku gdzie galeria działała normalnie

9 mamy gier! Nice! Dzięki Skwarek

Nowa warstwa -> Zaznaczenie prostokątne o tych wymiarach   -> Wypełnienie np:czerwonym . Potem (nie usuwasz zaznaczenia!) Warstwa -> kadruj według zaznaczenia. Powtarzasz to, tylko zmieniasz kolor na biały. Duplikujesz warstwy z tymi paskami tyle razy ile potrzebujesz i przesuwasz   jak chcesz. Najlepiej to sobie nazwij te warstwy czerwony i biały. A co do tego brudu to możesz jeszcze zrobić coś takiego: Warstwa -> Nowa z widoku. Duplikujesz ją i na tym duplikacie dajesz Kolory -> Barwa i nasycenie. Ten "przesówak" z barwą dajesz na max w prawo. Krycie dajesz na pokrywanie. Masz takie lekko przyciemnione. Na całość możesz nałożyć texture papieru żeby była taka bardziej żółta.
Masz moje kombinacje z przed 2 lat: http://www.gimpuj.info/index.php?action=gallery;sa=view;id=88843

Ja ostatnio skończyłam 3 książki:
Tajny raport Millingtona i U progu Zagłady Martina ZeLenay'a gdzie jest multum odnośników do Polski i do sztuki (wszak autor jest historykiem sztuki). Fajnie się czytało, taki luźniejszy thriller szpiegowski
Klasa Dominika W. Rettingera- momentami traciłam rachubę czy to jest jeszcze fikcja czy już prawda, idealnie opisane polskie realia

Można zrobić re-design całej strony ale trzeba by było zerwać ze starą stylistyką całkowicie. Teraz jest weekend więc mogę popróbować ze zrobieniem kompletnego projektu strona+forum (koncepcja layoutu, bo kodować nie umiem dalej)

Aktualizacja: Doszły 3 gry o czcionkach