creare pulsanti grafica vettoriale

Come creare una grafica vettoriale

July 1

Come creare una grafica vettoriale


A differenza di grafica raster, illustrazioni rappresentano i punti, linee, forme e colori di un'immagine utilizzando formule matematiche. Questo approccio consente alle immagini di essere ridimensionate senza degradare la qualità delle immagini, che è fondamentale in mezzi come stampa - dove le immagini possono essere ridimensionate da una rivista di annunci a un cartellone. La grafica vettoriale sono popolari in illustrazione, modellazione tridimensionale, film e altre applicazioni in quanto rappresentazioni vettoriali sono in genere molto più piccolo, e indipendente dalle dimensioni dell'immagine. La procedura per la creazione di immagini vettoriali sono fortemente dipendenti dal software di editing si utilizza. Uno strumento di uso generale che è ampiamente utilizzato sia in grafica pubblicitaria e fine è di Adobe Illustrator.

istruzione

Adobe Illustrator

1 Aprite Adobe Illustrator, e creare una nuova tela di qualsiasi dimensione.

2 Selezionare lo strumento "Penna".

3 Disegnare i punti per creare la lettera "E"

4 Selezionare un "Fill" colore e inserire la vostra lettera con esso.

5 Aggiungere un effetto "Estrusione e smusso" per dare alla vostra lettera un aspetto tridimensionale. Scegliere "Estrusione e smusso" dal "3D" Scendete giù trova nel menu "Effetti".

6 Aggiungere altri effetti, se lo desideri.

7 Salvare il file. Adobe Illustrator gestirà automaticamente vettoriali e raster rappresentazioni.

Come creare una grafica vettoriale in Photoshop

August 13

Come creare una grafica vettoriale in Photoshop


Ci sono due tipi di grafica che possono essere fatte in Photoshop - Grafica Rastor e grafica vettoriale. Grafica Rastor si basano su pixel e alla fine perde la sua qualità e la nitidezza. La grafica vettoriale sono forme che si basano su punti di ancoraggio che seguono un percorso e formano la forma. La grafica vettoriale possono essere ridimensionati a tempo indeterminato, senza perdere la sua qualità. Tuttavia, poiché Photoshop non è un programma di grafica basato vettore, può essere piuttosto difficile da formare vettori adeguati. Con abbondanza di pratica e pazienza, però, si può fare.

istruzione

Prepararsi

1 Aprire un'immagine che contiene la forma che si desidera creare come un vettore in Photoshop. Assicurarsi che ci sia abbastanza dettagli nella foto che si sarà in grado di rintracciare l'oggetto. In questo esempio, viene utilizzato l'immagine di una minicar. Salvare l'immagine come file di Photoshop selezionando "File" e "Salva con nome" dalla barra dei menu in alto. In "Formato" menu a discesa, scegliere "PSD, PDD" e fare clic su "Salva". Si vuole salvare spesso il lavoro. Un rapido guizzo di potere o di una batteria di morire può spazzare via un sacco di lavoro piuttosto rapidamente.

2 Fate doppio clic sul livello bloccato "sfondo" nella palette Livelli. Viene visualizzata una finestra di dialogo "Nuovo livello". Inserire il nome "L'immagine" per il livello e fare clic su "OK". Duplicate il livello "L'immagine" facendo clic destro sul nome del layer e selezionando "Duplica".

3 Creare un set di livelli per gli elementi della vostra grafica vettoriale. Selezionare l'icona della cartella nella palette Livelli. Apparirà la voce "Set 1". Fare doppio clic sulle parole "set 1" e rinominare la cartella "Elementi".

4 Fare clic sullo strumento contagocce nella barra degli strumenti di sinistra. Selezionare l'area più scura dell'oggetto con il contagocce. Questo imposterà il colore di primo piano.

Disegnare l'immagine

5 Scegliere lo strumento penna dalla barra degli strumenti di sinistra. Verificare che l'opzione "livelli forma" è evidenziato nella "barra delle opzioni" nella parte superiore dello schermo. Iniziare ad una estremità dell'oggetto, cliccando in vari punti lungo il contorno del vostro oggetto (minicar). Ogni volta che si clicca, si sta depositando un punto di ancoraggio. Per effettuare lo zoom in per una maggiore precisione, premere "Control" e "+" e il "controllo" e "-" per diminuire di nuovo fuori. Assicuratevi di andare fino in fondo intorno all'oggetto. Il punto di inizio e fine deve essere allo stesso posto in modo che l'oggetto è completamente collegato. Questo renderà la grafica vettoriale un oggetto solido.

6 Spegnere la "La copia dell'immagine" (lo strato duplicato) in modo da poter vedere l'oggetto descritto. Per attivare il layer off, è sufficiente fare clic sull'icona occhio accanto al livello. Assicurarsi che non vi siano lacune nella struttura o si dovrà ricominciare dall'inizio. Lacune nel contorno non mancherà di tenere la grafica vettoriale dall'essere un oggetto solido. Girare lo strato, "La copia immagine," indietro facendo clic sull'icona occhio accanto al livello. Fare clic sullo strumento penna nella barra degli strumenti di sinistra e scegliere l'opzione "Convert Tool punto." Assicurarsi che la forma del tuo oggetto è selezionato nella palette Livelli.

7 Clicca su un punto di ancoraggio. Questo crea due maniglie di Bezier, uno che punta a sinistra e uno a destra. Regolare il contorno del grafico vettore spostando le due maniglie di Bezier fino a quando il profilo è conforme molto da vicino al vostro oggetto. Il tuo lavoro in tutto il grafico vettore fino ad arrivare di nuovo al punto di partenza. Rimuovere punti di ancoraggio facendo clic destro sul punto di ancoraggio e selezionando "Elimina punto di ancoraggio." L'eliminazione di punti di ancoraggio non necessari può rendere più agevole la curvatura intorno all'oggetto.

8 Duplicare questo strato facendo clic destro sul nome del livello e selezionando "Duplica". Rinomina il livello "Shape 2 copia." Selezionare la porzione di corpo dell'immagine della minicar utilizzando lo strumento punti di ancoraggio costituiscono la barra mano sinistra. Ignorare le finestre, a questo punto. Colorare il corpo della auto blu facendo clic sul selettore colore di primo piano. Digitare il codice di colore # 3672BD. Nascondere il livello "Forma 2 copia" e girare sul layer "La copia immagine" cliccando sulle icone occhio accanto ai nomi dei livelli. Scegliere lo strumento penna dalla barra degli strumenti della mano sinistra. Fare clic sull'icona "Sottrai dalla forma di un'area" la "barra delle opzioni" nella parte superiore dello schermo.

9 Fare clic sul livello "Forma 2" e delineare le finestre che si trovano sul lato opposto della vettura con lo strumento punti di ancoraggio. Premere il tasto "Control" e "alternativo" per sottrarre più sezioni dalla zona selezionata. Avvolgere gli angoli delle finestre nelle posizioni appropriate utilizzando il "Convert strumento di ancoraggio". Ripetere la procedura per le finestre sul lato anteriore della macchina cliccando sopra al livello "Shape 2 copy".

I dettagli

10 Compila il tetto bianco della minicar girando sul layer "La copia dell'immagine". Creare un nuovo livello selezionando "Layer" e "Nuovo" dalla barra dei menu in alto. Rinomina il livello "tetto". Tracciare il tetto della minicar con lo strumento penna per aggiungere punti di ancoraggio, poi la curva del tetto della vettura in modo appropriato selezionando lo strumento "Convertire punti di ancoraggio". Fare clic sul selettore colore di primo piano e scegliere il bianco.

11 Create un nuovo livello e il nome "coprimozzi." Selezionate lo strumento Ellisse dalla barra sinistra e disegnare nei cerchioni anteriori e posteriori. Premere il tasto "Control" e cliccare sul coprimozzo anteriore. Fare clic destro sul coprimozzo e selezionare "Free percorso trasformare", quindi fare clic destro e selezionare "Distort". Regolare i coprimozzi utilizzando le maniglie d'angolo che appaiono quando si seleziona l'ellisse. Ripetere il processo per la calotta posteriore ed entrambi i fari. I lavori per i fari in un nuovo livello che è il nome "Lights". Disegnare nel paraurti anteriore su un nuovo livello chiamato "paraurti". Selezionare l'area utilizzando lo strumento penna dalla barra degli strumenti di sinistra, utilizzando i punti di ancoraggio, quindi regolare in modo che le curve paraurti correttamente i punti di ancoraggio. Selezionate il livello "paraurti" facendo clic destro, quindi modificare la "modalità di fusione." Selezionare la casella "ombra interna" e scegliere "Moltiplica" come "metodo di fusione." Quindi selezionare "Smusso ed effetto rilievo," e, infine, selezionare la casella "Contour". Fai clic su "OK".

12 Scegliere lo strumento penna dalla barra degli strumenti di sinistra e selezionate "percorsi" sulla "barra delle opzioni." Create un nuovo livello facendo clic sull'icona "Nuovo livello" nella parte inferiore della palette Livelli e nominare il livello "Linee". Assicurarsi che il livello "Lines" è lo strato superiore nella palette Livelli. Se non lo è, cliccare sulla parola "linee" e trascinare il livello verso l'alto della palette. Cliccando con lo strumento penna per aggiungere punti di ancoraggio intorno alla porta della macchina, in cui le linee di porta sono visibili. Non chiudere il percorso. Cambiare il colore di primo piano a nero e selezionare lo strumento pennello dalla barra degli strumenti di sinistra. Scegliete un pennello dimensione 2 dal "pennello predefinito picker" che appare. Fare clic sullo strumento penna di nuovo, e tracciare la linea disegnata attorno alla porta. Fare clic destro sulla linea e selezionare "percorso ictus". Scegliere "pennello" dal menu risultante e ridurre l'opacità del livello "Lines" per il 54%. Aggiungere linee per gli specchi, volante, cerniere e la maniglia, i cerchi intorno i fari, il cofano ornamento e la griglia. I lavori per lo strato di "Lines" per aggiungere questi elementi. Regolare lo spessore delle linee selezionando diametro del pennello. Più basso è il numero per il diametro del pennello, minore è la linea risultante sarà e viceversa.

13 Create un nuovo livello e chiamatelo "Highlights" Utilizzando la palette Livelli. Utilizzare il poligono lazo dalla barra degli strumenti di sinistra per selezionare le aree della vettura che vengono evidenziate. Cambiare il colore di primo piano # 86A9D7. Fare clic destro su ciascuno dei selezionato evidenziato aree e selezionare "Fill". Scegliere "Filtro" dalla barra dei menu in alto e selezionare "Blur", quindi "sfocatura gaussiana." Impostare la distanza per 1.1 pixel ed abbassare la "opacità" a solo il 30%. Ripetere il processo per quelle zone della vettura che sono oscurati, utilizzando il codice colore # 2A579C.

14 Scorrere verso il basso nella palette Livelli e selezionare "Shape 2." Duplicate il livello facendo clic destro il nome e scegliendo "Duplica". Rinominare il livello di "finestre" di sfondo e trascinare quello strato direttamente sotto il livello "Forma 2". Premere il tasto "A" per attivare lo "strumento di selezione diretta." Tenere premuto il tasto "Shift" e fare clic su ciascuna delle finestre di fondo, assicurando che siete sul layer "finestre di sfondo". Vai alla "Opzioni barra degli strumenti" e cambiare i criteri di selezione per "Aggiungi alla forma dell'area." Fare clic sul contorno principale della macchina per selezionarlo e premere "Elimina", che lascerà solo le finestre sul layer "finestre di sfondo". Selezionare la miniatura del livello dello strato di "finestre di sfondo" nella palette Livelli e cambiare il colore di #FFFFFF, e la "opacità" al 23%. Ripetere il processo sul layer "Shape 2 copia", per i finestrini anteriori, utilizzando lo stesso codice colore, ma riducendo solo la "opacità" al 43% per completare la grafica vettoriale in Photoshop.

Come creare smussato grafica vettoriale con Illustrator CS2

January 21

Come creare smussato grafica vettoriale con Illustrator CS2


Bordi smussati aggiungere un tocco finale di forme vettoriali e il testo. Vettoriale è composta da elementi geometrici come linee, cerchi e forme, al contrario di bitmap che si compongono di molti pixel. A bordo smussato liscio in grafica vettoriale aggiunge un realistico effetto 3-D. forme vettoriali smussati e il testo sono scalabile e indipendente dalla risoluzione, in modo da avere la stessa qualità quando vengono stampati enorme sul lato di un camion come fanno su un biglietto da visita di piccole dimensioni.

istruzione

1 Vai su "File", quindi "Nuovo" e scegliere 3 da 3 pollici per la larghezza e l'altezza del nuovo documento. Selezionare "CMYK" per il "Modo colore," e scegliere uno sfondo trasparente.

2 Fare doppio clic sulla casella nera nella casella degli strumenti sulla sinistra per cambiare il colore di primo piano. Quando il Selettore colore arriva, scegliere un colore chiaro o medio valore in modo lo smusso sarà di primo piano.

3 Fare clic sullo strumento "Ellisse" nel quadro degli strumenti e disegnare un cerchio al centro della vostra tela abbastanza grande da occupare circa un terzo di esso. Vedrete che si riempie automaticamente con il colore di primo piano che avete scelto.

4 Salite a "Effetto" sulla barra dei menu orizzontale nella parte superiore del bordo arte e scorrere fino a "3-D". Clicca su "Estrusione e smusso" sulla barra laterale che si apre.

5 Impostare "Estrusione" a due gradi e per "Bevel" scegliere la forma conica "Classic" ad una altezza di "4 pt." Utilizzare l'impostazione "Plastic Shading". Fare clic su OK. Il tuo cerchio ora ha un bordo smussato. Il leggero di estrusione prevede un bordo scuro a contrasto.

6 Fare clic sulla casella di primo piano e scegliere un colore diverso nel "Color Picker" in contrasto con la tua cerchia.

7 Vai alla "T" nella casella degli strumenti, trascinarlo nella scheda d'arte e digitare un nome come "vettore". Modificare il carattere di "Pump Demi Bold Let Plain 1.0" e impostare la dimensione del font a 36 punti.

8 Vai alla "strumento Selezione diretta" (freccia bianca) nella parte superiore del pannello degli strumenti e trascinarlo sopra per selezionare il testo. Poi vai a "Effetto", "3 D", scegliere 5 punti per "Estrusione," e la "" forma conica classica a 4 punti di altezza. Fare clic su OK. Ora è stata attivata il testo in grafica vettoriale smussato.

9 Utilizzare lo strumento "Move" (freccia scura) per trascinare il testo sulla parte superiore del cerchio. Questo approssima l'aspetto di un semplice logo o un distintivo fatto in grafica vettoriale smussato.

10 Vai su "File", fai clic su "Salva con nome", e il nome e salvare il file grafica vettoriale come file PDF AI o. Se si salva come PDF, selezionare l'opzione di conservare capacità di editing di Illustrator.

Consigli e avvertenze

  • Si può sperimentare con più cerchi a diverse altezze di smussatura, che vanno da una leggera smussatura a quella che occupa la maggior parte del vostro cerchio. Se si prende il "estrusione" impostazione al 50 per cento, le cerchie bordo smussato diventeranno cilindri.
  • Se sono solo imparando Illustrator, è meglio iniziare a sperimentare con smussi e forme prima di affrontare un progetto complicato.

Come creare personaggi di grafica vettoriale Superhero in Illustrator

August 15

Creare supereroi grafica vettoriale di Illustrator utilizzando lo strumento "Pennello" di questo programma per disegnare figure umane idealizzate. Si noti che tutti gli elementi grafici creati con "Pennello", "matita" e simili strumenti saranno in formato vettoriale. Questo formato consente di visualizzare i tuoi supereroi in qualsiasi formato senza perdita di qualità. Per produrre supereroi autentici, osservare da vicino e disegnare copie delle immagini di supereroi esistenti. Disegno supereroi si basa sul campo delle arti visive che gli artisti si riferiscono a come "disegno di figura." Il modo più accurato è possibile disegnare figure umane reali della vita, meglio le supereroi Illustrator saranno.

istruzione

1 Fare clic sull'icona pennello sulla tavolozza degli strumenti per attivare la modalità pittura. Trascinare sull'area di lavoro per disegnare una rete di rettangoli collegati rappresentano queste parti di una figura umana: gabbia toracica, Sezione centrale, bacino, cosce, gambe, piedi, braccia, inferiore braccia, mani, collo e testa. Per questo e per le restanti istruzioni in questo articolo, utilizzare un riferimento anatomica, quali l'anatomia di Gray. Inoltre, utilizzare le seguenti linee guida come riferimento. Disegna la tua figura in pose attivi che utilizzano un sacco di linee diagonali, in quanto questi suggeriscono il movimento, il dramma e la tensione. Disegnare figure maschili con grandi muscoli e senza grassi. figure maschili e femminili devono avere corpi di misura ad alta otto teste. Effettuare la distanza dalla vita alla parte superiore della testa quattro teste. Fare armi, tra cui punta delle dita, arrivare fino a metà coscia. Disegnare braccia alla stessa lunghezza bracci inferiori. Fate lo stesso con le gambe. Disegnare supereroi femminili con fianchi sottili. Delineare con chiarezza la parte anteriore e lato inferiore del seno, ma non fare queste parti di grandi dimensioni.

2 Utilizzare un riferimento anatomia come quello proposto nel passaggio uno per disegnare contorni muscolari e altri dettagli non-facciali sulla figura. Ad esempio, disegnare archi orizzontali sulla gabbia toracica, a metà strada tra i bordi superiore e inferiore di quella parte, per rappresentare i muscoli pettorali.

3 Utilizzare lo strumento "pennello" per disegnare i tratti del viso, utilizzando come riferimento l'anatomia e le seguenti linee guida: per le femmine, fare mascelle e tratti del viso morbido e rotondo. Disegnare ampie labbra ma piccoli nasi. Per i maschi, fare grandi mascelle quadrate e occhi infossati. Fare clic sullo strumento "Line", la cui icona ha la forma di una linea retta, quindi trascinare sulla tela disegnare il naso e altre caratteristiche.

4 Fare clic sull'icona secchio di vernice dalla tavolozza degli strumenti per eseguire lo strumento "pittura dinamica", quindi fare clic su un colore dal menu a sinistra verso il basso di controllo sopra la tela. Fare clic su una delle forme che avete disegnato per colorare la forma. Clicca colori vivaci come il rosso, verde, blu o giallo, per le forme con costumi.

5 Utilizzare lo strumento "pennello" per dipingere veicoli, oggetti di scena e gli ambienti che mostrano il supereroe in situazioni appropriate. Ad esempio, mostrano valori sollevare oggetti pesanti come le automobili, o deviare i proiettili.

Come creare grafica vettoriale con Illustrator

April 24

I vantaggi di utilizzare Adobe Illustrator per creare grafica vettoriale sono numerosi. Quando avete a che fare con i programmi di grafica raster-based come Adobe Photoshop, le immagini possono diventare pixellated a causa della risoluzione del file o la dimensione fisica dell'immagine. Basati su vettori programmi come Adobe Illustrator non basano la loro qualità grafica in pixel, in modo da pixellation non è più un problema.

istruzione

1 Creare un nuovo file di Adobe Illustrator andando su "File> Nuovo." Digitare la dimensione fisica del documento. Per esempio, se la creazione di carta intestata, probabilmente si vuole iniziare con un foglio formato lettera.

2 Crea la grafica. Se avete bisogno di disegnare qualcosa, si vuole utilizzare i punti e curve di Bezier per ottenere la vostra grafica il modo desiderato.

3 Se si utilizza lo strumento simboli o altri elementi speciali, è necessario appiattire la trasparenza della vostra opera d'arte prima di salvare. Selezionare tutti gli oggetti sulla pagina tenendo premuto i tasti "Ctrl + A", allo stesso tempo per px ( "Command + A" per Mac).

4 Come creare grafica vettoriale con Illustrator

Vai a "Oggetto> Converti trasparenza." Quando la casella di convertire la trasparenza viene in su, premere "OK".

5 Salva il tuo disegno. Hai ora creato il primo file vettoriale.

Consigli e avvertenze

  • * Se hai un background in mano illustrazione o disegno manuale, si capirà il concetto di base di come utilizzare lo strumento penna, convertire strumento di punto, e di altri strumenti di disegno.
  • * Il "Adobe Classroom in a Book" della serie è un ottimo modo per imparare Illustrator dalla gente che lo ha creato. Mentre i libri sono un po 'costoso, che fanno un ottimo lavoro di accompagnare il lettore attraverso un ipotetico progetto dall'inizio alla fine e come usare le scorciatoie per fare le cose più velocemente.
  • * Non è possibile trasformare una immagine raster in un vettore uno, anche se si importa o incorporare in un file di Illustrator. La cosa migliore è quello di importare il file nel file Illustrator, tracciare su di esso utilizzando i punti e curve di Bezier, e quindi eliminare il file raster importato e salvare il file Illustrator.

Come creare grafica vettoriale in Illustrator CS3

January 3

Adobe Illustrator CS3 è il disegno e vettore software di editing grafico prodotto Adobe. Quando un disegno viene creato in Adobe Illustrator, il disegno viene creato come grafica vettoriale per impostazione predefinita. Il tipo di file predefinito in Illustrator è AI, e il file AI è un file di immagine vettoriale. Pertanto, per creare grafica vettoriale in Adobe Illustrator CS3, è sufficiente creare un disegno e salvare il disegno come tipo di file AI di default. Una grafica vettoriale, a differenza di una grafica raster, non varia in termini di qualità quando ridimensionata.

istruzione

1 Aprire l'applicazione Adobe Illustrator. Un'immagine in bianco, insieme con gli strumenti Adobe Illustrator, visualizzazione.

2 Creare un disegno utilizzando gli strumenti di disegno nella casella degli strumenti. Fare clic sullo strumento Forme per creare una forma sulla tela bianca. Fare clic sullo strumento Penna per disegnare linee vettoriali, o linee tra cui percorsi. Fare clic all'interno del documento nella posizione in cui si desidera inserire il testo e fare clic sul pulsante "T". Si apre lo strumento Testo.

3 Selezionare l'opzione File nella barra di navigazione superiore e selezionare Salva.

4 Digitare un nome per la grafica vettoriale nella casella di inserimento "Nome file" e fare clic sul pulsante "Salva". È stato creato una grafica vettoriale in Adobe Illustrator.

Consigli e avvertenze

  • È possibile importare un'immagine raster, come ad esempio un JPG o GIF, in Adobe Illustrator e poi posto uno strato trasparente sulla parte superiore del grafico. Tracciare le linee nell'immagine raster utilizzando lo strumento Penna per ricreare una grafica raster come vettore.

Come creare pulsanti web con Illustrator

September 8

Come creare pulsanti web con Illustrator


Adobe Illustrator è il grafico standard del settore progettazione per l'illustrazione vettoriale. Illustrator è un programma efficace per la creazione di grafica per il Web. Illustrator può rendere a tutti i formati immagine più comuni, permettendo una facile integrazione di grafica vettoriale in Web design. Utilizzare altri prodotti Adobe, come ad esempio Image Ready, per ottimizzare i file Illustrator correttamente per la grafica Web-ready.

istruzione

1 Utilizzare carta e matita per disegnare le idee e pianificare i pulsanti Web. Prendetevi il tempo per capire che cosa dovranno essere utilizzati e se dovranno essere fatte per un'immagine un rollover pulsanti alternati i pulsanti. Scegliere font, colori e texture che funzioneranno con il design del sito.

2 Aprite Adobe Illustrator e creare un nuovo documento. Impostare l'unità di misura di pixel. La dimensione dipenderà dalle esigenze e le limitazioni della progettazione di siti web. Impostare la modalità colore a colore RGB per garantire l'accuratezza del colore.

3 Creare il testo per i pulsanti con lettere nere e uno sfondo bianco. Regolare il tipo di carattere, l'altezza, il peso e la spaziatura fino a quando il testo è esteticamente gradevole e chiaro da leggere. Progettare il testo in bianco e nero permette di chiarezza tipografico.

4 Aggiungere colore al design Web pulsante. Per un sito esistente, selezionare i colori in modo appropriato audaci e sorprendenti da schema di colori esistente del sito. Se i pulsanti non sono per un sito esistente, selezionare uno schema di colori popolare o crearne uno nuovo. Le variazioni sottili di colore creeranno interesse visivo.

5 Creare una forma distintiva per i pulsanti in modo che il sito di navigazione è semplice e lineare. Arrotondamento uno, due o quattro angoli di un rettangolo è un metodo popolare di creazione di pulsanti Web.

6 Creazione di colori alternati ed elementi di design per i pulsanti rollover. Un pulsante rollover è due immagini che interscambiano quando l'utente posiziona il cursore sul pulsante. Rollover sono spesso utilizzati per l'indicazione di una pagina attiva o un collegamento in un web design. Semplici rollover, come il colore del testo cambia, sono efficaci.

7 Aggiungere texture ai pulsanti. La struttura è un metodo popolare di aggiungere interesse visivo a un sito web. Fare una texture personalizzata utilizzando uno scanner o una fotocamera digitale.

8 Aggiungere ombre esterne, tratteggio incrociato, sfumature e altri ritocchi ai pulsanti Web.

9 Creare un nuovo livello per ogni nuovo pulsante per semplificare il processo di esportazione. Nome layer per differenziare elementi simili.

10 Esportare i pulsanti facendo clic su "File", "Export" e salvare nella cartella Immagini del sito. Salvare i pulsanti che utilizzano la trasparenza Portable Network Graphics, o .png. Salva pulsanti con elevate quantità di dettagli, come .jpeg e tutti gli altri come .gif.

11 Aggiungere i pulsanti al tuo sito web tramite il caricamento e la codifica. Test per garantire che il lavoro link prima di lanciare il sito pubblico.

Consigli e avvertenze

  • Piano progettazione il più possibile prima di utilizzare il computer.
  • Adobe Illustrator rende qualsiasi grafica che superano i limiti del consiglio d'arte. Potrebbe essere necessario utilizzare Adobe Photoshop o un altro editor bitmap per tagliare il lavoro grafico finale.

Come fare la tua foto in grafica vettoriale

March 8

Quando si scatta una foto con una fotocamera digitale o la scansione di una foto nel tuo computer, l'immagine viene memorizzata come raster, o un'immagine "pixel-based", che significa che è composto da migliaia di pixel colorati singolarmente. Se si desidera modificare gli elementi del quadro, è necessario disegnare sopra la foto esistente, cambiare i pixel. Per creare una foto con gli elementi che possono essere facilmente spostati, ingranditi o in altro modo modificati, è necessario convertirlo in un vettore di immagine (un'immagine sulla base di formule matematiche). Questo può essere fatto utilizzando un programma di conversione vettoriale o la funzione di conversione in un programma di grafica vettoriale.

istruzione

Adobe Illustrator

1 Scaricare e installare "Adobe Illustrator" (vedi sezione Risorse di seguito). Avviare Adobe Illustrator. Selezionare l'opzione "Stampa documento" dal menu "Crea nuovo", quindi fare clic su "OK" per creare una nuova tavola da disegno immagine.

2 Fare clic sul menu "File" e scegliere "luogo". Fare clic per selezionare l'immagine raster foto dal disco rigido, quindi fare clic su "Place." Fare clic e trascinare le frecce d'angolo tenendo premuto il tasto "SHIFT" sulla tastiera per fare la foto adatta alle dimensioni della tavola da disegno.

3 Clicca sulla foto per selezionarlo, quindi fare clic sul menu "Oggetto". Fai clic su "Trace Live", poi "opzioni di analisi."

4 Fare clic per selezionare "Foto High Fidelity" dal menu a discesa "Predefinito". Fare clic per selezionare "Colore" dal menu "Mode". Fare clic sul pulsante "Trace" per convertire la foto un'immagine vettoriale in.

5 Fai clic su "File" e "Salva". Digitare un nome per il nuovo file di immagine vettoriale, quindi scegliere un formato dal menu a discesa "Salva come". Fai clic su "Salva" per salvare l'immagine.

RasterVect

6 Scaricare e installare "RasterVect" (vedi Risorse).

7 Avviare il programma "RasterVect". Selezionare "Modalità Normale" e fare clic su "OK". Fare clic sul pulsante "Mode Wizard". Fare clic per selezionare "Da file" e fare clic su "Avanti".

8 Fare clic per selezionare la foto che si desidera convertire in un'immagine vettoriale, quindi fare clic su "Apri". Fai clic su "Riconoscere immagini a colori come." Fai clic su "Avanti". Fai clic su "Skip this step", quindi fare clic su "Avanti".

9 Fai clic su "Avanti" per iniziare il processo di vettorializzazione. Fare clic per selezionare "alcuni errori", quindi fare clic su "Avanti". Fai clic su "Skip this step", quindi fare clic su "Avanti".

10 Fai clic su "File vettoriali," quindi fare clic su "Avanti". Digitare un nome di file e scegliere una directory di salvataggio. Fare clic per scegliere il formato grafico vettoriale preferito dal "Salva come" menu a discesa. Fai clic su "Salva" per completare il processo di conversione.

VectorMagic

11 Fare clic sul collegamento "VectorMagic" nella sezione Risorse per aprire il sito web VectorMagic.com.

12 Fare clic su "Carica immagine per Trace" pulsante.

13 Fare clic per selezionare la foto che si desidera convertire dal disco rigido, quindi fare clic su "Apri".

14 Fare clic sul pulsante "Download Risultato" nell'angolo in alto a destra della pagina web. Inserisci il tuo indirizzo email e clicca su "Accetto. Crea il mio account". pulsante.

15 Controlla la tua casella email e clicca sul messaggio da "VectorMagic." Fare clic sul collegamento "Fare clic qui per accedere al tuo risultato auto-tracciato", quindi fare clic su "Attiva download." Fare clic su uno dei pulsanti formato immagine, quindi fare clic su "Salva" per scaricare l'immagine vettoriale.

Può fare entrambe Silverlight grafica vettoriale e bitmap?

March 7

Può fare entrambe Silverlight grafica vettoriale e bitmap?


plugin di Silverlight di Microsoft rende i browser funzionano come Adobe Flash fa. Dopo l'installazione di Silverlight, è possibile guardare i video in streaming, giocare a giochi interattivi e visualizzare grafica di alta qualità. È anche possibile eseguire Silverlight e Flash all'interno dello stesso browser. Silverlight ha anche ampie capacità di gestione grafica e può visualizzare bitmap e vettoriale compatta grafica in qualsiasi browser.

Formati immagine

Molte delle immagini che vedete su Internet sono file JPEG. Questi sono piccoli, i file compressi che scaricano rapidamente ai browser. Le immagini bitmap, che possono anche apparire in Silverlight, sono molto più grandi e in grado di visualizzare milioni di colori Come suggerisce il nome, una bitmap consiste di bit per computer che creano pixel. I computer si combinano questi pixel per creare le immagini bitmap che vedete sullo schermo. Graphic designer spesso salvare le immagini come bitmap quando si preoccupano di più la qualità delle immagini di dimensione del file.

Vector Graphics

I browser non possono visualizzare grafica vettoriale senza utilizzare un plugin, come Flash o Silverlight. Le immagini vettoriali non esiste finché un programma per computer disegna sullo schermo del computer. Questi programmi, che utilizzano formule matematiche, si combinano forme geometriche primitive chiamate in immagini che vedete nel tuo browser. Dato che i browser non devono scaricare i file di immagine, le pagine Web in grado di visualizzare immagini vettoriali di grandi dimensioni in fretta. La grafica vettoriale, inoltre, non si degradano quando li si ingrandisce.

Silverlight bitmap

Gli sviluppatori Web utilizzano Microsoft Visual Studio per creare pagine web Silverlight. Dopo aver aggiunto il plugin Silverlight per il browser, è possibile visualizzare queste pagine. I programmatori incorporare bitmap in pagine web trascinando controlli immagine di Silverlight su pagine durante la progettazione di loro. Essi possono quindi impostare la proprietà ImagerUrl del controllo in modo che punti a una bitmap. Gli sviluppatori Silverlight hanno anche la capacità di creare immagini bitmap in tempo reale e modificare utilizzando la classe WriteableBitmap. Questa classe esiste in versioni .NET Framework 3.0 e superiori.

Vector Graphics Silverlight

Anche se non è possibile creare grafica vettoriale con Microsoft Visual Studio, è ancora possibile aggiungerli a un'applicazione Web Silverlight. Silverlight utilizza XAML per generare interfacce utente che si vedono su una pagina Silverlight. Gli sviluppatori di creare grafica vettoriale in formato XAML utilizzando programmi come Expression Blend. Essi possono quindi importare quelle grafiche in Silverlight che poi li integra. Gli sviluppatori possono anche scrivere il codice che anima importata grafica vettoriale.

Come creare un'immagine vettoriale in Photoshop

April 1

Quando la gente pensa di creare grafica vettoriale, tendono a pensare a CorelDraw o Abode Illustrator. Ma se è vero che questi programmi sono progettati specificamente per creare grafica vettoriale e hanno una vasta gamma di strumenti per realizzare questo compito, è anche possibile utilizzare gli strumenti di Photoshop per creare una buona grafica vettoriale di qualità.

istruzione

1 Aprire Photoshop. Selezionare "File" e fare clic su "Apri". Ricerca per l'immagine che si desidera utilizzare per voi riferimento e aprirlo.

2 Vai al pannello "Layer", fare clic destro sul livello e selezionare "Duplica". Poi vai al cursore "opacità" e rilasciare l'opacità della metà. Quindi fare clic sul livello "Sfondo".

3 Vai alla barra degli strumenti un pick lo strumento "Penna" (assicurarsi che sia impostato su "livelli forma"). Utilizzare lo strumento per tracciare la forma esterna dell'oggetto nell'immagine. Se è necessario regolare uno qualsiasi dei punti, selezionare lo strumento "Convertire Point" e spostarli.

4 Cambiare il colore "di primo piano". Poi vai al pannello "Livelli" e fare clic sull'icona "Nuovo livello". Ora usare lo strumento "penna" per disegnare in alcune delle forme interne. Se stavi facendo una macchina, si potrebbe ora disegnare la forma delle finestre.

5 Mantenere la creazione di nuove sezioni, sottosezioni e sotto-sottosezioni. Con ogni nuovo livello di dettaglio, cambiare il colore che si sta utilizzando. È possibile creare una linea intorno alle forme andando a "Layer" e cliccando Rasterizza livello. Poi vai a "Modifica" e fare clic su "Stroke". Impostare la larghezza e il colore di ciò che si vuole e fare clic su "OK".

Come creare un contorno vettoriale Da un BMP

May 14

Come creare un contorno vettoriale Da un BMP


La grafica vettoriale sono matematicamente determinate linee e curve collegate da punti. La grafica vettoriale sono indipendenti dalla risoluzione e possono essere ridimensionati senza perdere chiarezza. Bitmap o file BMP, creati in una foto-editing software, sono realizzati con una serie di punti a griglia, o "pixel". file BMP espandono quando allargata, che perde la chiarezza e sfoca l'immagine. Bitmap vengono convertiti disegnando manualmente intorno l'immagine su un livello separato o utilizzando la funzione automatica di traccia in un programma software vettoriale.

istruzione

Strumento Matita

1 Scegliere "File", poi "Nuovo" dal menu a discesa nella parte superiore dello schermo del documento.

2 Seleziona il file." Fai clic su "Importa" o "File", quindi "luogo". Ciò consente di importare il BMP nella illustrazione vettoriale.

3 Selezionate lo strumento matita dal menu barra degli strumenti principale. Create un nuovo livello selezionando l'icona "Nuovo livello" nella palette "Livelli". Fai clic su "Finestra", quindi "Livelli" per aprire la palette "Livelli". Tracciare una linea a mano libera disegno l'immagine bitmap sopra.

4 Creare marchi hash disegnando manualmente con lo strumento matita o racchiudere le zone d'ombra in percorsi chiusi separati per includere tutte le zone d'ombra.

5 Posizionare lo strumento matita in cui si desidera che il percorso per iniziare e trascinare il mouse per disegnare il percorso. Tenere premuto il "Alt / Option" chiave dopo aver iniziato il trascinamento, la creazione di un percorso chiuso. Partecipa al percorso del primo punto di chiudere. Rilasciare il tasto del mouse quando si è finito di disegnare la linea. Continuare a tenere premuto il tasto "Alt / Option".

6 Rilasciare il pulsante del mouse quando il percorso è la dimensione e la forma che si desidera, di chiudere automaticamente il percorso. Selezionare lo strumento "converti punto di ancoraggio" per manipolare i punti, se necessario.

7 Completare il disegno per la vostra soddisfazione, quindi eliminare il livello dell'immagine BMP. Salva come un file vettoriale sul disco rigido.

Strumento Penna

8 Importare il file BMP nel programma illustrazione vettoriale scegliendo "File", quindi "Nuovo". Scegliere "File", quindi "luogo" per importare l'immagine.

9 Fare clic sul documento in cui si desidera che il primo punto per iniziare. Creare il secondo punto. Disegnare linee rette tenendo premuto il tasto "Shift". Tenere premuto il pulsante del mouse quando si crea il secondo punto per incrementi di 45 gradi.

10 Creare le curve tenendo premuto il pulsante del mouse quando si fa clic il documento. Continuare a tenere premuto il pulsante del mouse mentre si trascina. Rilasciare il tasto del mouse dopo aver creato la curva.

11 Partecipa il primo e l'ultimo punto in un percorso chiuso selezionando sia il primo e l'ultimo punto. Scegliere "CTRL / CMD" plus "J" di aderire al percorso.

12 Selezionare lo strumento "converti punto di ancoraggio" tenendo premuto il pulsante del mouse sopra lo strumento "Penna". Questo permette di manipolare i punti di più per una replica esatta tratto del BMP.

13 Regolare i punti direzionali, se necessario. Consultare il file "Help" del programma specifico per ulteriori informazioni sul prodotto specifico.

Tracciamento automatico

14 Selezionare "File", quindi "luogo" per importare il bitmap nel software illustrazione vettoriale. Dimensioni della bitmap, se lo desideri, quindi selezionare "Enter" o "Return".

15 Evidenziare il BMP con lo strumento "Select", quindi tracciare l'immagine bitmap con la funzione di traccia del software illustrazione. Selezionare un'opzione preimpostata quando si traccia o manipolare i comandi manuali come necessari per la produzione di linee morbide.

16 Scegliere "Oggetto", quindi "Traccia dal vivo." Selezionare "Crea" di Adobe Illustrator o utilizzare il comando "Ricalca bitmap" dal menu a comparsa in Corel Draw. Selezionare la preselezione desiderata per il tipo di immagine di vettore che si desidera produrre.

17 Selezionare la casella di controllo "Rimuovi Bianco" in Adobe Illustrator per rimuovere il colore di sfondo e migliorare il tracciato. La rimozione dello sfondo in Corel Draw non richiede alcuna selezione, se lo sfondo è bianco, come Corel Draw rimuove automaticamente lo sfondo.

18 Scegliere "Espandi" per vedere i punti sulla traccia. Alter punti come necessario. Salvare il file vettoriale convertito sul disco rigido.

Consigli e avvertenze

  • Quando si chiude un percorso utilizzando lo strumento matita, apparirà un cerchio sul cursore, che indica il percorso può essere chiuso.
  • Aumentare il "Blur" di un tracciato per rimuovere le linee frastagliate.
  • Diversi programmi software vettoriale possono avere una diversa terminologia per la stessa funzione in un altro programma. Consultare il file "Help" nel programma specifico per ulteriori informazioni.

Come creare un file vettoriale per la stampa da JPEG

October 17

Per creare un file vettoriale per la stampa da un'immagine JPEG, è necessario disporre di un'applicazione per l'editing di immagini vettoriali come Adobe Illustrator installato. programmi di editing di immagini vettoriali utilizzano una sequenza di istruzioni matematiche che determinano come e dove appaiono linee e forme. La grafica vettoriale mantenere la qualità quando si aumenta la dimensione dell'immagine. Con Adobe Illustrator (o altro programma di grafica vettoriale), è possibile importare un'immagine JPEG e quindi tracciare l'immagine utilizzando strumenti di disegno, come ad esempio lo strumento Penna, nell'applicazione di modifica delle immagini vettoriali.

istruzione

1 Aprite Adobe Illustrator e aprire un nuovo progetto. Il primo strato creato da default è il livello di sfondo.

2 Creare un altro livello facendo clic sopra il livello di "sfondo" nel pannello "Livelli" e quindi fare clic sul pulsante "Crea nuovo livello" nel pannello "Livelli". Uno strato in bianco con il nome evidenziato apre nel pannello Livelli. Digitare un nome per il livello nella casella di immissione evidenziata.

3 Fare clic sul nuovo livello e trascinare il livello fino in fondo l'elenco dei livelli nel pannello "Livelli".

4 Fare doppio clic sul nuovo livello e quindi selezionare l'opzione "Modello". Fare clic sul pulsante "OK".

5 Clicca sull'icona "Lock" sul lato sinistro del nuovo livello per sbloccare il livello.

6 Fai clic su "File" dalla barra di navigazione in alto, e poi cliccare su "Place." Si apre una finestra di navigazione file.

7 Individuare e fare clic sul file JPEG. Fai clic su "OK" per importare il file JPEG nel nuovo livello. Dimensioni l'immagine JPEG alle vostre specifiche nel nuovo livello.

8 Fare clic sull'icona "Lock" sul nuovo livello per bloccare il livello con il JPEG. Fare clic su "Lock" su eventuali altri livelli per fare un livello diverso il nuovo livello attivo.

9 Fare clic sullo strumento "Penna" dal pannello "Strumenti".

10 Tracciare le linee e le forme dell'immagine JPEG a usare la penna, e tutti gli altri strumenti necessari dalla casella degli strumenti.

11 Fare clic sull'icona "Eye" accanto al livello JPEG per nascondere il livello, oppure fare clic destro sul livello e fare clic su "Elimina" per eliminare l'immagine originale JPEG.

12 Selezionare l'opzione "File" sulla barra di navigazione superiore e quindi fare clic su "Salva". Digitare un nome per l'immagine nuovo vettore nella casella di immissione "Nome file" e fare clic sul pulsante "Salva". Il file viene salvato come file AI, che è un tipo di immagine vettoriale e il tipo di file nativo di Adobe Illustrator.

Come creare pulsanti interattivi rollover in Fireworks

November 4

effetti di rollover sono diventati elementi di interfaccia obbligatori per le pagine web moderne. Fanno più di aggiungere effetti freddi al tuo sito; indicano all'utente che un collegamento è attivo. Ma, non è necessario per gestire decine di file e scrivere il codice JavaScript per aggiungere rollover alla tua pagina. Con Fireworks è possibile rendere i pulsanti e lasciare che il programma di scrivere il codice.

istruzione

1 Progetta la tua barra di navigazione o la pagina web di interfaccia in Fireworks. Creare lo sfondo, pulsante Forme, bordi e il testo su livelli separati. Spostare gli strati con elementi che non cambiano mai a una cartella di livelli denominata "Static" e gli elementi che cambieranno con il rollover di una seconda cartella denominata "Stato normale."

2 Copiare gli elementi che si desidera modificare a nuovi livelli. Spostare gli strati di rollover a un gruppo di terza cartella chiamata "rollover Stato." Apportare le modifiche in modo che gli elementi appaiono nel modo desiderato loro di guardare quando il mouse passa sopra un pulsante.

3 Tagliate il documento. Assicurarsi di creare una sezione separata per ogni tasto.

4 Aprire la tavolozza Frame. Trascinare il fotogramma 1 per l'icona "nuovo / duplicato Frame" nella barra delle opzioni della palette. Si vedrà un nuovo telaio identico al primo.

5 Mostrare e nascondere i livelli in ogni fotogramma per mostrare gli effetti che si desidera rendere visibili in quello stato del mouse. Assicurarsi che il fotogramma 1 mostra i pulsanti nel loro stato normale del mouse, e Frame 2 mostra i pulsanti nel loro stato rollover.

6 Maiusc selezionare le fette pulsante nello strato fetta. Aprire la tavolozza Comportamenti e cliccare sul pulsante "Add Behavior" (sembra un "+"). Selezionare "Rollover semplice" dalla lista pop-up. L'effetto rollover verrà applicato a tutte le sezioni tasto selezionato.

7 Scegliere "Anteprima nel browser" dal menu File. Quando si è soddisfatti con l'effetto rollover andare in modalità Anteprima per ottimizzare le fette. Esportare le fette come "HTML" e le immagini per scrivere il codice HTML e caricare le fette in una cartella di immagini.

Consigli e avvertenze

  • Troverete è molto più facile progettare intero sito web o barra di navigazione come un documento di Fireworks di creare pulsanti rollover individuali. Fuochi d'artificio saranno organizzare e mantenere il codice ottimizzato per voi.
  • Utilizzare la tavolozza Proprietà per assegnare un nome alle sezioni dei pulsanti. In questo modo sarà più facile tenere traccia dei vostri grafici dei pulsanti nelle loro cartelle e quando si modifica il codice HTML in un secondo momento.
  • Non basta creare una nuova cornice nella palette Frames. Il nuovo telaio non avrà nulla in essa, e si dovrà copiare tutti i livelli dal primo fotogramma. Assicurarsi di duplicare il primo fotogramma.

Come creare pulsanti Replay

April 20

Se si sta creando un video animato o un gioco in Flash, assicurarsi di aver fornito all'utente con comandi facili da usare. Uno dei comandi più importanti si possono includere è il pulsante "Replay", che si riavvia il gioco o il video. Sebbene sia possibile utilizzare Adobe Flash per creare questo pulsante, si potrebbe preferire di utilizzare gli strumenti più avanzati disponibili in un editor di grafica completa per creare pulsanti personalizzati. Fortunatamente, ci sono diversi programmi che è possibile utilizzare per questo scopo. È quindi possibile importare il pulsante risultante in Adobe Flash.

istruzione

Photoshop

1 Aprire Photoshop. Fai clic su "File" e "Nuovo". Nella finestra di dialogo che appare, immettere la larghezza e l'altezza che si desidera per il pulsante. Impostare il "Contenuto sfondo" a "trasparente", e fare clic su "OK".

2 Selezionate lo strumento di selezione "rettangolare" dalla barra degli strumenti, e disegnare una selezione per il pulsante che si desidera creare. Quindi utilizzare lo strumento "Secchio di vernice" per riempire la selezione con il colore che si desidera.

3 Vai alla parte inferiore della palette "Livelli", e cliccare su "FX". Scegliere "Bevel e rilievo." Nella finestra di dialogo, regolare le impostazioni per creare un pulsante smussato, e fare clic su "OK".

4 Selezionate lo strumento "Tipo" dalla barra degli strumenti, e scegliere lo stile del carattere e le dimensioni desiderate per il pulsante. Quindi digitare "Replay" (senza virgolette) sul pulsante smussato.

5 Fai clic su "File" e "Salva con nome". Nella finestra di dialogo, salvare il file come file .png. Ora è possibile importarlo in Flash.

Photoshop Elements

6 Aprire Photoshop Elements. Fai clic su "Modifica". Fare clic su "File", "Nuovo" e "File vuoto". Nella finestra di dialogo che appare, immettere la larghezza e l'altezza che si desidera per il pulsante. Impostare il "Contenuto sfondo" a "trasparente", e fare clic su "OK".

7 Selezionate lo strumento di selezione "rettangolare" dalla barra degli strumenti, e disegnare una selezione per il pulsante che si desidera creare. Quindi utilizzare lo strumento "Secchio di vernice" per riempire la selezione con il colore che si desidera.

8 Vai alla parte inferiore della palette "effetti", e cliccare su "Stili di livello." Scegliere lo smusso che si desidera utilizzare e fare clic su "Applica".

9 Selezionate lo strumento "Tipo" dalla barra degli strumenti, e scegliere lo stile del carattere e le dimensioni desiderate per il pulsante. Quindi digitare "Replay" (senza virgolette) sul pulsante smussato.

10 Fai clic su "File" e "Salva con nome". Nella finestra di dialogo, salvare il file come file .png. Ora è possibile importarlo in Flash.

GIMP

11 Aprire GIMP. Fai clic su "File" e "Nuovo". Nella finestra di dialogo che appare, immettere la larghezza e l'altezza che si desidera per il pulsante. Impostare il "Fill Con" a "trasparenza" e fare clic su "OK".

12 Selezionate lo strumento di selezione "rettangolare" dalla barra degli strumenti, e disegnare una selezione per il pulsante che si desidera creare. Quindi utilizzare lo strumento "Secchio di vernice" per riempire la selezione con il colore che si desidera.

13 Selezionare "Filtro" dal menu, e scegliere "Distorsioni". Dalle opzioni, scegliere "rilievo". Nella finestra di dialogo, regolare le impostazioni fino a quando vi piace l'anteprima, e fare clic su "OK".

14 Selezionare lo strumento "Testo" dalla barra degli strumenti, e scegliere lo stile del carattere e le dimensioni desiderate per il pulsante. Quindi digitare "Replay" (senza virgolette) sul pulsante smussato.

15 Fai clic su "File" e "Salva con nome". Nella finestra di dialogo, salvare il file come file .png. Ora è possibile importarlo in Flash.

Come convertire PSD in grafica vettoriale

June 9

È possibile utilizzare Photoshop per convertire le immagini in file PSD di forme vettoriali con la creazione di quelle forme da immagini raster del PSD, quindi salvare le immagini risultanti in formato PDF. PDF possono memorizzare le immagini vettoriali e visualizzarli in qualsiasi fattore di ingrandimento senza perdita di qualità. Si noti che è possibile perfezionare le forme vettoriali apportate dal file PSD eseguendo strumenti percorso di Photoshop, che includono "Selezione diretta", "Aggiungi punto di ancoraggio" e gli "strumenti penna".

istruzione

1 Fai clic su "File" e "Apri". Passare a un file PSD le cui immagini si desidera convertire in grafica vettoriale. Fare doppio clic sul file per caricarlo in Photoshop.

2 Fare clic sull'icona contagocce dalla tavolozza degli strumenti per eseguire lo strumento per i colori di campionamento. Clicca il cursore del mouse su una delle forme nell'immagine caricati al punto 1. "Shape" significa una regione con una divisa o un colore quasi uniforme. Ad esempio, se è stato caricato un file PSD con una casa, e l'esterno della casa è blu con nessun altro colore, l'esterno si qualifica come una forma.

3 Fare clic sull'icona a forma di tavolozza degli strumenti come un pennino per eseguire lo strumento Penna, che consente di creare grafica vettoriale. Fare clic sull'icona a forma quadrata sopra la tela per selezionare l'opzione "Forma", che consente la creazione di forme vettoriali pieni di colore.

4 Fare clic su un punto sul contorno della forma il cui colore si campionati al punto 2, quindi trascinare in giro per l'intero contorno della forma per seguirli. Quando il cursore del mouse si trova sopra il punto selezionato, rilasciare il mouse per completare la forma vettoriale.

5 Utilizzare le istruzioni da passaggi da 2 a 4 per creare forme vettoriali per le forme bitmap rimanenti nel file PSD.

6 Fare clic sul menu "File", quindi fare clic su "Salva con nome" di comando. Fare clic sulla voce "PDF" dall'elenco a discesa "Tipo" nel "Salva con nome" finestra di dialogo. Digitare un nome per il file PDF nella casella di testo "Nome", quindi fare clic su "Salva" per avviare la conversione in formato PDF. Photoshop vi chiederà con le opzioni per il PDF. Fai clic su "OK" per accettare le opzioni predefinite e completare la conversione.

Come mettere pulsanti grafici in una pagina Web

August 15

Mettendo pulsanti grafici sul vostro sito vi darà un aspetto più accattivante e professionale. In più, ci vogliono solo pochi minuti, ed è piuttosto semplice.

istruzione

Come mettere pulsanti grafici in una pagina Web

1 Aprire un programma di grafica come Microsoft Publisher a una pagina vuota per creare il pulsante. Basta disegnare un rettangolo utilizzando il pulsante di forme di base, scegliere uno con angoli arrotondati per un pulsante più attraente.

2 Aprire la funzione casella di testo e digitare le parole che vuoi sul tuo tasto, quindi centrare questo sul rettangolo. Riempire il rettangolo con il colore della vostra scelta, e aggiungere un bordo, ombreggiatura, o effetti di riempimento utilizzando le funzioni Editore nella barra degli strumenti.

3 Salvare il pulsante come immagine JPG e dargli un nome, button1.jpg. Poi conservarlo nel file immagini, sul vostro server web. Assicurarsi che il pulsante è dimensionato correttamente, controllando la dimensione dei pixel nella finestra delle proprietà (tasto destro del mouse sopra l'immagine mentre è nella cartella di portare questo in su).

4 Aprire la pagina Web in blocco note o in un altro editor di testo HTML e individuare dove si desidera che il pulsante viene visualizzato sulla pagina.

5 Digitare <img src = "../ images / button1.jpg">. Il pulsante verrà visualizzato in questa pagina, quando caricato sul server web.

6 Digitate il link al punto in cui si desidera che il visitatore di andare quando si fa clic su questo pulsante, proprio come il collegamento a un'altra pagina: <a href="www.yourwebsite.com/button-leads-to-this-page.html"> <img src = "../ immagini / button1.jpg"> </a>

Consigli e avvertenze

  • Per ridimensionare il pulsante vernice aperta, e fare clic su Immagine, quindi ridimensionare / inclinazione e regolare le dimensioni. Scaling o dimensionamento con il tasto destro in Publisher o il vostro programma di grafica ti dà un pulsante molto più chiara e di qualità superiore.

Bitmap vs. grafica vettoriale in Web Design

November 11

Non importa quale sia l'applicazione - Web design, presentazioni, desktop publishing, è il nome - computer grafica sono di due tipi: vettoriale e bitmap. Anche se non si può dire, cercando in loro, le differenze tra questi due tipi di grafica è enorme. I due tipi di grafica sono così diversi, infatti, che i progettisti grafici utilizzano diversi tipi di programmi di grafica per creare e modificare. Ciò che rende i due tipi di grafica in modo molto diverse sta nel modo che i computer a creare.

grafica bitmap

La grafica bitmap vengono creati e modificati in programmi di grafica vernice tipo, come ad esempio Adobe Photoshop. Bitmap sono anche il tipo di grafico creato da scanner e fotocamere digitali. Bitmap creare immagini combinando milioni di punti colorati, che è cruciale per produrre le gradazioni di colore intricati e ombreggiatura nelle fotografie. La densità dei punti, i punti per pollice, o dpi, misure di risoluzione dell'immagine. Un inconveniente alle immagini bitmap è che per ingrandirle, computer devono aumentare lo spazio tra i punti, spesso degradare la qualità dell'immagine.

Vector Graphics

La grafica vettoriale vengono creati e modificati in programmi di grafica, come Adobe Illustrator. immagini vettoriali sono costituiti da una serie di vettori, o linee e forme disegnata matematicamente. Piuttosto che unire i puntini, i computer creano immagini vettoriali eseguendo milioni di calcoli. Questo tipo di grafica è ideale per la creazione di disegni, ma non riproduce fotografie well.Vector grafica possono essere ridimensionati senza degradare la qualità delle immagini. Il computer ridimensiona il grafico ricalcolando i vettori. Tuttavia, grafica vettoriale non sono ampiamente supportate dai browser Web.

Grafica Bitmap Web

I browser Web supportano tre formati di immagine bitmap: JPEP, GIF e PNG. Al giorno d'oggi, tuttavia, la maggior parte dei progettisti utilizzano il nuovo formato PNG al posto del formato GIF meno versatile anziani. Ancora una volta, per riprodurre fotografie esattamente su Internet o in qualsiasi altra applicazione informatica richiede un formato bitmap. Inoltre, le immagini bitmap sono molto più facili da implementare nelle pagine Web di formati vettoriali. I due predominano formati vettoriali, Encapsulated PostScript (EPS) e il formato di AI di Illustrator, non sono supportati da qualsiasi browser Web.

Vector Web Graphics

L'unico vettore formato grafico supportato sul Web è SVG, o Scalable Vector Graphics. Invece di un formato grafico vero e proprio, SVG è un linguaggio grafico basato su testo. Molti browser richiedono un plug-in SVG, o spettatore, per visualizzare la grafica. Mentre SVG è molto versatile e supporta diverse funzionalità non disponibili in grafica bitmap, come l'animazione e la scalabilità per l'utente finale, che richiedono un alto livello di abilità da distribuire. produttori programma di grafica come Adobe hanno sviluppato diversi strumenti per aiutare i progettisti a implementare grafica SVG su Internet, e, molto probabilmente, SVG o qualche altro formato grafico simile vettore rappresenta il futuro della grafica web. A partire dalla data di pubblicazione, anche se, utilizzando la grafica vettoriale in pagine Web richiede competenze di programmazione web.

Come fare grafica vettoriale in Photoshop

December 7

Come fare grafica vettoriale in Photoshop


Adobe Photoshop è una foto e grafica processore utilizzato per create tutti i tipi di immagini. Mentre si tratta principalmente con immagini basate sui pixel, è in grado di produrre arte vettoriale. Arte di vettore può essere ridimensionato senza perdita di risoluzione, mentre il pixel-based (noto come "raster") i risultati d'arte in immagine pixelation quando alterata. In Photoshop, lo strumento Penna crea vettori.

istruzione

1 Aprire un nuovo documento in Photoshop selezionando "Nuovo" dal menu "File" nella parte superiore.

2 Selezionate lo strumento Penna dalla barra degli strumenti e fare clic nell'area palco per creare un "ancoraggio".

3 Clicca qualche altra parte sul palco per creare una seconda ancora - un "percorso" di loro si collegherà. Per mettere una curva nel percorso, cliccare e tenere premuto quando si crea un ancoraggio e si trascina il mouse per la seconda ancora.

4 Continuare a fare ancore e le curve per disegnare l'oggetto. È possibile collegare di nuovo al punto originale di chiudere l'oggetto, ma non è necessario.

5 Per colorare la forma del tracciato, selezionare un colore nel pannello "Colori" e cliccare sul "percorso di riempimento con in primo piano colore" icona nel pannello "Percorsi". Se l'icona non è visibile, aprire il pannello "Percorsi" selezionando "percorsi" dal menu "Finestra" in alto.

Consigli e avvertenze

  • Photoshop non è stato progettato per essere un produttore dedicato di grafica vettoriale, in modo da creare un'immagine vale la pena può essere noioso.

Come convertire una foto in grafica vettoriale in Illustrator

May 30

Un vettore grafica creati in Adobe Illustrator è una forma disegnata con una linea regolare che può essere scalata all'infinito senza perdita di qualità sofferenza. Una grafica raster-based, come ad esempio una fotografia o altra immagine creata in un programma come Photoshop, è rappresentato in pixel e può apparire frastagliata quando scala troppo. Nelle prime versioni di Illustrator, l'artista digitale doveva disegnare manualmente su una fotografia con una serie di strumenti penna, curve di Bezier e punti di ancoraggio per convertire una foto in una grafica vettoriale. Mentre questo processo è ancora alla base della creazione di grafica vettoriale, "Trace Live", una funzione di Illustrator che converte con precisione le foto in immagini vettoriali, ha automatizzato il compito.

istruzione

1 Avviare Illustrator. Selezionare "Nuovo" dal menu principale per creare un nuovo documento. Scegli la tua taglia tavola da disegno e l'orientamento, e scegliere CMYK o RGB per il vostro modello di colore. Scegliere "CMYK" nella maggior parte dei casi, se si sta stampando l'opera d'arte. Per la visualizzazione sullo schermo, scegliere "RGB". Fai clic su "OK".

2 Posizionare la fotografia onthe tavola da disegno. Selezionare "File", quindi "luogo". Passare alla foto sul tuo computer. Fare doppio clic sul file, quindi fare clic su "Place."

3 Selezionare "Oggetto", quindi "Traccia dal vivo." In alternativa, fare clic sul pulsante "Live Trace" nella barra degli strumenti. Fare clic sul pulsante drill-down accanto al pulsante "Live Trace" per scegliere tra più di 12 preset per la vostra grafica vettoriale. Ad esempio, scegliere "Black and White" per creare una versione logo-simile della vostra fotografia, oppure scegliere "Comic Art", per creare un look più cartone animato.

4 Fai clic su "Espandi" per trasformare la vostra arte un'immagine vettoriale in. Fare clic sullo strumento "Selezione" nella palette degli strumenti. Fare clic su un percorso, quindi selezionare lo strumento "contagocce" per selezionare un colore. Il percorso che si sceglie si riempirà con il colore selezionato. Selezionare lo strumento "Pennello" e dipingere sopra l'immagine per perfezionare ulteriormente la grafica vettoriale.

5 Scegliere "File", poi "Salva" per mantenere il vostro lavoro.

Come utilizzare Java per creare pulsanti rollover

June 4

pulsanti rollover aggiungono risposta alle applicazioni rispondendo ad mouse dell'utente come rotola sopra, anche se l'utente non fa clic sul pulsante. Con classe MouseListener di Java è possibile creare pulsanti che alterano il loro testo o l'icona quando sono rotolato sopra. Java gestisce gli eventi del mouse rollover nello stesso modo in cui gestisce gli eventi click del mouse, in modo da poter programmare il comportamento rollover del pulsante per essere tutto ciò che il comportamento clic del mouse di un pulsante può essere.

istruzione

1 Digitare il seguente codice nella parte superiore del file Java che conterrà i pulsanti rollover:

import javax.swing.JButton;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

2 Dichiarare il vostro JButton digitando il seguente codice all'interno della classe che contiene i componenti dell'interfaccia utente grafica, ma al di fuori di qualsiasi dei suoi metodi:

Pulsante JButton;

3 Inizializzare il nuovo pulsante con un titolo appropriato digitando il seguente codice nella stessa posizione in cui è stato dichiarato gli altri oggetti GUI:

Pulsante = new JButton ( "Click Me");

4 Aggiungere un ascoltatore mouse al nuovo pulsante. Inserisci questo codice appena sotto dichiarazione del tasto:

button.addMouseListener (nuova MouseListener () {

});

5 Override il metodo del MouseListener del con il vostro. Inserire le chiamate verso i propri metodi all'interno di ogni metodi del MouseListener. Digitare il seguente codice tra parentesi di apertura e chiusura del vostro nuovo MouseListener:

public void mouseEntered (MouseEvent e) {

mouseIn(e);

}
public void mouseExited (MouseEvent e) {

mouseOut(e);

}
public void mouseClicked (MouseEvent e) {

mouseClick(e);

}
public void mousePressed (MouseEvent e) {

mousePress(e);

}
public void mouseReleased (MouseEvent e) {

mouseRelease(e);

}

6 Creare i metodi d'azione che realizzeranno i comportamenti corretti quando il pulsante viene attivato. Digitare il seguente codice all'interno della classe che contiene i componenti GUI ma al di fuori gli altri metodi:

private void mouseIn (MouseEvent e) {

}
mouseOut private void (MouseEvent e) {

}
private void mouseClicked (MouseEvent e) {

}
private void mousePressed (MouseEvent e) {

}
private void mouseReleased (MouseEvent e) {

}

7 Riempire ogni metodo d'azione con il codice che si desidera eseguire quando l'utente esegue l'azione corrispondente sul pulsante. Ad esempio, è possibile richiedere il pulsante per cambiare il suo testo quando il mouse passa sopra inserendo il seguente codice nel metodo mouseIn:

button.setText ( "Ciao C'è!");
È possibile programmare il pulsante per tornare al suo testo originale quando il mouse dell'utente esce zona del pulsante inserendo il seguente codice nel metodo mouseOut:
button.setText ( "Click Me");

Consigli e avvertenze

  • È possibile modificare le proprietà del pulsante all'interno del metodo mouseIn. Ad esempio, è possibile modificare le dimensioni del pulsante, cambiare la sua icona o cambiare il colore della sua fonte. la documentazione JButton online Sfoglia Java per un elenco completo dei metodi che è possibile utilizzare per modificare il vostro JButton.
  • Utilizzare il metodo mouseOut per invertire le modifiche apportate nel metodo mouseIn o l'effetto rollover sarà permanente.