Cos'è un mock-up e come si fa?

Giorni fa è successo che un cliente mi facesse la richiesta:
"Avrei bisogno di un mock-up per questo progetto"
.. e io "uh?"

Cosi mi sono informata e condivido con voi queste informazioni, cosi non sarete impreparati se vi viene richiesto di farne uno! :)

Il mock-up è l'attività di riprodurre un oggetto (o modello) in scala. Chi esegue un mock-up è chiamato "mock-up artist".

Come si fa un mock-up?
A seconda del progetto si sceglie la tecnica per produrre questo modello, in modo da dare l'idea al cliente di quello che verrà realizzato. Per farlo occorre ricordare queste semplici regole

1. attirare l'attenzione usando forme e colori
2. con dimensioni diverse dall'originale
3. costruito materiale diverso dall'originale (sbizzarritevi)
   
4. che non debba rispettare le funzioni o l'uso dell'oggetto originale, è solo un oggetto che assomiglia all'originale o che deve dare un'idea visiva.
   

In questo modo il mock-up si differenzia nettamente dal modello o dal prototipo fisico.

Oggi l'attività del mock-up artist si rivolge anche al web design e per la prototipizzazione in 3d, utilizzata dagli ingegneri per disegnare e configurare prodotti complessi. Che ve ne pare? Mock-uppiamoci!

Come salvare un file in gif con the Gimp?

Nei precedenti tutorial abbiamo parlato di jpg e ong, e ora passiamo a parlare di gif, (vedi qui su wikipedia)

Quando e perche salvare un immagine in gif?
A) se stiamo facendo un animazione (ne tratteremo più avanti)
B) se vogliamo mantenere la trasparenza dell'immagine
C) se vogliamo un immagine molto compressa e leggera
D) se non abbiamo un immagine prevalentemente sfumata

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

procedimento
1. File --> Salva con nome
2. Finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo: immagine.gif, si aprirà questa finestra di dialogo:


3. Esportiamo l'immagine cliccando su "Esporta" e vedremo:


Se stiamo salvando un immagine semplice (non un'animazione) tutta una serie di parameti sotto li vedremo in grigetto, appunto perchè sono i parametri dell'animazione (temporizzazione, ritardo in millesecondi, ecc)

Possiamo scrivere dei commenti, che rimarranno nell'immagine, oppure cancellare il tutto e poi..

4. Clicchiamo "salva" alla fine della finestra e la nostra gif è salva(ta)

Come salvare un file in png con the Gimp?

Nel precedente tutorial abbiamo parlato del formato di salvataggio Jpg, ora passiamo a voler salvare la nostra immagine nel formato "png" cosa significa?

Andiamo a vederlo insieme

1. File --> Salva con nome

2. Cliccando "Salva con nome" si aprirà la finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo immagine.png
(vedi qui su wikipedia)

Il png è un formato simile al gif (altro formato utilizzato principalmente per immagini senza sfumature e animazioni) mantiene la trasparenza dell'immagine (quello che non succede con il jpg) ha una buona compressione dei dati, ma conserva tutte le caratteristiche dell'immagine

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera (tutorial futuro)
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

La finestra di dialogo per le png è la seguente:


L'immagine possiamo alleggerirla leggermente se decidiamo di NON salvare i commenti e la data di creazione, criptati all'interno dell'immagine stessa.
Toccando il livello di compressione anche li, più alto è il valore (ad es. 9) e più alta è la compressione = minor peso.


3. E ora clicchiamo su "salva" alla fine della finestra e il gioco è fatto!


Nel prossimo tutorial come salvare in gif, perchè, e quando serve!

Come salvare un file in jpg con the Gimp?

Un tutorial su come salvare un immagine, direte che è una cosa semplice, basta cliccare, ma state davvero salvando al meglio la vostra immagine?

Salvare un immagine significa anche deciderne il formato, il livello di compressione e la qualità.

Formati in pillole
* gif = si trasparenza, no sfumature, media qualità = leggera (tutorial futuro)
* png = si trasparenza, si sfumature, si qualità = pesante
* jpg = no trasparenza, si sfumature, si qualità = medio peso

Andiamo a vedere insieme i parametri per un salvataggio di un jpg.

1. File --> Salva con nome


2. Cliccando "Salva con nome" si aprirà la finestra di dialogo per salvare l'immagine nel proprio pc a questo punto scriviamo: immagine.jpg
(vuoi informazioni su questo formato di salvataggio per le immagini? vedi qui su wikipedia)
Il programma ci chiederà di "esportare" l'immagine cliccando di "si", si apre la seguente finestra di dialogo

Questa finestra di dialogo che appare ci da la possibilità di scegliere la qualità (e dunque il livello di compressine) se puntiamo la casella "Mostra l'anteprima nella finestra immagine" possiamo vedere in tempo reale come risulterà essere la nostra immagini e ci da simultaneamente la dimensione (cioè il peso in kb) dell'immagine.

E le opzioni avanzate?
se clicchiamo sulla freccetta nera si apre un ulteriore parte della finestra di dialogo con la possibilità di scegliere:

* Ottimizzazione (cliccate sul quadrattino, sempre congliata)

* Progressiva (dite di si, funziona che l'immagine se caricata viene visualizzata prograssivamente, dunque copressa meglio)

* Sottocampionatura: scegliere il metodo (da quello più compresso a quello meno compresso, tutto questo va a incidere sul peso finale dell'immagine)

3. Clicchiamo su "salva" alla fine della finestra e il gioco è fatto!


Nel prossimo tutorial come salvare in png e cosa significa farlo...

Come ritagliare un immagine con the Gimp?

Eccoci tornati con un "tutorial per negati" per chi appunto è alle prime arme con i programmi di grafica (titolo preso dalla famosa collana di libri)

Scalare un immagine con the Gimp.. è facilissimo!
Grazie allo strumento "taglierina", [è lo strumento che vi ho evidenziato con il cerchietto rosso qui a fianco.]

1. Aprire il programma di manipolazione immagini The Gimp

2. Aprire l'immagine da ritagliare File --> Apri

3. Cliccare sull'icona "strumento taglierina"

Con questo strumento attivato andiamo a selezionare la parte della nostra immagine che vogliamo ritagliare.
Lo strumento crea una visualizzazione in modo da evidenziare quello che vogliamo ritagliare, mentre ciò che è fuori dalla selezione diventa scuro, in modo da far evidenziare la zona interessata

4. Cliccare due volte, velocemente, in uno dei 4 angoli della selezione creata, in questo modo la parte non selezionata viene tagliata fuori dall'immagine.

Ecco che la nostra immagine è ritagliata per bene!

nel prossimo tutorial per negati vi racconterò anche come salvare un immagine per comprimerla al meglio.. immagini troppo pesanti sono un problema per il mondo web e per le presentazioni a presto!

Come scalare un immagine con the Gimp?

Questo tutorial è molto facile, mi sono accorta che chi è completamente digiuno di programmi i grafica anche il semplice "scalare" un immagine e salvarla in modo compresso, non è un operazione cosi semplice, allora ho pensato di scrivere ogni tanto dei "Tutorial per negati."

Come scalare un immagine
1. Aprire il programma di manipolazioni di immagini The Gimp.
2. Aprire l'immagine da File --> Apri --> [scegli immagine]
3. Dal menu orizzontale Immagine --> Scala immagine


4. Impostare la scalatura:


Come si possono vedere possiamo dare diversi "parametri" per scalare l'immagine:

* larghezza e altezza (che rimarrà proporzionata se lasciamo che l'icona del lucchetto è chiusa) questa possiamo definirla in pixel (di base) ma anche in altre unità di misura come i mm

* risoluzione che si esprime in pixel/in, cioè i DPI, cioè i punti per pollice, maggiore è il loro numero, migliore è la resa dell'immagine, ma badiamo bene a "cosa" ci serve l'immagine, se questa deve essere stampata allora penseremo a 300 dpi, mentre se va letta solo a monitor possiamo viaggiare sui 72-100 dpi.

* qualità, mentre il programma scala la nostra immagine originaria possiamo decidere se il procedimento di riduzione sia più o meno di qualità, solitamente l'interpolazione cubica (che è quella consigliata) è di buona qualità.

5. Cliccare su "scala" e il gioco è fatto..!


nel prossimo tutorial per negati vi racconterò di come ritagliare un immagine!

Come cambiare il colore degli occhi con Gimp

Ho trovato su Youtube questo video, lo posto perchè seppure fatto da un tedesco, il titolo del video è "Augen farbe" (colore occhi) si capisce ugualmente bene! :)



Magari non vi capiterà mai nella vita di dover fare una cosa del genere... ma è sempre utile sapere qualche.. trucco in più! :)

In pochi passaggi:
- selezionare gli occhi della ragazza alla perfezione con lo strumento "selezione a mano libera"
- creare un nuovo livello e riempire la selezione con il colore che si desidera
- mettere il nuovo livello, nella finestra livelli,in modalità "Colore"
- correggere un pò per far vedere il nero della pupilla e il gioco è fatto!

Ho sempre sognato di avere gli occhi verdi.. grazie a Gimp ora posso! :P