Tutorial Blog

Lo strumento Penna - Curved Navbar Photoshop Tutorial

1 gennaio 2006 da Anthony · 14 Commenti Post to Twitter Post a Yahoo Buzz Post a Digg Post to Reddit Post to StumbleUpon




In questo tutorial potrete imparare a manipolare una forma di Photoshop utilizzando alcuni principi di base dello strumento penna. Ci sarà copertura di aggiungere e spostare i punti riflessi su una forma e come se utilizzato a destra è possibile creare una barra di navigazione di curve molto attraente per il vostro sito web.

Fase 1

Come sempre, la prima cosa che dovete fare è creare voi stessi una nuova tela in Photoshop (no, non Paint, Paint è per i pro [/ sarcasmo]). Una volta che avete il vostro nuovo clic su tela e trascinare fuori una forma rettangolare e dare un colore a caso, qualsiasi colore va bene, ma per questo tutorial abbiamo usato rosso. Abbiamo appena amore rosso. Si dovrebbe avere qualcosa di simile a questo:

curve nav bar tutorial step 1

Ora che abbiamo la nostra forma, è chiaro a vela da qui. Non più strati, n. forme più. Solo lo strumento magico della penna pronto a farlo di piccoli trucchi per voi.

Fase 2

Per quelli di voi che non hanno familiarità con ciò che lo strumento penna è in realtà, è la piccola icona che appare sulla barra degli strumenti che assomiglia a:

curve nav bar tutorial step 2

Per visualizzare le opzioni aggiunte come sopra è necessario fare clic e tenere premuto il tasto sinistro del mouse sull'icona dello strumento penna.

Ora che si sa cosa e dove lo strumento penna, conosci dove andare, in futuro, se mai hai bisogno di usarlo. Per ora abbiamo bisogno di utilizzare la funzione "Add Anchor Point Tool", quindi selezionate tale.

Aggiunta di punti di ancoraggio alle forme può essere difficile, specialmente quando si sta cercando di farli nei posti giusti. E 'importante che per la creazione di curve morbide che lo spazio i vostri punti di ancoraggio a parte correttamente, altrimenti i bordi sarà troppo forte e non sono molto ben definiti. Il tuo spazio sottolinea come indicato qui sotto:

curve nav bar step tutorial 2 2

La spaziatura mostrato sopra ci darà leva sufficiente per creare una curva regolare e non crampi il disegno complessivo.

Fase 3

Ora che abbiamo messo fuori i punti di ancoraggio (o punti di riflesso) tutti siamo tenuti a fare è manipolare loro di generare una curva abbastanza per essere contenti per la nostra barra di navigazione.

Per questa parte, abbiamo bisogno di selezionare lo strumento vuoto freccia dalla barra degli strumenti. Ecco come si presenta:

curve nav bar step tutorial 3

Una volta che avete selezionato questo, tutto quello che dovete fare è cliccare sui punti di ancoraggio per la forma ed è possibile spostarli a vostro piacimento. Per questo esercizio, fare clic sul primo punto di ancoraggio che hai fatto (a sinistra) e mentre turno ha colpito il cursore tenendo premuto il tasto per quattro volte. Fare lo stesso con il punto di ancoraggio a sinistra all'angolo. Si dovrebbe finire con questo come risultato:

curve nav bar step tutorial 3 2

Ora che avete correttamente modificato la forma utilizzando lo strumento penna, che conosciate le basi delle forme di editing per il futuro. Se si voleva spiff questo bar un po ', Capo su oltre al Gloss Aggiunta di tutorial e imparare a dare le forme quel po' di un ulteriore fattore wow!



Commenti

14 Responses to "Lo strumento Pen - Curved Navbar Photoshop Tutorial"
  1. Trace - ha detto:

    Non ho potuto ottenere i punti di ancoraggio per aggiungere l'angolo, non sai da dove ho sbagliato, ma io questo parco.

  2. Fotocopiato - ha detto:

    La prima volta che ho fatto questo, i punti di ancoraggio lavorato, ora non verrà visualizzato. * confusa *

  3. G. Eren - ha detto:

    .. Molto facile Buona idea .. Congratilations ...

  4. Odizzle - ha detto:

    Non posso ottenere l'punti di ancoraggio fissato ... clicca giù, quando i punti di ancoraggio è stato selezionato, ma non succede nulla : (

  5. Elpazy - ha detto:

    i like it ... thanks dude
    Odizzle> usando "Selezione diretta Tool" è per le selezioni e percorsi si muove e parti di percorsi.

  6. siruss - http://xxxxxxx ha detto:

    I like it â € | thanks dude

    Ma come posso inserire il link al testo tramite photoshop?

    Thenks :-)

  7. adden - ha detto:

    i like it.
    se si clicca resterize livello non possiamo trattare l'immagine. Come si può ancora e ancora il trattamento di immagini.
    risolvere il problema di qualcuno
    THX

  8. Anandha Rajagopal - http://www.dci.in ha detto:

    Nice introduttiva. :)

  9. Joshua - ha detto:

    Per coloro che non possono aggiungere i punti il problema è probabilmente stai inserendo il tipo sbagliato di rettangolo. In Photoshop 7, in quanto almeno si givin la scelta di creare un livello di forma, il percorso, oppure compilare pixel (menu a barra degli strumenti barra degli strumenti). Assicurarsi di creare un livello di forma solo allora si può inserire punti.

  10. IMI - http://www.car-sale.org.uk ha detto:

    Brilliant

  11. automobili - http://www.searchacar.co.uk ha detto:

    Mi sembra difficile da fare come queste cose. Ma seguendo il tutorial che ho imparato alcune nuove tecniche. Sono Bie nuovo in Photoshop così bisogno di alcuni buoni tutorial come questo per diventare un professionista. grazie

  12. Jeff Adams - http://www.chunkyfrog.co.uk ha detto:

    semplice - efficace - love it. IM rallentamento passando da fuochi d'artificio a Photoshop.

  13. Henry - http://www.henryhoffman.com ha detto:

    Bel tutorial!

    È possibile scaricare un sacco di navigazione gratuito simile a questo bar a http://www.stemplate.com/navigation

Tutorial Blog