[tutorial] Ukośne paski (linie)

Na forum padają pytania jak zrobić ukośne linie wykorzystane w grafice na jakiejś stronie. W tym tutorialu chcę pokazać jak w prosty sposób można stworzyć taki efekt.

Zanim zaczniemy dla ułatwienia sobie pracy stworzymy nowy wzorek który później wykorzystamy.

1. Tworzymy wzorek:

a) Zaczynamy od nowego dokumentu o wymiarach 100 x 1, zawartość tła ustawiamy na białe

d8cdf977ffc2ac53.jpg

b) Połowę malujemy na czarno:

0c32e7ccf9768765.jpg

c) Definiujemy wzorek poprzez: [EDYCJA/ZDEFINIUJ WZOREK…] [EDIT/DEFINE PATTERN…]; W okienku które nam się ukaże podajemy jakąś nazwę (np. czarno-biały) i zatwierdzamy przyciskiem OK

2. Tworzymy ukośne linie

a) Tworzymy nowy dokument o wymiarach 200 x 80, zawartość tła ustawiamy na przezroczyste

b) Wypełniamy dokument wzorkiem wykonanym w pierwszej części tutoriala poprzez [EDYCJA/WYPEŁNIJ…] [EDIT/FILL…]; W okienku które nam się pojawiło wybieramy wzorek przez nas wykonany i zatwierdzamy przyciskiem OK.

772a391d658f6d7c.jpg

Po zatwierdzeniu na naszym dokumencie powinny pojawić się 4 pionowe linie…

c) Przekształcamy obrazek poprzez [EDYCJA/PRZEKSZTAŁĆ/POCHYL] [EDIT/TRANSFORM/SKEW] po czym chwytamy za górny, środkowy kwadracik i przeciągamy go do lewego, górnego rogu… zatwierdzamy klawiszem ENTER.

7030cfc1ffff0173.jpg

d) Pozostało nam „zaślepić” puste miejsce. Zaznaczamy cały obrazek narzędziem [Zaznaczenie Prostokątne] [Rectangular Marquee Tool] (M), po czym wklejamy skopiowaną warstwę (Carl + V) i za pomocą narzędzia [Przesunięcie] [Move Tool] (V) przesuwamy skopiowaną warstwę tak aby uzyskać efekt jednolitości i zaślepienia „dziury”

399485a5e20c426a.jpg

Na obrazku widzimy efekt naszej pracy (zaznaczyłem przerywaną linią skopiowaną warstwę by było widać mniej więcej o ile należy ją przesunąć, by dokładnie to zrobić można posłużyć się klawiszami strzałek w prawo i w lewo)

8cc6b99da0625774.jpg

Końcowy efekt zapisujemy.


Wykonany obrazek można wykorzystać w różny sposób… można albo połączyć np. 3 te same obrazki(krawędziami) by otrzymać dłuższy pasek:

33da2865197e8bfe.jpg

Albo przy pomocy opcji mieszania i innych narzędzi możemy uzyskać coś takiego:

d9da55f4cc4e41b3.jpg

POWODZENIA! :wink: