{"id":12390,"date":"2009-10-01T15:42:55","date_gmt":"2009-10-01T13:42:55","guid":{"rendered":"http:\/\/www.boscarol.com\/blog\/?p=12390"},"modified":"2010-05-06T21:04:09","modified_gmt":"2010-05-06T19:04:09","slug":"selezione-tracciato","status":"publish","type":"post","link":"http:\/\/www.boscarol.com\/blog\/?p=12390","title":{"rendered":"Selezione: cosa sono i tracciati"},"content":{"rendered":"<p>Con la versione 2 di Photoshop \u00e8 stato introdotta una nuova tecnica per creare selezioni di pixel. Si tratta dei tracciati (<em>path<\/em>) vettoriali.<\/p>\n<p>I <strong>tracciati<\/strong> sono delle curve che possono essere disegnate con grande precisione e che tipicamente vengono successivamente convertite in una selezione tradizionale, ma possono essere usate anche per altri scopi. Precisamente\u00a0Photoshop consente di creare tracciati vettoriali che possono essere<\/p>\n<ul>\n<li>utilizzati per creare delle selezioni;<\/li>\n<li>riempiti e\/o contornati con pixel colorati;<\/li>\n<li>utilizzati per creare delle maschere (vettoriali);<\/li>\n<li>esportati con l&#8217;immagine stessa in modo che servano da scontorno quando l&#8217;immagine viene posizionata in un programma di impaginazione.<\/li>\n<\/ul>\n<p>Per costruire i tracciati, Photoshop usa una famiglia di curve che si chiamano <strong>curve di B\u00e9zier<\/strong>, perch\u00e9 sono state studiate per la prima volta dall&#8217;ingegnere francese Pierre B\u00e9zier negli anni 60 del Novecento per un sistema di CAD alla Renault. Le curve di Bezi\u00e9r sono utilizzate non solo da Photoshop ma da numerose applicazioni e linguaggi grafici: PostScript (comprese le font), Illustrator, InDesign, Freehand e molte altre.<\/p>\n<p>Cos\u00ec come sono implementate in Photoshop le curve di Bezier possono essere aperte o chiuse. Qui sotto, le curve a sinistra sono aperte, quelle a destra sono chiuse:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-12393\" title=\"Curve aperte e chiuse\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/10\/bezier.jpg?resize=263%2C234\" alt=\"Curve aperte e chiuse\" width=\"263\" height=\"234\" data-recalc-dims=\"1\" \/><\/p>\n<p>Una curva, aperta o chiusa che sia, \u00e8 tipicamente composta da pi\u00f9 curve diverse collegate tra loro dai punti di ancoraggio, che qui sotto sono messi in evidenza:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-12394\" title=\"Punti di ancoraggio\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/10\/ancoraggio.jpg?resize=263%2C234\" alt=\"Punti di ancoraggio\" width=\"263\" height=\"234\" data-recalc-dims=\"1\" \/><\/p>\n<p>La curva in alto a sinistra \u00e8 aperta, costituita da un unico arco e ha due punti di ancoraggio, che sono i due punti terminali della curva.<\/p>\n<p>La curva in basso a sinistra \u00e8 aperta anch&#8217;essa ma \u00e8 costituita da due archi e da tre punti di ancoraggio, di cui due terminali.<\/p>\n<p>La curva in alto a destra \u00e8 chiusa, \u00e8 costituita da quattro archi e quattro punti di ancoraggio. Uno degli archi \u00e8 un segmento retto.<\/p>\n<p>Infine la curva in basso a destra \u00e8 chiusa, \u00e8 costituita da tre archi, uno dei quali \u00e8 un segmento retto, e da tre punti di ancoraggio.<\/p>\n<p>&#8212;<\/p>\n<p>La <strong>forma<\/strong> di un arco di curva compreso tra due punti di ancoraggio adiacenti \u00e8 decisa dalle due <strong>tangenti<\/strong> all&#8217;arco di curva nei suoi punti terminali.<\/p>\n<p>Per esempio qui sotto vediamo una curva aperta formata da un solo arco. Subito a destra sono evidenziate anche le due tangenti alla curva nei due punti terminali:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-12395\" title=\"Tangenti\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/10\/tangenti.jpg?resize=263%2C169\" alt=\"Tangenti\" width=\"263\" height=\"169\" data-recalc-dims=\"1\" \/><\/p>\n<p>\u00c8 muovendo queste tangenti che l&#8217;arco di curva viene modificato.<\/p>\n<p>Il <strong>raccordo<\/strong> tra i vari archi che compongono una curva pu\u00f2 essere &#8220;morbido&#8221; (<em>smooth<\/em>) oppure &#8220;spigoloso&#8221;. Tecnicamente questo corrisponde al fatto che i due archi, nel loro punto di ancoraggio hanno come tangente la stessa retta (e allora il raccordo \u00e8 &#8220;morbido&#8221;) oppure rette diverse (e allora il raccordo \u00e8 &#8220;spigoloso&#8221;).<\/p>\n<p>Nella curva qui sotto i due archi, nel punto di ancoraggio che li unisce, hanno la stessa retta tangente e dunque il collegamento \u00e8 &#8220;morbido&#8221;.<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-12400\" title=\"morbido2\" src=\"https:\/\/i0.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/10\/morbido2.jpg?resize=240%2C206\" alt=\"morbido2\" width=\"240\" height=\"206\" data-recalc-dims=\"1\" \/><\/p>\n<p>Nella curva qui sotto i due archi, nel punto di ancoraggio che li unisce, hanno tangenti su rette diverse e dunque il collegamento \u00e8 &#8220;spigoloso&#8221;:<\/p>\n<p><img loading=\"lazy\" class=\"alignnone size-full wp-image-12401\" title=\"spigoloso\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/10\/spigoloso.jpg?resize=240%2C177\" alt=\"spigoloso\" width=\"240\" height=\"177\" data-recalc-dims=\"1\" \/><\/p>\n<p>&#8212;<\/p>\n<p>Nell&#8217;implementazione dei tracciati fatta da Photoshop si distinguono:<\/p>\n<ul>\n<li>i punti di ancoraggio, che vengono rappresentati con quadratini; un punto di ancoraggio pu\u00f2 essere selezionato (il quadratino \u00e8 riempito) oppure non selezionato (il quadratino \u00e8 vuoto);<\/li>\n<li>le tangenti e i punti di direzione (&#8220;maniglie&#8221;);<\/li>\n<li>i segmenti del tracciato (cio\u00e8 gli archi o i segmenti che uniscono due punti di ancoraggio)<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline;\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-11060\" title=\"Photoshop CS4 - Curve di Bezier\" src=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/06\/tr10.jpg?resize=434%2C294\" alt=\"Photoshop CS4 - Curve di Bezier\" width=\"434\" height=\"294\" srcset=\"https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/06\/tr10.jpg?w=434 434w, https:\/\/i1.wp.com\/www.boscarol.com\/blog\/wp-content\/uploads\/2009\/06\/tr10.jpg?w=300 300w\" sizes=\"(max-width: 434px) 100vw, 434px\" data-recalc-dims=\"1\" \/><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con la versione 2 di Photoshop \u00e8 stato introdotta una nuova tecnica per creare selezioni di pixel. Si tratta dei tracciati (path) vettoriali. I tracciati sono delle curve che possono essere disegnate con grande precisione e che tipicamente vengono successivamente convertite in una selezione tradizionale, ma possono essere usate anche per altri scopi. Precisamente\u00a0Photoshop consente [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false},"categories":[738,672],"tags":[841,838,840],"jetpack_featured_media_url":"","jetpack_publicize_connections":[],"jetpack_shortlink":"https:\/\/wp.me\/pjoVH-3dQ","jetpack_sharing_enabled":true,"jetpack_likes_enabled":false,"_links":{"self":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/12390"}],"collection":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12390"}],"version-history":[{"count":12,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/12390\/revisions"}],"predecessor-version":[{"id":12403,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/12390\/revisions\/12403"}],"wp:attachment":[{"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12390"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12390"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.boscarol.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12390"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}