{"id":26567,"date":"2026-07-29T19:43:57","date_gmt":"2026-07-29T17:43:57","guid":{"rendered":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/?p=26567"},"modified":"2026-07-29T19:43:59","modified_gmt":"2026-07-29T17:43:59","slug":"rysowanie-ksztaltow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-12","status":"publish","type":"post","link":"https:\/\/www.astor.com.pl\/poradnikautomatyka\/rysowanie-ksztaltow-kurs-industrial-graphics-w-oprogramowaniu-aveva-odc-12\/","title":{"rendered":"Rysowanie kszta\u0142t\u00f3w | Kurs\u00a0Industrial Graphics w oprogramowaniu AVEVA, odc. 12"},"content":{"rendered":"\n
<\/div>\n\n\n\n

W poprzednim odcinku<\/a> rysowali\u015bmy linie, teraz poznamy kolejne kszta\u0142ty.<\/p>\n\n\n

\n

Kurs projektowania symboli Industrial Graphics w oprogramowaniu wizualizacyjnym AVEVA<\/strong><\/h3>\n1. Wprowadzenie do Industrial Graphics<\/a>
\n\n
\n
Edytor Industrial Graphics<\/h5>\n2. Edytor symboli Industrial Graphics<\/a>
\n3. Zaznaczanie i przesuwanie element\u00f3w graficznych<\/a>
\n4. Grupowanie element\u00f3w graficznych<\/a>
\n5. Wyr\u00f3wnywanie element\u00f3w graficznych<\/a>
\n6. Zmiana orientacji element\u00f3w graficznych<\/a>
\n7. Kolejno\u015b\u0107 element\u00f3w w osi Z (z-order)<\/a>
\n8. Dynamiczna zmiana rozmiaru<\/a>
\n9. Tworzenie symboli na podstawie zmiennych<\/a>
\n10. Wykorzystanie grafiki SVG w symbolach<\/a><\/td>\n
Projektowanie symboli<\/h5>\n11. Rysowanie linii<\/a>
\n12. Rysowanie kszta\u0142t\u00f3w<\/a>
\n13. Teksty i pola tekstowe
\n14. Wy\u015bwietlanie statusu jako\u015bci danych
\n15. Praca z przyciskami wyboru (radio buttons)
\n16. Praca z kontrolk\u0105 kalendarza
\n17. Praca z kontrolk\u0105 wyboru daty i czasu
\n
Animacje<\/h5>\n18. Wprowadzenie do animacji
\n19. Animacja wype\u0142nienia procentowego<\/td>\n
20. Animacja wy\u015bwietlania warto\u015bci
\n21. Animacja wprowadzania warto\u015bci
\n
Narz\u0119dzia zaawansowane<\/h5>\n22. Wprowadzenie do w\u0142a\u015bciwo\u015bci Custom Properties
\n23. Dodawanie w\u0142a\u015bciwo\u015bci Custom Properties
\n24. Wprowadzenie do styl\u00f3w
\n25. Wprowadzenie do skrypt\u00f3w
\n26. Edytor skrypt\u00f3w Industrial Graphics
\n27. U\u017cywanie zewn\u0119trznych bibliotek w skryptach<\/td>\n<\/tr><\/tbody><\/table>\n<\/div>\n\n\n

W panelu Tools<\/strong> tu\u017c obok polece\u0144 przeznaczonych do rysowania odcink\u00f3w znajdziemy narz\u0119dzia Rectangle<\/strong> (prostok\u0105t), Rounded Rectangle<\/strong> (zaokr\u0105glony prostok\u0105t) oraz Ellipse<\/strong> (elipsa).<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Wszystkie te trzy narz\u0119dzia dzia\u0142aj\u0105 podobnie \u2013 i analogicznie do narz\u0119dzi Line<\/strong> oraz H\/V Line<\/strong>, om\u00f3wionych w poprzednim odcinku. Je\u017celi klikniemy na narz\u0119dzie raz \u2013 mo\u017cemy narysowa\u0107 jeden kszta\u0142t. Je\u017celi chcemy narysowa\u0107 wi\u0119cej kszta\u0142t\u00f3w danego rodzaju, klikamy na narz\u0119dzie dwukrotnie, w\u0142\u0105czaj\u0105c go na sta\u0142e. Aby zako\u0144czy\u0107 rysowanie, naciskamy ESC<\/strong> lub wybieramy z panelu Tools<\/strong> inne narz\u0119dzie.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Narysowane w ten spos\u00f3b kszta\u0142ty mo\u017cna modyfikowa\u0107, zmieniaj\u0105c ich rozmiary i po\u0142o\u017cenie. Wystarczy klikn\u0105\u0107 na naro\u017cnik i rozci\u0105gn\u0105\u0107 kszta\u0142t za pomoc\u0105 myszy.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Je\u017celi klikniemy i przytrzymamy klawisz myszy na tym niewielkim elemencie, mo\u017cemy \u2013 przesuwaj\u0105c mysz \u2013 obraca\u0107 kszta\u0142t.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W przypadku zaokr\u0105glonego prostok\u0105ta mo\u017cemy zmieni\u0107 promie\u0144 zaokr\u0105glenia, zmieniaj\u0105c w\u0142a\u015bciwo\u015b\u0107 Radius<\/strong> w panelu Properties<\/strong>, po uprzednim zaznaczeniu tego kszta\u0142tu w polu roboczym. Parametr ten mo\u017cna zmieni\u0107 r\u00f3wnie\u017c za pomoc\u0105 klawiatury. Po zaznaczeniu kszta\u0142tu kombinacja klawiszy Shift oraz \u201e-\u201d na klawiaturze numerycznej zmniejsza promie\u0144 zaokr\u0105glenia, a Shift i \u201e+\u201d na klawiaturze numerycznej zwi\u0119ksza ten promie\u0144.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Dla wszystkich tych kszta\u0142t\u00f3w dost\u0119pne s\u0105 opcje dostosowuj\u0105ce ich wygl\u0105d, analogiczne do tych, kt\u00f3re poznali\u015bmy w poprzednim odcinku w przypadku linii. Pierwsz\u0105 z nich jest zmiana koloru kszta\u0142tu, Line Color<\/strong>. Mo\u017cna tu r\u00f3wnie\u017c nada\u0107 linii gradient, wz\u00f3r, a tak\u017ce tekstur\u0119, co pozwala wykorzysta\u0107 jako wz\u00f3r linii w\u0142asny obraz. Dost\u0119pny jest r\u00f3wnie\u017c selektor kolor\u00f3w.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W odr\u00f3\u017cnieniu od linii kszta\u0142ty mog\u0105 mie\u0107 wype\u0142nienie. Mo\u017cemy je edytowa\u0107 korzystaj\u0105c z kolejnej opcji na pasku narz\u0119dzi: Fill Color<\/strong>. Tu r\u00f3wnie\u017c mo\u017cemy zdefiniowa\u0107 kolor, gradient , wz\u00f3r i tekstur\u0119.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Wybranie opcji zmiany wzoru (Pattern<\/strong>) powoduje wy\u015bwietlenie okienka, w kt\u00f3rym mo\u017cemy bardzo precyzyjnie zdefiniowa\u0107 wz\u00f3r wype\u0142nienia.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Kolejna opcja, Line Weight<\/strong>, pozwala zmieni\u0107 grubo\u015b\u0107 kraw\u0119dzi kszta\u0142tu.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Mo\u017cemy wreszcie zmieni\u0107 rodzaj linii (ci\u0105g\u0142a, przerywana, kropkowana), korzystaj\u0105c z opcji Line Pattern<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

Podobnie jak w przypadku linii, tak i tu mo\u017cemy nadawa\u0107 elementom gotowe, predefiniowane style, korzystaj\u0105c z opcji Element Styles<\/strong>.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W\u0142a\u015bciwo\u015bci kszta\u0142t\u00f3w mo\u017cna r\u00f3wnie\u017c zmienia\u0107 korzystaj\u0105c z panelu Properties<\/strong>, modyfikuj\u0105c poszczeg\u00f3lne w\u0142a\u015bciwo\u015bci, takie jak po\u0142o\u017cenie, rozmiar, wype\u0142nienie, styl, a tak\u017ce przezroczysto\u015b\u0107.<\/p>\n\n\n\n

<\/div>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

W nast\u0119pnym odcinku nauczymy si\u0119 dodawa\u0107 do symbolu Industrial Graphics elementy tekstowe.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n
\n

Newsletter Poradnika Automatyka<\/h3><\/div>\n

Czytaj trendy i inspiracje, podstawy automatyki, automatyk\u0119 w praktyce<\/p>\n<\/div>\n

\n
\n