Prostokąt z zaokrąglonymi rogami to narzędzie lub opcja w programach graficznych służąca do tworzenia kształtów o prostokątnej formie, ale z łagodnie zaokrąglonymi narożnikami. Jest często wykorzystywana przy projektowaniu elementów interfejsu stron internetowych, np. przycisków, pól formularzy, banerów i etykiet.
W pytaniach egzaminacyjnych INF.03 taki kształt może pojawić się jako wzór przycisku. Jeśli przycisk ma obłe narożniki, właściwą opcją w programie grafiki rastrowej będzie zaokrąglenie narożników albo wybór narzędzia prostokąt z zaokrąglonymi rogami.
Zastosowanie w grafice internetowej
Zaokrąglone prostokąty stosuje się, aby:
- tworzyć estetyczne przyciski na stronach WWW,
- projektować elementy menu i nawigacji,
- uzyskać łagodniejszy, bardziej nowoczesny wygląd interfejsu,
- przygotować grafikę do eksportu jako PNG, JPG lub GIF.
Na co zwrócić uwagę?
Podczas tworzenia przycisku w edytorze grafiki rastrowej zwykle ustawia się:
- szerokość i wysokość prostokąta,
- promień zaokrąglenia narożników,
- kolor wypełnienia,
- obramowanie,
- tekst umieszczony na przycisku,
- ewentualny cień, gradient lub efekt wypukłości.
Przykład egzaminacyjny
Jeżeli na ilustracji widoczny jest przycisk z napisem, np. „KONTAKT”, a jego narożniki są obłe, nie należy wybierać opcji takich jak selekcja eliptyczna czy deformacja. Najtrafniejsza odpowiedź to zaokrąglenie albo prostokąt z zaokrąglonymi rogami.
Powiązanie z CSS
Podobny efekt na stronie WWW można uzyskać bez grafiki, używając właściwości CSS border-radius:
button {
border-radius: 20px;
}
W grafice rastrowej efekt jest jednak tworzony bezpośrednio w obrazie.