Witam serdecznie w tym tutorialu pokażę jak wykonać bardzo efektówny panel boczny do naszej strony oczywiście efekt który zostanie wykorzystany w tym panelu może zostać użyty również w innych miejscach na naszej stronie takich jak np top,menu górny stopka itp.

A wiec zaczynamy:

1.Na sam początek otwieramy nowy dokument o dowolnych wymiarach ja wybrałem 800x600
wypełniamy dowolnym kolorem.



2.Tworzymy nową warstwę i następnie za pomocą Prostokąt Zaokrąglony (Rounded Rectangle Tool ) z promieniem 6 px tworzymy na naszym polu pracy dowolny prostokąt o dowolnym kolorze.



3.Kolejną czynnością jaką musimy wykonać to z naszego panelu z narzędziami wybrać Lasso Wielokątne (Polygonal Lasso Tool) i zaznaczyć na naszym prostokącie trójkąt w dowolnym rogu tej oto figury.



4.Następnie wciskamy kombinacie klawiszy na naszej klawiaturze CTRL+X (wycinamy zaznaczony trójkąt) po czym wciskamy
CTRL+V (i wklejamy wycięty trójkąt jako nową warstwę).




5.Następnie musimy obrócić nasz trójkąt o 180° . Przechodzimy do edycja > przekształć > obróć o 180° ( edit > transform > rotate 180°) kiedy mamy już trójkąt obrócony o 180° musimy przesunąć go do wyciętego rogu.Tak jak na obrazku poniżej,specjalnie zmieniłem kolor trójkąta
abyście widzieli jak jest on ułożony.



6.Teraz przechodzimy do opcji mieszania -warstwa > styl warstwy > opcje mieszania (layer > layer style > blending options) na początku wybieramy zakładkę Nałożenie Gradientu (Gradient Overlay)
wszystko ustawiamy tak jak na obrazku poniżej.



7.Następnie klikamy z klawiatury CTRL+T lub wchodzimy do edycja > przekształć > zniekształć (edit > transform > distort)
klikamy na ikonkę.



i przekształcamy nasz trójkąt tak jak na obrazku poniżej.



8.Teraz tworzymy nową warstwę musimy ją dać niżej w panelu z warstwami niż jest nasz trójkąt zobacz obrazek niżej.



następnie na tej warstwie tworzymy za pomocą narzędzia Elipsa (Ellipse Tool) tworzymy okrąg tak jak na obrazku poniżej (kolor wypełnienia to czarny).



teraz przechodzimy do filtr > rozmycie > rozmycie gaussowskie (filter > blur > gaussian blur) i promień rozmycia ustawiamy na 22.4 piksele.



9.Teraz musimy wyciąć niepotrzebny kawałek rozmycia wybieramy Lasso Wielokątne (Polygonal Lasso Tool) i zaznaczamy niepotrzebny kawałek rozmycia tak jak na obrazku poniżej.



I wciskamy Delete.

oto efekt



Oczywiście dodajemy jeszcze tekst do nagłówka naszego panelu ,możemy również dodać efekty do naszego tła panel takie jak grandient,wzorek lub co sie tylko nam podoba efekt końcowy jest taki.

Tylko zarejestrowani użytkownicy mogą oceniać zawartość strony

Zaloguj się lub zarejestruj, żeby móc zagłosować.