<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>FireTeam &#187; Grafica</title>
	<atom:link href="http://www.fireteam.it/category/grafica/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.fireteam.it</link>
	<description>#fuoco@AzzurraNet</description>
	<lastBuildDate>Tue, 16 Mar 2010 15:55:56 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Ridimensionare gratis le proprie immagini</title>
		<link>http://www.fireteam.it/2009/07/ridimensionare-gratis-le-proprie-immagini/</link>
		<comments>http://www.fireteam.it/2009/07/ridimensionare-gratis-le-proprie-immagini/#comments</comments>
		<pubDate>Thu, 09 Jul 2009 10:51:55 +0000</pubDate>
		<dc:creator>ivan</dc:creator>
				<category><![CDATA[FireTeam]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[gratis]]></category>
		<category><![CDATA[immagini]]></category>
		<category><![CDATA[ridimensionare]]></category>

		<guid isPermaLink="false">http://www.fireteam.it/?p=448</guid>
		<description><![CDATA[Quante volte avete desiderato di fare un resize delle vostre foto, senza pagare sofisticati software, ed ottenere un risultato di buona qualità?
Oggi vi propongo un modo gratis per farlo, senza pagare ed usare alcun software, ma usando quello che ci mette a disposizione il sistema operativo Windows!
Ebbene si, ammettiamo di aver una foto molto grande [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_449" class="wp-caption alignright" style="width: 455px"><a rel="attachment wp-att-449" href="http://www.fireteam.it/2009/07/ridimensionare-gratis-le-proprie-immagini/resize_ok/"><img class="size-full wp-image-449" src="http://www.fireteam.it/wp-content/uploads/2009/07/resize_ok.PNG" alt="Il resize di un immagine" width="445" height="495" /></a><p class="wp-caption-text">Il resize di un immagine</p></div>
<p>Quante volte avete desiderato di fare un resize delle vostre foto, senza pagare sofisticati software, ed ottenere un risultato di buona qualità?</p>
<p>Oggi vi propongo un modo gratis per farlo, senza pagare ed usare alcun software, ma usando quello che ci mette a disposizione il sistema operativo Windows!</p>
<p>Ebbene si, ammettiamo di aver una foto molto grande da voler rimpicciolire&#8230;</p>
<ol>
<li>Apriamola con il viewer delle foto di Windows.</li>
<li>Facciamo un resize della finestra, notiamo il cambiamento del riquadro e dell&#8217;immagine.</li>
</ol>
<p>Abbiamo ottenuto la nostra immagine ridimensionata, non ci resta che catturarla! Per farlo possiamo procedere in 2 modi:</p>
<p>- Fare un printscreen con STAMP-RSIST<br />
- Utilizzare un programma freeware per l&#8217;acquisizione dello schermo</p>
<p>Fatto questo, incolliamo il nostro risultato nel Paint, e ritagliamo la foto appena inserita, salvate ed avete la vostra foto ridimensionata, con una buona qualità.</p>
<p><span id="more-448"></span></p>
<h2>Software di fotoritocco avanzato</h2>
<p>La procedura illustrata è un trucchetto che possiamo usare quando non abbiamo (o non vogliamo installare) programmi di manipolazione di immagini.<br />
Per effettuare modifiche in modo professionale, consigliamo di utilizzare <a href="http://www.gimp.org/">gimp</a> un software di ritocco avanzato delle immagini.</p>
<p>Buon divertimento!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fireteam.it/2009/07/ridimensionare-gratis-le-proprie-immagini/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gradienti irregolari in Inkscape</title>
		<link>http://www.fireteam.it/2009/06/gradienti-irregolari-in-inkscape/</link>
		<comments>http://www.fireteam.it/2009/06/gradienti-irregolari-in-inkscape/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 10:29:39 +0000</pubDate>
		<dc:creator>francesco</dc:creator>
				<category><![CDATA[FireTeam]]></category>
		<category><![CDATA[Grafica]]></category>
		<category><![CDATA[gradienti irregolari]]></category>
		<category><![CDATA[inkspace]]></category>
		<category><![CDATA[irregular gradients]]></category>

		<guid isPermaLink="false">http://www.fireteam.it/?p=240</guid>
		<description><![CDATA[
Voglio mostrare come realizzare in Inkscape un gradiente di riempimento per figure irregolari. Inkscape già prevede un gradiente di riempimento a geometria lineare e ellittica ma non ancora per figure di geometria qualsiasi.
Inkscape è un software open source di grafica vettoriale. Il suo formato di progetto è l&#8217; SVG. Maggiori informazioni sulle caratteristiche e potenzialità [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;"><img class="alignleft size-full wp-image-243" title="inkscape" src="http://www.fireteam.it/wp-content/uploads/2009/06/inkscape1.png" alt="inkscape" width="300" height="320" /></p>
<p style="text-align: left;">Voglio mostrare come realizzare in <a href="http://www.inkscape.org/" target="_blank">Inkscape</a> un gradiente di riempimento per figure irregolari. <a href="http://www.inkscape.org/" target="_blank">Inkscape</a> già prevede un gradiente di riempimento a geometria lineare e ellittica ma non ancora per figure di geometria qualsiasi.</p>
<p style="text-align: left;"><a href="http://www.inkscape.org/" target="_blank">Inkscape</a> è un software open source di grafica vettoriale. Il suo formato di progetto è l&#8217;<a href="http://www.w3.org/TR/SVG11/" target="_blank"> SVG</a>. Maggiori informazioni sulle caratteristiche e potenzialità di tale formato vi sono nell&#8217;<a href="http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/" target="_self">articolo dedicato</a>.</p>
<p style="text-align: left;">Vi sono in rete già <a href="http://simarilius.wordpress.com/2006/10/21/faking-irregular-gradients-in-inkscape/" target="_blank">soluzioni basate sull&#8217;interpolazione</a> della forma e dello stile di un path. La soluzione che propongo potrebbe essere di minore efficacia per curve aperte ma comporta una signifcativa semplificazione per figure chiuse.</p>
<p><span id="more-240"></span></p>
<p>Ipotizziamo di avere una figura irregolare come quella in Fig. 1.</p>
<div id="attachment_250" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.fireteam.it/wp-content/uploads/2009/06/Image33.jpg"><img class="size-medium wp-image-250" title="Image3" src="http://www.fireteam.it/wp-content/uploads/2009/06/Image33-300x240.jpg" alt="Fig. 1" width="300" height="240" /></a><p class="wp-caption-text">Fig. 1</p></div>
<p>Come primo passo, vedi Fig. 2,  creiamo una copia della figura e la riempiamo col colore finale del gradiente che vogliamo realizzare. Quindi la sovrapponiamo alla figura iniziale.</p>
<div id="attachment_257" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.fireteam.it/wp-content/uploads/2009/06/Image1.jpg"><img class="size-medium wp-image-257" title="Image1" src="http://www.fireteam.it/wp-content/uploads/2009/06/Image1-300x240.jpg" alt="Fig. 2" width="300" height="240" /></a><p class="wp-caption-text">Fig. 2</p></div>
<p>Successivamente, vedi Fig. 3, utilizziamo il comando <em>Intrudi </em>del menu <em>Strumenti </em>per comprimere la seconda figura. Ripetiamo questo passo tante volte quanto necessario, avvalendoci del comodo short cut da tastiera Ctrl-Maiusc-8.</p>
<div id="attachment_253" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.fireteam.it/wp-content/uploads/2009/06/Image7.jpg"><img class="size-medium wp-image-253" title="Image7" src="http://www.fireteam.it/wp-content/uploads/2009/06/Image7-300x240.jpg" alt="Fig. 2" width="300" height="240" /></a><p class="wp-caption-text">Fig. 3</p></div>
<p>Infine apriamo la finestra <em>Riempimento e contorni</em> dal menu <em>Oggetto</em>. Selezionamo la scheda <em>Riempimento </em>di quest&#8217;ultima. In fondo troviamo la voce <em>Sfocatura</em> che possiamo aumentare a piacimento creando l&#8217;effetto desiderato di un gradiente irregolare come riportanto in Fig. 4.  Buon divertimento con Inkscape!</p>
<div id="attachment_258" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.fireteam.it/wp-content/uploads/2009/06/Image8.jpg"><img class="size-medium wp-image-258" title="Image8" src="http://www.fireteam.it/wp-content/uploads/2009/06/Image8-300x240.jpg" alt="Fig. 4" width="300" height="240" /></a><p class="wp-caption-text">Fig. 4</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.fireteam.it/2009/06/gradienti-irregolari-in-inkscape/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Introduzione a SVG &#8211; Scalable Vector Graphics</title>
		<link>http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/</link>
		<comments>http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 12:00:20 +0000</pubDate>
		<dc:creator>francesco</dc:creator>
				<category><![CDATA[Grafica Web]]></category>
		<category><![CDATA[svg]]></category>

		<guid isPermaLink="false">http://www.fireteam.it/?p=97</guid>
		<description><![CDATA[

Non lo sai? Esiste un formato grafico vettoriale, SVG, completamente gratuito ed integrato col web (almeno secondo gli standard W3C) . Ha le potenzialità per essere un&#8217;alternativa ad Adobe Flash.
Firefox, Opera, Chrome, Safari già lo supportano come standard. Internet Explorer alla versione 7 ancora no. Ma esiste un plugin della Adobe con il quale riuscirete [...]]]></description>
			<content:encoded><![CDATA[<div style="text-align: justify;"><img class="alignleft size-full wp-image-99" title="I want you be free and vectorial" src="http://www.fireteam.it/wp-content/uploads/2009/05/i_want_you_be_free_and_vectorial.png" alt="I want you be free and vectorial" width="249" height="317" /></div>
<div style="text-align: justify;">
<p>Non lo sai? Esiste un formato grafico vettoriale, <a href="http://www.w3.org/Graphics/SVG/">SVG</a>, completamente gratuito ed integrato col web (almeno secondo gli standard <a href="http://www.w3.org/">W3C</a>) . Ha le potenzialità per essere un&#8217;alternativa ad <a href="http://www.adobe.com/">Adobe Flash</a>.</p>
<p>Firefox, Opera, Chrome, Safari già lo supportano come standard. Internet Explorer alla versione 7 ancora no. Ma esiste un <a href="http://www.adobe.com/svg/viewer/install/auto/">plugin della Adobe</a> con il quale riuscirete a visualizzare SVG anche con IE!</div>
<p>La mia pagina <a href="http://nurabsal.altervista.org/">http://nurabsal.altervista.org</a> è completamente vettoriale e realizzata con grafica SVG. Andate a visitarla, ma soprattutto diffondete la notizia sull&#8217;SVG!</p>
<p><strong>Scalable Vector Graphics</strong> abbreviato in <strong>SVG</strong>, indica una tecnologia in grado di visualizzare oggetti di <a title="Grafica vettoriale" href="http://it.wikipedia.org/wiki/Grafica_vettoriale">grafica vettoriale</a> e, pertanto, di gestire immagini scalabili dimensionalmente.<br />
Più specificamente si tratta di un linguaggio derivato dall&#8217;<a title="XML" href="http://it.wikipedia.org/wiki/XML">XML</a>, cioè di un&#8217;applicazione del metalinguaggio posto a base degli sviluppi del Web da parte del consorzio <a class="mw-redirect" title="W3C" href="http://it.wikipedia.org/wiki/W3C">W3C</a>, che si pone l&#8217;obiettivo di descrivere figure bidimensionali statiche e animate.</p>
<p><span id="more-97"></span></p>
<h2>Introduzione al formato SVG</h2>
<p>Le caratteristiche principali del formato SVG sono:</p>
<ul>
<li><strong>Vettoriale</strong>: al contrario del formato grafico raster (ad esempio Gif o Jpeg), è possibile scalare e zoommare a piacimento l&#8217;immagine SVG senza perdita di qualità.</li>
<li><strong>Interattivo</strong>: attraverso un linguaggio di scripting è possibile rendere l&#8217;immagine SVG interattiva.</li>
<li><strong>Dinamico</strong>: è possibile creare delle animazioni attraverso l&#8217;uso del linguaggio di animazione SMIL (Synchronized Multimedia Integration Language), un altro formato standard del W3C.</li>
<li>&#8220;<strong>Open</strong>&#8220;: non è un formato proprietario, le specifiche sono liberamente consultabili sul sito del W3.</li>
<li><strong>XML-based</strong>: permette lo sviluppo con i numerosi strumenti già esistenti per XML.</li>
<li><strong>Testuale</strong>: è possibile creare e modificare documenti SVG con un semplicissimo editor di testo; inoltre si hanno grandi benefici in ambito Web comprimendo i file testuali.</li>
</ul>
<h2>Alcuni esempi di lavori in SVG</h2>
<p>I seguenti oggetti sono in formato SVG, per visualizzarli se sei su Internet Explorer scarica e installa il <a href="http://www.adobe.com/svg/viewer/install/auto/">plugin della Adobe</a> SVG.</p>
<p>Per i fan del frisbee:</p>
<p><center></p>
<div id="fresbee_freestyle"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/fresbee_freestyle.svg" width="275" height="275"  type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p><center></p>
<div id="me"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/me1.svg" width="320" height="500"  type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p>Ecco qui invece una simulazione di un braccio meccanico automatizzato (un braccio meccanico bedimensionale a tre link accoppiati con giunti rotoidali, in poche parole un pendolo triplo nel piano):</p>
<p><center></p>
<div id="pendolum3"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/pendolum3.svg" width="550" height="550" type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p>Conoscete le serie geometriche?</p>
<p><center></p>
<div id="serie"><embed src="http://www.fireteam.it/wp-content/uploads/2009/05/quadrato_infinito.svg"  width="250" height="400" type="image/svg+xml" wmode="transparent"></embed></div>
<p></center></p>
<p>Maggiori dettagli su questi lavori in SVG su  <a href="http://nurabsal.altervista.org/">http://nurabsal.altervista.org</a>. Ciao!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.fireteam.it/2009/06/introduzione-svg-scalable-vector-graphics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
