Dimensione testo

La funzione Esporta per schermi di Adobe Illustrator

  • Mercoledì, 24 Ottobre 2018 08:41
  • Scritto da

Oggi vedremo funzione Esporta per schermi di Illustrator, che ci consente di esportare risorse di diverse dimensioni e formato con una sola azione.

Per il tutorial utilizzeremo il seguente file
:



Il nostro scopo e salvare separatamente tutte le icone dallo stesso file sorgente di partenza.

Scarichiamo il file da
questo link e apriamo il file in formato .eps con Adobe Illustrator:



Separiamo i vari livelli cliccando sull'immagine con il tasto destro del mouse e scegliendo l'opzione Separa:



Clicchiamo quindi nel menu File>Esporta>Esporta per schermi...:



Clicchiamo quidi sul pulsante Pannello Esportazione risorsa:



La finestra si chiuderà e comparirà a destra il pannello Esportazione risorsa:



A questo punto dobbiamo selezionare le icone che ci interessano e trascinarle nel pannello Esportazione risorsa come nell'immagine. Dal pannello riselezioniamo le icone che vogliamo esportare e al termine clicchiamo su Esporta in basso a destra:



Selezioniamo la cartella in cui salvare i files e abbiamo terminato:



Ecco il risultato finale:


Oggi vediamo una semplicissima utility che ci consente di ridimensionare un'immagine molto velocemente con un semplice trascinamento. L'utility si chiama FastImageResizer e potete scaricarla da questo link:
http://adionsoft.net/fastimageresize/

L'installazione è rapida (basta seguire la procedura guidata).

Questa è la semplice interfaccia del programma:



Dal menu a tendina del programma possiamo selezionare la nuova risoluzione tra quelle predefinite o scriverne una nuova manualmente:



Per ridimensionare l'immagine basta trascinarla sulla finestra del programma:



Verrà generata una cartella di nome "resized" con all'interno la nostra immagine con la nuova dimensione:



Se clicchiamo su Options possiamo personalizzare alcune impostazioni tra cui la qualità e il formato dell'immagine:



Per aggiungere una nuova dimensione clicchiamo su Edit List... e poi sul pulsante Add:





Confermiamo con OK.

Il gioco è fatto ;)

Oggi vedremo come trasformare in vettoriale (nei formati SVG, EPS e PDF) un'immagine bitmap (nei formati JPG, PNG, BMP e GIF).

Le immagini bitmap anche
note come immagini raster, sono composte da una griglia di pixel. Hanno dimensioni inferiori, ma anche una qualità inferiore. Inoltre tendono a sgranare a mano a mano che si ridimensiona l'immagine. Sono comunemente usate sul web per via della ridotta dimensione che ne consente il caricamento rapido.

Le immagini vettoriali sono formate da forme come cerchi, rettangoli, righe e curve. Hanno dimensioni ridotte e possono essere ridimensionate praticamente all'infinito senza perdita di qualità.

Ovviamente più l'immagine di partenza ha i
tratti marcati più il risultato finale è migliore.

Procediamo con il tutorial. Per prima cosa colleghiamoci al sito del programma (che è a pagamento):
https://it.vectormagic.com/

E' possibile vettorializzare direttamente online o tramite il programma. Online possiamo vedere gratuitamente il risultato della vettorializzazione.

Nel tutorial utilizzeremo il programma. La procedura è tutta automatica e guidata.

Partiamo da un'immagine in formato png:


La qualità è già ottimizzata per il web, ma se dovessimo ridimensionare l'immagine possiamo notare che i bordi sgranano e sfocano:



Apriamo il programma e carichiamo la nostra immagine:



Abbiamo diverse opzioni; possiamo lasciare selezionata l'opzione "Di base" e clicchiamo sul pulsante "Seguente":





Come possiamo vedere dall'immagine il programma seleziona automaticamente le opzioni adatte al tipo di immagine. Possiamo lasciare quindi attiva l'opzione "Grafica con anti-alias" e cliccare sul pulsante "Seguente":



Selezioniamo la qualità dell'immagine e procediamo cliccando sul pulsante "Seguente":



Scegliqmo la modalità colore tra quelle disponibili:



Procediamo al passaggio successivo:


La conversione è completata:



E' possibile gestire ulteriormente il risultato. Nel nostro caso rimuoveremo lo sfondo utilizzando lo strumento ad hoc (che funziona come lo strumento gomma magica di Photoshop):



Selezioniamo l'icona "Cancella" e clicchiamo sullo sfondo dell'immagine che sparirà in un clic:



Ecco il risultato:



Esportiamo quindi il risultato scegliendo il formato che ci interessa:



Selezioniamo il percorso di salvataggio e clicchiamo sul pulsante "Salvare":



Ecco il risultato finale:



Il gioco è fatto ;)

Come creare una stella di luce con Photoshop

  • Lunedì, 15 Gennaio 2018 09:14
  • Scritto da

Oggi vedremo come creare un effetto di luce con Adobe Photoshop che ricorda una stella! Mettiamoci subito a lavoro :)!

Per prima cosa creiamo un nuovo documento (in questo caso ho impostato le dimensioni a 800x600):



Impostiamo il colore di primo piano nero (basta premere il pulsante D)



Coloriamo lo sfondo di nero (possiamo farlo con la combinazione di tasti ALT+BACKSPACE)



A questo punto duplichiamo il livello:



Clicchiamo sullo strumento sfumatura (basta premere il pulsante G):



"Disegnamo" lo sfondo gradiente da sotto verso sopra; il risultato sarà il seguente:



A questo punto utilizziamo il filtro "Effetto onda":



Impostiamo i parametri come in figura:



il risultato sarà il seguente:



Utilizziamo quindi il filtro "Coordinate polari":





Ecco il risultato:



A questo punto regoliamo la tonalità e la saturazione dell'immagine:



Ecco il risultato:



A questo punto applichiamo il filtro rendering "Effetti di luce":



Impostiamo il tipo di luce come "Omni" e lasciamo invariate gli altri parametri:





Ecco a noi la nostra stella di luce digitale!!!



Ovviamente possono essere utilizzati colori diversi in base alle nostre esigenze o alla nostra fantasia!

Il gioco è fatto ;)

Creare un effetto acqua con Photoshop

  • Lunedì, 15 Gennaio 2018 09:12
  • Scritto da

Vediamo come creare un semplice effetto acqua con Adobe Photoshop.

Per prima cosa creiamo un nuovo documento cliccando su File>Nuovo e utilizziamo le seguenti impostazioni:




A questo punto creiamo un nuovo livello sul livello Sfondo cliccando sul pulsante evidenziato dalla freccia:



Impostiamo il seguente colore di sfondo per il nuovo livello (#0066cc):



Inseriamo lo sfondo con lo strumento Secchiello:



Questo è il risultato dopo l'impostazione dello sfondo:



Sul livello selezionato impostiamo il filtro Nuvole:



Ecco il risultato:



A questo punto utilizziamo il filtro Bassorilievo:


Utilizziamo i seguenti parametri per il filtro selezionato:



Il risultato è già accettabile, ma per rendere l'acqua un pò più brillante procediamo nel seguente modo. Duplichiamo il livello appena creato:





Stavolta utilizziamo il filtro Sfocatura "Controllo sfocatura":



Utilizziamo un raggio di 1,8 pixel:





A questo punto fondiamo il livello selezionato con il precedente utilizzando il metodo "Luce soffusa":



Ecco il risultato finale!

Il gioco è fatto ;)

Categorie tutorial