Ti piacerebbe poter deformare e muovere le tue figure vettoriali come delle marionette? In questo post imparerai ad utilizzare la funzione alterazione Marionetta di Illustrator, introdotta nella versione 2018. Sei pronto? iniziamo! Funzione Marionetta di Illustrator: cos'è e come funziona La funzione Alterazione Marionetta consente di trasformare gli oggetti e di muoverli come dei veri burattini attraverso una sorta di ossatura posizionata al loro interno. Con questa funzione possiamo di fatto spostare rapidamente porzioni di un disegno senza dover regolare i singoli tracciati o punti di ancoraggio. Questo è assolutamente fantastico e ne sanno qualcosa gli esperti di Photoshop. Ma vediamo nella pratica come va utilizzato. Innanzitutto, per poter sfruttare questa recente funzione, abbiamo bisogno di uno o più tracciati vettoriali. Possiamo partire da un personaggio, da un animale, da un semplice testo convertito o da una qualsiasi forma primitiva. In questo tutorial agirò sulla figura qui sopra e cercherò…

In questo articolo imparerai ad utilizzare lo strumento gomma di Illustrator per cancellare o rimodellare tracciati vettoriali. Sei pronto? iniziamo! Dopo aver visto quali sono i principali strumenti di disegno di Illustrator, analizziamo un altro simpatico tool spesso snobbato, ma di grande utilità. Lo strumento gomma di Illustrator nel dettaglio Lo strumento gomma, consente di rimuovere manualmente parti di tracciati che compongono una grafica. Ok, ma come funziona esattamente? Mettiti comodo perché in questo articolo ti spiegherò tutto nel dettaglio. Per prima cosa attiva lo strumento dal pannello di sinistra oppure tramite la combinazione di tasti Shift+E. Una volta selezionato, il cursore assume le sembianze di un piccolo cerchio che rappresenta la dimensione della gomma. La grandezza di questo cursore può essere variata all’interno della finestra di opzioni raggiungibile tramite un doppio click sull’icona dello strumento. Qui hai a disposizione 3 opzioni: Angolo Rotondità Dimensione Lascia che ti spieghi meglio.…

Eccolo finalmente! Adobe Illustrator CC 2018 è qui. In questo post, vedremo insieme quali sono le principali novità introdotte da quest’ultimo aggiornamento. E credimi, ce ne sono parecchie! Sei pronto? Iniziamo a esplorare! 1. Novità di Illustrator CC 2018: il nuovo pannello “Proprietà” La prima novità di questa release è l’introduzione di un pannello, dinamico verticale, chiamato “Proprietà”. Questo pannello permette di aumentare la tua produttività mostrandoti tutti i controlli uniti in una sola posizione. In un certo senso, il pannello “Proprietà” sostituisce il vecchio pannello di controllo orizzontale che, nella versione Illustrator 2018, si trova disattivato di Default; ma che può essere richiamato in qualsiasi momento grazie al menù Finestra>Controllo. Ma andiamo ad analizzare questo nuovo pannello situato sul lato destro dell’interfaccia. È solo qualche giorno che lo utilizzo, ma già lo amo. Sono sempre stato convinto che il pannello di controllo orizzontale fosse insostituibile. Purtroppo mi devo ricredere.…

In questo video scoprirai come sia possibile realizzare uno splendido effetto testo 3D semplicemente sfruttando una funzione di Adobe Illustrator chiamata Fusione. Sei pronto? Iniziamo subito Creare un effetto testo 3D con Illustrator STEP 1: Disegna un cerchio ed applica una sfumatura lineare.   STEP 2: Riduci e duplica la forma geometrica posizionando il clone a distanza, ma sulla stessa riga (per farlo tieni premuto il tasto ALT per duplicare e nello stesso momento il tasto SHIFT per spostare sulla stessa riga).   STEP 3: Vai a Oggetto>Fusione>Crea.   STEP 4: Torna a Oggetto>Fusione>Opzioni fusione e imposta una spaziatura di almeno 400.   STEP 5: Seleziona la fusione appena creata e il tracciato vettoriale sul quale vuole applicare l'effetto (attenzione, questa funzione lavora solo se applicata a tracce e non funzionerà su eventuali elementi testuali convertiti in contorni).   STEP 6: Vai a Oggetto>Fusione>Sostituisci dorso   STEP 7: Puoi modificare…

Vuoi imparare a realizzare siti web senza scrivere una sola riga di codice? Oggi è possibile! Grazie ad Adobe Muse. In questo articolo ti spiego come, attraverso questo rivoluzionario software, sia possibile davvero disegnare pagine web responsive anche senza conoscere i più comuni linguaggi di scripting, markup e formattazione. Non solo, all’interno della guida troverai tutto ciò che ti serve per iniziare a muovere i primi passi all’interno di Muse. Sei pronto? Si comincia! PS: La guida è offerta da Muse Beginner, il nostro gruppo privato su Adobe Muse. Puoi accedere gratuitamente al gruppo privato da questo link. Ti racconto una breve storia Facciamo un tuffo nel passato. Era l’anno 2009 e frequentavo la Scuola di Grafica & Multimedia. Stavo concludendo le ultime pagine del mio sito web realizzato con Adobe Flash. In quell’anno frequentavo un corso di Web design per imparare ad usare Adobe Flash; avevo ottenuto anche buoni risultati.…

Molti dei visitatori che giungono su Grafigata spesso domandano da dove partire per imparare ad usare Illustrator da zero. Insomma: come si impara ad usare Illustrator? Proprio per rispondere a tutte queste richieste, mi sono sentito in dovere di realizzare un'intera guida, una sorta di manuale per chiunque desideri muovere i primi passi all'interno di questo software. In questo post ti insegnerò ad usare Adobe Illustrator dalle basi.  Scoprirai anche come, grazie ad Illustrator Startup, diverse persone siano riuscite a condurre in autonomia un progetto di grafica vettoriale a partire dalla gestione delle forme geometriche fino alla realizzazione di elementi più complessi come loghi, illustrazioni e pattern.  La grande guida ad Adobe Illustrator: tutto quello che ti serve per iniziare alla grande In questi giorni ho cercato “come imparare Illustrator” su Google per dare un’occhiata a quanto viene raccontato dalla blogosfera Italiana. Purtroppo mi sono reso conto che vi è una vera e…

Vuoi imparare a fare SEO con Adobe Muse? Oggi ti propongo una lista di consigli pratici per ottimizzare il tuo sito web ed ottenere un buon posizionamento su Google. Sei pronto? Iniziamo! Come fare SEO con Adobe Muse Scegliere le giuste parole chiave è un passaggio fondamentale se si vuol posizionare un sito web nei primi risultati dei motori di ricerca. Ma non basta! Rispetto agli anni passati, l’algoritmo di Google ha subito radicali cambiamenti. Per esempio, l'utilizzo spropositato di parole chiave (keyword stuffing) nelle pagine web per migliorare il posizionamento, non funziona più come un tempo. Questo perché, nell'ultimo periodo, l'azienda statunitense ha lavorato sull’identificazione di sinonimi e sul raggruppamento dei risultati in base all’argomento trattato, rispetto alla parola chiave utilizzata. L’obiettivo del nuovo algoritmo di Big G è fornire risultati sempre più accurati ed originali, considerando tutte le parole inserite nel campo di ricerca, piuttosto che solo una…

In questa guida scoprirai cosa sono i Simboli di Illustrator. A cosa servono e soprattutto perché il loro utilizzo può consentirti di risparmiare tempo e ridurre in maniera considerevole le dimensioni dei file. Imparerai inoltre la differenza fra Simboli statici e dinamici. Insomma, sei pronto? Iniziamo! Che cosa sono e a cosa servono i simboli in Illustrator? I simboli di Illustrator sono semplicemente oggetti grafici che possono essere replicati più volte all’interno dello stesso documento. Ok Marco, anche con il procedimento “copia e incolla” posso duplicare facilmente uno o più oggetti. Vedi, la verità è questa: più un disegno vettoriale è complesso, maggiore sarà il peso del documento. Mi spiego: se tu dovessi ripetere centinaia di volte un fiore in una o più tavole da disegno, tramite il classico “copia e incolla”, finiresti con il generare un file dalle dimensioni abnormi e difficile da gestire, soprattutto se l’elemento vettoriale è articolato…

  In questo tutorial della serie Tutorial in Pillole io ed Emanuele Abrate ti mostreremo come realizzare una sfera in 3D con Illustrator applicando una particolare trama. Lo faremo sfruttando i Simboli in abbinata all’effetto Rivoluzione 3D. Sei pronto? Iniziamo! Ecco come creare una sfera con effetto 3D in Illustrator Ottenere un risultato molto simile all’immagine seguente è molto semplice se sai come combinare le diverse funzioni di Illustrator. Ecco da dove partire. Step 1: Crea una trama. (nel mio caso un rettangolo con larghezza pari a 100 mm e altezza 5 mm). Ottieni 6 copie in verticale tenendo premuto il tasto ALT e trascinando verso il basso con il mouse. Step 2: Attiva il pannello Simboli (Finestra>Simboli) e trascina la trama all'interno assegnando un nome (Righe) al nuovo Simbolo. Step 3: Cancella tutti gli elementi presenti e traccia un cerchio al centro della tavola. L'intenzione è quella di ottenere un semicerchio. Per farlo sovrapponi…

In questo nuovo video della serie Tutorial in Pillole ti spieghiamo come ottenere un effetto colore mezzetinte con Illustrator. Alla fine del post sarai in grado di ottenere tinte di media intensità da utilizzare come pattern, effetti di ombreggiatura o addirittura loghi (hai presente il logo Tate Modern?). Sei pronto? iniziamo! Come creare un effetto mezzetinte con Illustrator Step1: Crea una forma vettoriale e assegna una sfumatura (radiale o lineare). Step2: Vai al menu Effetto>Effetto pixel>Colore mezzetinte. All’interno della finestra di dialogo imposta il raggio massimo espresso in pixel e assegna a tutti i canali un valore di 45°. Ok Marco, ma tecnicamente che cosa è l’effetto colore mezzetinte? Questo particolare effetto simula una retinatura mezzetinte (cioè di media intensità tra il chiaro e lo scuro) in ogni canale dell’immagine. Per ogni canale, l’effetto divide l’immagine in rettangoli e poi li sostituisce con dei cerchi. Il valore che inserisci all’interno del…

In questo Tutorial vedremo come applicare un gradiente circolare ad una traccia. Una tecnica utile per realizzare palette cromatiche, elementi grafici o loghi (pensa al discussissimo rebranding del logo Enel). Sei carico? iniziamo! Devi sapere che nelle vecchie versioni di Illustrator, applicare sfumature alle tracce era praticamente impossibile se non espandendo il tracciato e dividendo un singolo oggetto nei vari elementi dell’aspetto. Fortunatamente da qualche release, Adobe ha introdotto la possibilità di sfumare anche i contorni di un disegno, mantenendo intatti gli attributi di traccia. Vediamo subito come fare. Supponi di voler applicare un gradiente al contorno di un cerchio. come fare? Step1: Per prima cosa crea la forma vettoriale, applica un colore di traccia e aumentane lo spessore. Step2: Con il selettore di traccia attivo apri il pannello Sfumatura e applica un gradiente. Step3: Imposta il tipo di sfumatura: radiale o lineare. Step4: Definisci l’orientamento della sfumatura. Quando applichi la…

Creare una linea tratteggiata in Illustrator è estremamente semplice se sai come fare. In questo post scoprirai le migliori tecniche per creare linee tratteggiate di vario genere (classiche, a puntini, di vario spessore/colore o personalizzate). Insomma, una lettura obbligata. Iniziamo! Tutto quello che devi sapere per creare una linea tratteggiata con Illustrator Proprio così, creare un linea tratteggiata in Illustrator è un'operazione davvero banale. La verità è che devi solo imparare ad utilizzare il pannello Traccia! All’interno del pannello Traccia (Finestra>Traccia) puoi applicare velocemente un tratteggio ad un contorno e definirne le caratteristiche quali: lo spessore dei trattini (in punti); l’estremità del trattino: estremo troncato (cioè squadrato); estremo arrotondato o estremo in proiezione; La larghezza e la spaziatura fra i trattini; Il tipo di allineamento; Una volta che avrai imparato a gestire tutti i parametri di questo pannello sarai già a metà dell’opera. Quello che segue è un fantastico percorso step…

In questo tutorial scoprirai come creare un banner a nastro con Adobe Illustrator. Ti mostriamo quanto sia facile ottenere ribbon banners di qualsiasi genere semplicemente ricorrendo alle giuste tecniche. Sei pronto? Iniziamo! Come creare un ribbon banner con Illustrator Per creare correttamente un banner a nastro decorativo segui i passaggi seguenti: Crea un rettangolo orizzontale; Duplica il rettangolo e riduci la sua larghezza di ¾ circa; Posiziona il rettangolo più piccolo sulla sinistra; Attiva lo “Strumento Penna“ (tasto P) e posiziona un punto di ancoraggio al centro del lato sinistro del rettangolo piccolo; Attiva lo strumento “Selezione diretta” (tasto A) e sposta il nuovo punto di ancoraggio verso destra; Sposta il rettangolo piccolo sotto quello grande tramite un clic con il tasto destro e l’opzione Ordina>Porta sotto; Nuovamente con lo strumento penna, posiziona 3 punti di ancoraggio e ottieni un triangolo come nell’immagine seguente; Assegna un colore più scuro al triangolo appena creato…

In questo tutorial vedremo come creare un pattern a puntini con Adobe Illustrator. In pochi e semplici passaggi sarai in grado di realizzare un modello decorativo replicato all’infinito da poter applicare a qualsiasi forma vettoriale. Sei pronto? ecco la pillola! Come creare un pattern a puntini con Illustrator In questo video iniziamo a creare un pattern partendo da una forma vettoriale ellittica. Quello che andremo a fare sarà moltiplicare e affiancare dei puntini ottenendo, secondo una griglia regolare e ordinata, una trama geometrica. Innanzitutto crea la figura geometrica da replicare; Per creare un pattern, seleziona la forma, vai al menu Oggetto>Pattern>Crea. Subito appare una finestra che avvisa dell’aggiunta del nuovo pattern al pannello Campioni. Fai clic su Ok; Ora, l’elemento vettoriale viene ripetuto secondo i parametri impostati nel pannello "Opzioni pattern" che viene mostrato sulla sinistra; Puoi utilizzare l'opzione “Tipo di porzione” per decidere come disporre gli elementi ripetuti. Oltre alla…

In questo articolo ti illustriamo come creare dei badge dall’effetto ondulato con Adobe Illustrator. I badge vengono molto utilizzati sia per creare loghi dal look retrò che per svariate applicazioni e soluzioni grafiche. Come creare badge ondulati con Illustrator Crea un cerchio con lo strumento ellisse (tieni premuto il tasto shift mentre disegni per ottenere un cerchio perfetto); Duplica il cerchio per ottenere altre forme identiche (pur duplicare rapidamente una forma, posiziona il cursore sopra di essa, tieni premuto il tasto ALT, poi fai clic trascina con il mouse. Puoi usare contemporaneamente il tasto SHIFT per ottenere una copie sulla stessa riga.) Seleziona le tre forme vettoriali e fai clic sull’icona “Distribuzione orizzontale al centro” (presente nel pannello di controllo superiore) per distribuire in orizzontale i cerchi mantenendo una distanza equidistante l’uno dall’altro Seleziona uno dei tre cerchi e vai al menu Effetto>Distorci e trasforma>Zig Zag… Nella finestra di controllo attiva l’opzione…

Che cosa sono i punti di interruzione di Adobe Muse? A che cosa servono? In che circostanze vanno utilizzati? Queste sono solo alcune delle domande che mi vengono poste ormai di routine su questo blog e nel gruppo Facebook Adobe Muse Beginner...ne deduco che un’esauriente risposta sia di dovere! In questo articolo dal titolo volutamente ironico, cercherò allora di spiegarti in modo intuitivo, ma efficace il funzionamento dei punti di interruzione di Adobe Muse. Con qualche semplice dritta potrai evitare errori di progettazione e allo stesso tempo ...cosa da tutti gradita...ottimizzare il flusso lavorativo. Sei pronto? Si comincia! Allora metti un +1 e partiamo con la lettura: basta un piccolo clic per regalarmi la felicità! In un post di qualche tempo fa, ti ho spiegato gli indubbi vantaggi di un sito web responsive, caratterizzato cioè da un layout che si adatta progressivamente a tutte le dimensioni dei browser e dispositivi. Ed…

In questo post imparerai a disegnare un packaging professionale con Illustrator. Vedremo quali sono gli strumenti e le tecniche per progettare confezioni precise ed evitare errori che possono compromettere il risultato finale. Insomma, una lettura OBBLIGATA! Sei pronto? Partiamo! L’importanza del packaging in una strategia di marketing Wikipedia dice: il packaging è l’imballaggio (o imballo) di un prodotto, composto di materiali di qualsiasi natura, adibito a contenere e a proteggere determinate merci, dalle materie prime ai prodotti finiti… Lo sai che il primo prodotto in assoluto ad essere stato confezionato fu il sapone? Sì, proprio il sapone che prima dell’800 veniva venduto a peso, come il prosciutto al giorno d’oggi. Fu l’americano Benjamin Babbit ad avere la geniale idea di venderlo a pezzi uguali, confezionati e avvolti in carta stampata. Benjamin capì l'importanza di proporre il prodotto al suo pubblico come fosse un vero e proprio dono. Nel giro di pochi…

Hai sentito parlare di “formato SVG”, ma non sai che cosa sia esattamente? In questo articolo ti spiegherò nel dettaglio qual è l'origine storica del formato Svg, quali sono i suoi ambiti di applicazione e quali sono i principali vantaggi rispetto ai più diffusi jpeg, gif o png. Alla fine  sarai in grado di creare un file Svg e utilizzarlo all'interno dei tuoi progetti ;) Sei pronto? Buona lettura! Innanzitutto, che cos'è il formato Svg e quali sono le sue prerogative? L’ SVG (Scalable Vector Graphics) è un formato file immagine creato nel 1998 e basato sul linguaggio marcatore XML: consiste in una tecnologia in grado di visualizzare oggetti grafici vettoriali e quindi di gestire immagini scalabili dimensionalmente. Questo formato ricopre da anni una particolare importanza nel mondo del web ed è definito come standard dal World Wide Web Consortium (W3C). Assieme ad HTML e CSS infatti rappresenta uno dei pilastri del…

Hai problemi nella condivisione di un link da Adobe Muse a Facebook? Spesso può capitare che Fb non riesca a generare automaticamente l’anteprima dei post e mostri informazioni errate (immagini, titoli e descrizioni). In questo articolo vedremo come ovviare al problema sistemando ogni pagina web e garantendo anteprime Facebook perfette. Sei pronto? Iniziamo! Come correggere le anteprime errate dei post su fb Devi sapere che le informazioni utilizzate da Facebook per generare le anteprime dei post, vengono scelte autonomamente dal suo crawler qualora nella pagina non vi siano indicazioni precise. Nel 2010 l'azienda statunitense ha introdotto il protocollo Open Graph ossia una serie di tag che consentono di aggiungere dati strutturati alle pagine web, in maniera da avere un maggiore controllo sui contenuti condivisi. Anche se i bot di Facebook sono in continuo miglioramento può capitare che la condivisione di un contenuto da un sito web realizzato con Adobe Muse (e non…

Desideri implementare nuove funzioni al tuo sito Adobe Muse ed ottenere lavori più professionali e dinamici? Bene allora sei nel posto giusto! In questo articolo ho raccolto quelli che sono i migliori 40 Widget per Adobe Muse. Sei pronto? Allora iniziamo! I migliori Widget per Adobe Muse Benché Adobe Muse disponga di tutti i mezzi necessari per disegnare siti web con estrema semplicità, il software possiede alcuni limiti strutturali che si manifestano quando si tratta di implementare l'utilizzo di particolari funzioni, come slider, gallerie fotografiche, blog, video player, menu ecc. Nonostante Muse offra di default alcuni Widget che aggiungono nuove funzionalità ai siti web, chiunque desideri cimentarsi con progetti dotati di maggior personalità e professionalità deve spesso votarsi in direzione di soluzione esterne, delle quali, fortunatamente, la rete abbonda. Con l'intento di fornire una panoramica sui portali che dispensano Widget per Muse in modo gratuito e a pagamento, ho effettuato una raccolta che…

In questo post vedremo come colorare un disegno in Illustrator sfruttando la funzione pittura dinamica ed il relativo strumento secchiello. Scopriremo una delle migliori soluzioni per dipingere un’immagine con la massima libertà, come se si trattasse di un disegno su tela o carta. Sei pronto? Si comincia! La pittura dinamica di Illustrator: una scoperta sensazionale Era il lontano 2013 quando scoprii la straordinaria funzione Pittura dinamica. In quel periodo mi appassionai al disegno di cartoon, creai i miei primi concept su carta e poi iniziai a ricalcarli con Illustrator utilizzando lo strumento Matita. Fu in quel preciso istante che mi domandai se fosse possibile colorare velocemente le aree dei miei disegni senza dover necessariamente creare tracciati chiusi. Purtroppo, quando non si ha ben presente la gamma delle soluzioni a nostra disposizione, si tende spesso a prediligere tecniche errate e accadde così che la mia iniziale assenza di un baglio teorico adeguato…