Pokazujemy, jak wykonać graficzny system ocen, przydatny np. do serwisu, sklepu internetowego.
Od dłuższego czasu na stronach internetowych towarzyszy nam system ocen. Najczęściej obok średniej danego przedmiotu lub usługi wyświetla się także system graficzny – popularne gwiazdki.
Jeżeli tworzymy nowy sklep internetowy od zera takie gwiazdki będą bardzo przydatne. Możemy skorzystać z udostępnionych w internecie wzorów, albo stworzyć własny projekt z indywidualnymi preferencjami.
- Utwórz nowy dokument. Rozmiar nie ma znaczenia, ponieważ pliki i tak będą w całości wektorowe.
- Narzędziem Wielokąt utwórz i zduplikuj pięcioramienną gwiazdę. Jedna kopia będzie służyć za klasyczną żółtą ikonę, a druga zostanie przekształcona w puste, szare miejsce.
- Podstawowe modyfikacje to oczywiście żółty kolor i style warstwy nadające efekt wypukłości. Do osiągnięcia poniższego efektu wystarczy spróbować różnych ustawień filtrów Blask wewnętrzny i Faza i płaskorzeźba.
- Dodaj obrys do gwiazdki za pomocą stylu o tej właśnie nazwie. Kolor obrysu powinien być ciemniejszy od wypełnienia, ale nie całkowicie czarny.
- Ostatni etap pracy nad żółtą gwiazdką to dodanie lekkiego efektu cienia i ewentualna poprawa poprzednich ustawień.
- Przy tworzeniu drugiego obiektu musimy skorzystać z szarego koloru i efektu o nazwie Cień wewnętrzny. Da on iluzję wklęsłości warstwy.
- Pozostałe dwa konieczne do zastosowania style są takie same jak w przypadku poprzedniej gwiazdki. Mowa tu o ciemnoszarym obrysie:
I standardowym efekcie cienia:
Wykonane gwiazdki możemy zapisać w dowolnym rozmiarze, w formacie PNG i umieścić w odpowiednim miejscu na stronie www.
