43
COMPUTER GRAFICA DISEGNO con il pc Per poter disegnare con il pc devi saper utilizzare un PROGRAMMA; esistono programmi per disegni 2D (figure piane – poligoni) e per disegni 3D (figure solide – poliedri e non poliedri). Prof. ssa Rossella D’Imporzano Aggiornata: Agosto 2017

DISEGNO con il pc · Software di disegno tecnico Software di disegno creativo A pagamento (licenza): ... Apri il documento modello_A4.svg (vedi slide precedente). 3

Embed Size (px)

Citation preview

COMPUTER GRAFICA

DISEGNO con il pc

Per poter disegnare con il pc devi saper utilizzare un PROGRAMMA; esistono programmi per disegni 2D (figure piane – poligoni) e per disegni 3D (figure solide – poliedri e non poliedri).

Prof.ssa Rossella D’ImporzanoAggiornata: Agosto 2017

Disegno Vettoriale Disegno Raster

Usato per Disegno Tecnico Usato per FOTO o nella fase di rending di un modello 3D

Le immagini sono fatti di linee e si possono ridurre o ingrandire senza compromettere la qualità e la risoluzione.Possiamo modificare la scala senza deformare il disegno.

Le immagini sono fatte di pixel (piccoli punti) e la densità e la concentrazione dei pixel viene detta RISOLUZIONE e si indica in PPI ossia pixel per pollice; la quantità di punti per unità di superficie e viene usata per indicare la definizione dell’immagine; se è elevata l’immagine è buona ma occupa molta memoria, se è bassa è sfocata ma più leggera.

Software di disegno tecnico Software di disegno creativo

A pagamento (licenza): Software CAD 2D e 3D – AutoCAD A pagamento (licenza): Adobe Photoshop

Open Source* e freeware**: Inkscape 2D – Tinkercad - SketchUp 3D

Open Source* Gimp

La Tecnica di elaborazione dell’immagine grafica

*Open source: software scaricabili gratuitamente che permettono di

agire sul codice sorgente e di apportare modifiche e personalizzare il software. Software è della comunità degli sviluppatori.

**freeware: software gratuito ma dopo aver fornito i tuoi dati e aver

accettato le condizioni di utilizzo e non puoi modificare il codice di applicazione. Software è di proprietà della azienda.

Prof.ssa Rossella D’Imporzano

I Programmi di disegno computerizzato OPEN SOURCE (GRATUITI) o FREEWARE (GRATUITI MA CON REGISTRAZIONE) che noi possiamo imparare ad usare sono:

Fasi del Disegno 3DUn disegno 3D con qualsiasi software lo realizzo prende corpo attraverso 4 FASI:1. MODELLAZIONE: fase iniziale, dare forma al solido con comandi del software.2. SURFACING e TEXTURING: dare ruvidità, colore, trasparenza per attribuire proprietà estetiche alla superficie del solido.3. ILLUMINAZIONE: creare ombre, effetto profondità.4. RENDERING: fase finale; si procede a «FOTOGRAFARE» il modello per ottenere un FILE di tipo immagine, l’oggetto

assomiglia così all’oggetto reale. Il pc può richiedere molto tempo a seconda della potenza del pc.

Software 2D Software 3D - Modellatori 3D

Inkscape SketchUp

Tinkercad (Modelli pronti per stampa 3D)

SugarCad (Modelli pronti per stampa 3D)

Prof.ssa Rossella D’Imporzano

Programma Open Source diDISEGNO VETTORIALE 2D https://inkscape.org/it/

Il formato di salvataggio è ScalableVector Graphics abbreviato in .svg,indica una tecnologia in grado divisualizzare oggetti di graficavettoriale e, pertanto, di gestireimmagini scalabili dimensionalmente.Consente la visualizzazione deidisegni sul web.Il formato di esportazione è .dxf(compatibile con tutte le macchinelaser per il taglio e l’incisione o i variplotter per il taglio di materialiautoadesivi sagome e adesivi)

https://www.youtube.com/watch?v=Mcxkx02FikI&list=PLdSUbaRAp2bEjaqo2tNrsgFjuwzW9_759

Inkscape tutorial https://inkscape.org/it/apprendi/

Prof.ssa Rossella D’Imporzano

Inkscape

1. https://inkscape.org/it/

2. Seguire le istruzioni relative al proprio sistema operativo

Nel dubbio scegliere 32-bit

Per conoscere il tipo di sistemaoperativo del tuo pc clicca supannello di controllo e leggi.

Prof.ssa Rossella D’Imporzano

Inkscape: INSTALLAZIONE

Nella tua cartella di download trovi questo File:

Fai doppio click e segui le istruzioni per l’istallazione

Prof.ssa Rossella D’Imporzano

Inkscape

Inkscape

Prof.ssa Rossella D’Imporzano

1. Area di disegno principale

2. Barra degli strumenti

3. Barra dei comandi

4. Barra di opzioni strumenti

5. Barra dei controlli di aggancio

Inkscape: interfaccia grafica

Seleziona e trasforma oggetti

Modifica tracciati dai nodi

Crea rettangoli e quadrati

Crea solidi 3D

Disegna linea a mano libera

Disegna tracciati e linee dritte

Inserisci il testo

2. BARRA DEGLI STRUMENTI del Disegno

1. AREA DI DISEGNO PRINCIPALE il formato standard è A4 ma può essere cambiato File/Proprietà del documento

3. BARRA DEI COMANDI

5. BARRA DEI CONTROLLI DI AGGANCIO4. BARRA DI OPZIONI STRUMENTI

Prof.ssa Rossella D’Imporzano

COMANDO AZIONE

File/Nuovo Apri un nuovo documento

File/proprietà del documento Si apre una finestra con diverse schede scegliere la Scheda Pagina

Scheda Pagina

Imposta larghezza a 297

Imposta altezza a 210

Orientamento Orizzontale

Unità predefinite in mm

Prof.ssa Rossella D’Imporzano

Inkscape: PREPARARE IL FOGLIO DI LAVORO griglia

Scheda Griglie

Imposta unità griglia mm

Imposta spaziatura x e y su 0,5

Linee principali della griglia ogni 1

Prof.ssa Rossella D’Imporzano

Inkscape: PREPARARE IL FOGLIO DI LAVORO griglia

Scheda aggancio

Imposta la distanza di aggancio a 5 pixel

Controlla che tutte le voci siano impostate su «aggancia solo se più vicino di»

Prof.ssa Rossella D’Imporzano

Inkscape: PREPARARE IL FOGLIO DI LAVORO griglia

Crea 2 guide per definire il centro del foglio Foglio A4 297 mm x 210 mm (:2)

Guida orizzontale x 148,5 y 105 Angolo 0 mm

Guida verticale x 148,5 y 105 Angolo 90 mm

Devi trascinarle dai righelli verso il centro della pagina. Puoi impostare successivamente le coordinate precise con un doppio clic su ogni guida.

Salva il documento con il nome modello_A4.svg

Prof.ssa Rossella D’Imporzano

Inkscape: PREPARARE IL FOGLIO DI LAVORO griglia

Prof.ssa Rossella D’Imporzano

IMPOSTAZIONI

Crea nel foglio un rettangolo.Nel menù oggetto scegli la voce Riempimento e contorni. Nella finestra che si apre sulla destra del disegno clicca sul pulsante CMYK e imposta da 0 i valori di C,M,Y,K. Clicca sulla figura rettangolo creata e il colore di fondo sparirà. Potresti ottenere lo stesso agendo sulla linea in basso

Riempimento e contorno agendo con tastiera.

Nella stessa finestra, aprendo la scheda Stile e contorno, imposta la larghezza a 0,13 mm; questo ti permetterà di disegnare sempre con uno spessore di linea fine.

Inkscape: PREPARARE IL FOGLIO DI LAVORO impostazioni

Salva il documento già nominato.

Prof.ssa Rossella D’Imporzano

1. Lancia Inkscape

2. Apri il documento modello_A4.svg (vedi slide precedente).

3. Premi il tasto + per ingrandire il foglio alcune volte (spostati con i cursori per centrare l’area di lavoro).

4. Strumento Crea cerchi premendo contemporaneamente il tasto Maiusc e Ctrl clicca sull’intersezione centrale delle guide e trascina fino ad ottenere un cerchio di diametro 50 mm. (vedi sulla barra di stato in basso). Rilascia prima il tasto del mouse e poi i tasti.

5. Strumento Crea quadrati e ripeti la stessa operazione, sempre premendo tasti Maiusc e Ctrl fino a toccare il perimetro del cerchio.

6. Prendi lo strumento Seleziona e trasforma oggetti (freccia) apri il menu Oggetto e scegli la voce Trasforma; si apre una finestra sulla destra, nella quale si deve selezionare la scheda Ruota, dove si imposta l’angolo a 45°. Clicca su Applica per ruotare il quadrato.

7. Traccia le due diagonali del quadrato. Usando Disegna linee a mano libera (matita) cliccando sui due punti che collegano ciascuna linea.

8. Salva il documento in formato .svg (es: rombo.inscritto.svg).Prof.ssa Rossella D’Imporzano

Inkscape: ESERCIZIO 1

Inkscape: ESERCIZIO 2

1. Apri il documento modello_A4.svg (vedi slide precedente).

2. Premi il tasto + per ingrandire il foglio alcune volte (spostati con i cursori per centrare l’area di lavoro).

3. Nella barra dei controlli agganci seleziona Aggancia alle griglie

4. Strumento Crea cerchi premendo contemporaneamente il tasto Maiusc e Ctrl clicca sull’intersezione centrale delle guide e trascina fino ad ottenere un cerchio di diametro 100 mm. (vedi sulla barra di stato in basso). Rilascia prima il tasto del mouse e poi i tasti.

5. Strumento Crea e modifica oggetti testuali indica i punti 1, O e C. Usa dimensione di 14 pt.

6. Strumento Crea cerchi premendo contemporaneamente il tasto Maiusc e Ctrl portati con il cursore sul punto 1 e traccia un nuovo cerchio a intersecare il precedente.

7. Riducilo ad arco eliminando le parti eccedenti e inserisci le lettere A e B nei punti di intersezione tra le due circonferenze.

8. Imposta le opzioni Aggancia all’intersezione dei tracciati e Aggancia alle guide

9. Usando Disegna tracciati (penna) collega i punti A,B,C e ottieni il triangolo equilatero. Premi Esc per disattivare la selezione.

10.Completa il disegno colorando i cateti con pannello Riempimento e contorni e nella sezione Colore contorno seleziona CMYK e imposta C a 80 e K a 0.

11.Salva il documento in formato .svg (es: triangolo.svg).

Prof.ssa Rossella D’Imporzano

Una volta evidenziato tasto destro e posso

modificare riempimento e contorno

Prof.ssa Rossella D’Imporzano

Programma freeware

di

DISEGNO VETTORIALE 3D

Modellazione per superfici

https://www.sketchup.com/it

Crea Solidi partendo dalla figurapiana di base; viste in

assonometria isometrica

Il formato di salvataggio è .skp

Esiste anche la versione a pagamento con licenza

SketchUp Pro.

Prof.ssa Rossella D’Imporzano

SketchUp Make

Scegli uso didattico

Prof.ssa Rossella D’Imporzano

SketchUp Make

Se non docente: altro

Prof.ssa Rossella D’Imporzano

SketchUp Make

Prof.ssa Rossella D’Imporzano

SketchUp MakeInstallazione di SketchUp sul PC

Passaggio 1

Fai doppio click sul file del programma di installazione SketchUp.EXE. Molto probabilmente si trova nella cartella Download.

Passaggio 2

Segui le istruzioni del programma di installazione (ce ka puoi fare!)

Passaggio 3

Trova l’icona di SketchUp sul desktop.

Prof.ssa Rossella D’Imporzano

Apri il programma (doppio clic su icona)

SketchUp Make

Prof.ssa Rossella D’Imporzano

SketchUp Make

Prof.ssa Rossella D’Imporzano

BARRA DEGLI STRUMENTI

Se la BARRA DEGLI STRUMENTI non è disponibile vai in menu Visualizza/Barre strumenti e spunta Set grandi strumenti

BARRA DI STATO

altezza

2.AREA DI LAVORO

profondità

Origine degli assi

larghezza

Controllo misure e numero di lati

SketchUp Make

VISTE

Possiamo scegliere:

• Vista dall’alto

• Vista di fronte

• Vista di lato

• Tridimensionale in assonometria isometrica

• Prospettiva

Per accedere dal menu Visualizza/Barre degli strumenti spuntare la voce Viste.

Per controllare manualmente la visualizzazione puoi utilizzare lo strumentoOrbita

Attiva lo strumento, clicca su un punto nel piano e tenendo premuto il mouse,muovi la visualizzazione.

Puoi ottenere lo stesso risultato spostando il mouse con il tasto centralepremuto.

Prof.ssa Rossella D’Imporzano

SketchUp Make

STRUMENTI PER CREARE MODELLO 3D

STRUMENTI PER MODIFICARE

Spingi/tira Estrusione

Seguimi Rivoluzione (per creare tubi)

Vista impostata su Iso

Muovi per spostarli

Ruota per ruotarli

Scala per ridimensionarli

CON 1 CLICK SELEZIONI 1 FACCIA – CON 2 CLICK SELEZIONI FACCIA E BORDO – CON 3 CLICK SELEZIONI TUTTO IL SOLIDO

STRUMENTI PER DISEGNARE MODELLO 2D DI BASE

Gli strumenti si attivano con un clic e con la tecnica punta-clicca-trascina-rilascia.Clic forma punto sull’origine degli assi e apro la figura, vedi misure a destra in basso e rilascio.Se sbaglio posso cancellare con CTRL Z.Per cancellare un lato Selezionare e cliccare sul lato che cambia colore (per più lati tengo premuto Maiusc) e poi CANC.

Cancella Puoi rimuovere una o più parti del disegno quando lo spigolo diventa blu

Prof.ssa Rossella D’Imporzano

SketchUp MakeBARRA DEGLI STRUMENTI

Parallelepipedo

Prof.ssa Rossella D’Imporzano

SketchUp Make

https://www.youtube.com/watch?v=r_uLrIK6mWQ

Tutorial: imparare sketchup

SketchUp Make

Cilindro

Prof.ssa Rossella D’Imporzano

TINKERCAD

È più semplice di Sketchup perché si parte da un archivio di solidi già pronti che puoi modificare a piacere.

Non è necessaria l’istallazione perché si lavora direttamente on line e i disegni sono salvati nel web.

Il formato di salvataggio permette la visualizzazione dei disegni sul web.

Il formato di esportazione è compatibile con STAMPANTI 3D.

Il suo utilizzo gratuito, prevede una registrazione online e NON richiede nessuna istallazione sul pc, basta avere connessione internet e un browser. Termini e comandi sono in Inglese.

Prof.ssa Rossella D’Imporzano

Programma freeware di DISEGNO VETTORIALE 3D Modellazione di solidi

https://www.tinkercad.com

2

3

Richiesta data di nascita, e-mail e una password

Prof.ssa Rossella D’Imporzano

1

Prof.ssa Rossella D’Imporzano

Tinkercad ti permette di archiviare i disegni all’interno di cartelle chiamate Projects.Per creare un nuovo progetto cliccare su Create project nel menù a sinistra.Successivamente puoi cliccare su Create new design (crea disegno) per aggiungere undisegno al progetto. Se inizi a disegnare senza aver creato la cartella puoi spostarli dopocon comando Movie to project (sposta al progetto) dal menù Action presentesull’anteprima del disegno.

Prof.ssa Rossella D’Imporzano

Doppio click e cambi il Titolo

Piano di lavoro

Pannello di controllo e di navigazione

Controllo della griglia, per

modificare la griglia del piano di lavoro

menù degli strumenti

Menù dell’applicazione – Comandi principali

Modellazione: raggruppa-separa, allinea e annulla

Forme disegno

Prof.ssa Rossella D’Imporzano

Prof.ssa Rossella D’Imporzano

Prof.ssa Rossella D’Imporzano

Tinkercad: CAD e stampa 3D per bambini e ragazzi 27:48

https://www.youtube.com/watch?v=W5ts6ztcLjk

Tinkercad: breve guida per neofiti

https://www.youtube.com/watch?v=zd4vrmhxxd0

Prof.ssa Rossella D’Imporzano

Pagina

Per disegnare in 3D SugarCAD è appositamente pensato per la scuola dal MIUR e ottimizzato per l'utilizzoanche su dispositivi touch. Nato nell'ambito della sperimentazione del progetto di ricerca "Maker@Scuola", SugarCADè un software di modellazione 3D gratuito che, grazie alla sua semplicità di utilizzo, permette a docenti, studenti e makersdi dare forma alle loro idee.

SOFTWARE FREEWARE PER LA MODELLAZIONE 3D SugarCAD

http://3d.indire.it/

http://3d.indire.it/index.php?act=SugarCAD

SugarCAD, all'interno del sistema in3Dire, funziona anche in assenza di connessione internetProf.ssa Rossella D’Imporzano

È un'immagine 2D che se osservata mediante appositi occhiali dotati di due filtri di colore complementare l'uno rispettoall'altro, fornisce una illusione di tridimensionalità 3D.Lo standard corrente dei colori per le lenti dell'anaglifo sono il rosso, per il canale sinistro, e il ciano, per il destro e ilmateriale utilizzato per i filtri acetato (poliestere).La visione nella sua tridimensionalità è ottenuta attraverso due immagini parallele riprodotte una sull'altra.Per poter osservare le due immagini separatamente, bisogna indossare gli occhiali con le due lenti colorate: l'occhio chevede attraverso il filtro rosso vedrà le parti rosse dell'immagine come "chiare/bianche" e le componenti ciano (blu e verdi)come "scure/nere". Allo stesso modo l'occhio che vede attraverso il filtro ciano scarterà le componenti rosse, vedendosolamente quelle ciano (verde+blu). Le parti bianche, nere o grigie (prive di crominanza), verranno percepite sia dall'occhiodestro che dal sinistro.Il cervello unisce le due immagini e interpreta le differenze visive come il risultato della differente distanza tra i soggetti inprimo piano, in secondo piano e sullo sfondo e l’effetto sarà TRIDIMENSIONALE.

Prof.ssa Rossella D’Imporzano

ANAGLIFI

CREA IL TUO ANAGLIFO

Con matitaDisegna un rettangolo sul foglio con una matita rossa.Ridisegna lo stesso rettangolo, leggermente scostato a sinistra con una matita azzurra. (matite e lenti occhiali devono avere stesso colore)

Con Inkscape o Photoshop

Permettono di disegnare gli oggetti su livelli diversi e di copiare il disegno eseguito e cambiarne il contorno usando i due colori Rosso e Ciano.(Photoshop: dimensioni 13300x1000 pixel Rosso è Pantone 150C).

Prof.ssa Rossella D’Imporzano

OLOGRAMMIOLOGRAMMA è un’immagine realizzata con l’ausilio di un raggio laser capace di dare una forte illusionedi tridimensionalità, se osservati alla luce di un fascio laser diventano sculture e ci si può girare attorno.

Oggi esistono proiettori olografici molto economici da usare con il tuo smartphone (sul quale avrai scaricato l’applicazione).

Prof.ssa Rossella D’Imporzano

REALTÀ VIRTUALE E REALTÀ AUMENTATA

La differenza fra Realtà virtuale e Realtà Aumentata è che,nel primo caso, ci si trova ad osservare su uno schermo laproiezione di un mondo totalmente fittizio e costituitointeramente da oggetti virtuali.Nel secondo caso, invece, innanzitutto non si è vincolati aduna visualizzazione su schermo, ma qualsiasi superficiepuò diventare un supporto per visualizzare il flusso videoin Realtà Aumentata; ciò che viene ripreso, inoltre,è un’integrazione fra immagini reali ed oggetti virtuali.

Realtà Aumentata = mondo reale + oggetti virtuali

https://www.youtube.com/watch?v=WVzNvFYzhnc

https://www.youtube.com/watch?v=9bGjmSl_yYo

Realtà virtuale = mondo virtuale

Registrati su : https://www.aurasma.com/ e scarica l’APP sul tuo smartphone

Crea QCode su: https://www.the-qrcode-generator.com/e scarica l’applicazione Q code Reader sul tuo smartphone

Prof.ssa Rossella D’Imporzano

BIBLIOGRAFIA

• Libro consigliato:TECNO ATELIER (Disegno) – Cappè - Ferrari – SEI - da pag.53 a 72

• Per diventare dei veri esperti andate a visionare i diversi tutorial segnalati nelle slide sopra.

• https://it.wikipedia.org/wiki/Anaglifo

• http://www.comunitazione.it/leggi.asp?id_area=143&id_art=5087

Prof.ssa Rossella D’Imporzano

Prof.ssa Rossella D’Imporzano

Rispetto della Privacy