ODDied.net

Darren Hoyt przedstawił na swoim blogu problem ze skalowaniem boksów z zaokrąglonymi kształtami w Photoshopie. Sprawa nie rozchodzi się o stricte photoshopowy problem, rzecz jasna - chodzi o ogólną niedogodność przy tworzeniu grafiki rastrowej. Opisana przez Darrena metoda skalowania wyżej wspomnianych boksów jest nader skuteczna i stosuję ją po dziś dzień w Gimpie... w ostateczności. Dlaczego tylko w ostateczności?

Otóż od dłuższego czasu zauważyłem błogosławieństwa projektowania grafiki w wektorkach. Nie chodzi mi o DTP, ale o grafiki na potrzeby WWW właśnie, jak w przypadku Darrena. Dlaczego? Ano przyjrzyjmy się przykładowi opisanemu przez niego.

Skalowanie rastrowego boksa z zaokrąglonymi rogami skutkuje skalowanie także tych rogów. Im bardziej zmniejszony box, tym bardziej zmniejszone zaokrąglenie (pół bidy). Im bardziej zmienione proporcje boków boksa, tym większe zniekształcenia zaokrąglenia (cała bida;)). Co poradzić?

Dużo większą kontrolę nad obiektami w tej materii daje grafika wektorowa. Mniejsza o marki programów, których do tego użyjesz - każdy porządny program do grafiki wektorowej, powinien mieć opisaną poniżej funkcjonalność - jeśli nie ma - ściągnij Inkscape'a;P, na jego przykładzie będzie rzecz wyłożona.

Poniżej przedstawiony box2 został przeskalowany z rozmiaru boxa1 - jak widać z zachowaniem symetrii zaokrągleń rogów. Jak widać na załączonej rycinie, sprawa jest banalna (dużo bardziej, niż w przypadku grafiki rastrowej): Klikamy narzędzie (1) Rectangles&Squares F4, mażemy boks i... nie nie - zostaw - to nic, że za wąski. ;). Mamy przed sobą obiekt, którego właściwości pozwalają na niezależną (i bezskazitelną;)) edycję:

• rozmiaru w osi X i Y (punkty kwadratowe na obrazku oznaczone (2);
• rozmiaru zaokrąglenia w osiach X i Y (punkty okrągłe na obrazku oznaczone (3);
• właściwości gradientu wypełnienia (linia pionowa z kwadratowymi punktami wzdłuż gradientu)
• właściwości wypełnienia i krawędzi obiektu (okno Fill and Stroke na obrazku;

Warto zaznaczyć, że edytowalne punkty (2) i (3) pozostają przy obiekcie dopóki nie przekonwertujemy obiektu na ścieżkę (Menu: Path·Object to path CTR:+SHIFT+C), ale nawet wtedy możliwa edycja rozmiarów powstałego boksa bez obawy o zniekształcenie zaokrągleń:

Klikamy narzędzie (4)Edit path nodes.. F2, jak na rys.2., zaznaczamy punkty tworzące krawędź RAZEM Z punktami tworzącymi zaokrąglenie (cztery punkty zaznaczone na rys.2.) i przesuwamy w porządanym kierunku rozciągając nasz box i ciesząc się niezaburzoną ergonomią naszych kochanych zaokrągleń ;). Przekreślona ikona w toolboxie na rys.2. to narzędzie Select and transform.. F1 - tym narzędziem NIE edytujemy obiektów takich jak boksy z zaokrąglonymi rogami - użycie tego narzędzia da dystorsje boków, taką, z którą zwalczyliśmy w powyższym artykule ;).