Torna alle notizie

Guida per principianti agli strumenti di disegno su tela in WebPS: crea e modifica grafica

Scopri come usare gli strumenti di disegno WebPS: matita, pennello, forme e testo. Tutorial passo passo per creare grafica direttamente nel browser. Gratuito, nessuna installazione.

strumenti di disegno WebPSstrumenti di disegno WebPStutorial disegno su telaeditor immagini onlinecreazione graficastrumento pennello WebPS

Introduzione

Se hai bisogno di creare grafica semplice, annotare immagini o disegnare a mano libera direttamente nel browser, WebPS offre un set completo di strumenti di disegno su tela. Che tu sia un principiante o un utente occasionale, questa guida ti accompagna attraverso ogni strumento: matita, pennello, forme e testo. Imparerai come avviare una nuova tela, usare ogni strumento in modo efficace e combinarli per produrre grafica finita — tutto senza lasciare il browser.

Per iniziare: apri gli strumenti di disegno

1. Vai all'editor WebPS. 2. Clicca Crea nuovo o apri un'immagine esistente. 3. La barra degli strumenti a sinistra contiene tutti gli strumenti di disegno. Di default, lo strumento Seleziona è attivo. Clicca le icone di matita, pennello o forme per iniziare a disegnare.

1. Strumento Matita

Lo strumento matita crea linee nette e perfette al pixel. Ideale per schizzi, pixel art o contorni precisi.

Come usarlo:

  • Clicca l'icona della matita (o premi P).
  • Imposta colore e dimensione dalla barra delle opzioni in alto.
  • Clicca e trascina sulla tela per disegnare.
  • Tieni premuto Shift per disegnare linee dritte orizzontali o verticali.

Consiglio: Usa una dimensione piccola (1-3 px) per linee dettagliate. Aumenta la dimensione per tratti più spessi.

2. Strumento Pennello

Lo strumento pennello produce tratti morbidi e anti-alias con opacità e flusso regolabili. Ottimo per dipingere, ombreggiare o aggiungere luci.

Come usarlo:

  • Clicca l'icona del pennello (o premi B).
  • Regola Dimensione, Opacità e Flusso nella barra delle opzioni.
  • Scegli un colore dal selettore colore.
  • Trascina per dipingere. Opacità più bassa crea strati traslucidi.

Consiglio: Usa opacità bassa (20-30%) per costruire gradualmente il colore per un effetto acquarello.

3. Strumenti Forma

WebPS fornisce strumenti forma per rettangoli, ellissi, linee e poligoni. Ogni forma può essere disegnata come contorno vettoriale o area riempita.

Come usarli:

  • Clicca l'icona dello strumento forma (es. rettangolo).
  • Nella barra delle opzioni, scegli Riempimento (colore solido) o Contorno (solo bordo).
  • Seleziona un colore e larghezza del tratto.
  • Clicca e trascina sulla tela per creare la forma.
  • Tieni premuto Shift durante il trascinamento per mantenere le proporzioni (quadrato, cerchio).

Consiglio: Dopo aver disegnato, puoi spostare o ridimensionare la forma usando lo strumento Sposta (V). La forma rimane modificabile finché non rasterizzi o unisci i livelli.

4. Strumento Testo

Aggiungi didascalie, etichette o titoli con lo strumento testo. Font, dimensione, allineamento e colore sono regolabili.

Come usarlo:

  • Clicca l'icona Testo (o premi T).
  • Clicca sulla tela per creare una casella di testo.
  • Digita il tuo testo.
  • Nella barra delle opzioni, cambia famiglia di font, dimensione, colore, allineamento e stile (grassetto, corsivo, sottolineato).
  • Trascina gli angoli della casella di testo per ridimensionarla.

Consiglio: Usa colori ad alto contrasto per la leggibilità. Per i titoli, aumenta la dimensione a 24-36 px.

5. Strumento Gomma

Rimuovi parti indesiderate del tuo disegno con la gomma.

  • Clicca l'icona della gomma (o premi E).
  • Regola dimensione e durezza.
  • Trascina sulle aree da cancellare.

Consiglio: Usa una gomma morbida per sfumare delicatamente; una gomma dura per rimozione precisa.

6. Gestione dei livelli

Gli strumenti di disegno lavorano sul livello attualmente selezionato. Usa il pannello Livelli (a destra) per aggiungere nuovi livelli, rinominarli, riordinarli o regolare l'opacità. Disegna sempre su un livello separato per mantenere le modifiche non distruttive.

Buona pratica:

  • Mantieni lo sfondo sul Livello 0.
  • Disegna i contorni sul Livello 1, i riempimenti di colore sul Livello 2.
  • Aggiungi il testo su un livello proprio per un facile riposizionamento.

Passo dopo passo: crea una grafica semplice da zero

Disegniamo un sole con nuvole e aggiungiamo una didascalia.

1. Apri l'editor WebPS e clicca Crea nuovo per ottenere una tela vuota (es. 800×600 px). 2. Rinomina Livello 0 in "Cielo" e riempilo con azzurro usando lo strumento Secchiello. 3. Aggiungi un nuovo livello chiamato "Sole". 4. Seleziona lo strumento Ellisse, modalità Riempimento, colore giallo. Disegna un cerchio (tieni Shift). 5. Aggiungi un altro livello "Nuvole". 6. Usa lo strumento Matita (bianco, dimensione 10) per disegnare tre cerchi sovrapposti per formare una nuvola. 7. Aggiungi un livello "Testo". 8. Seleziona lo strumento Testo, font Arial, dimensione 30, bianco. Clicca e digita "Ciao WebPS!" 9. Sposta il testo in posizione con lo strumento Sposta. 10. Salva come PNG o JPG tramite File > Esporta.

Consigli avanzati

  • Scorciatoie: P (matita), B (pennello), T (testo), E (gomma), V (sposta), U (forma), Ctrl+Z (annulla).
  • Selettore colore: Clicca il campione colore per aprire una tavolozza completa o usa il contagocce (I) per campionare i colori dall'immagine.
  • Zoom e panoramica: Usa lo strumento zoom (Z) o la rotellina del mouse. Tieni premuta la barra spaziatrice e trascina per spostarti.
  • Capovolgi e ruota: Dal menu Modifica, capovolgi la tela orizzontalmente/verticalmente o ruota con incrementi di 90°.

Perché usare WebPS per disegnare?

  • Nessuna installazione — funziona interamente nel browser.
  • Multi‑piattaforma — Windows, Mac, Linux, Chromebook.
  • Gratuito senza paywall per gli strumenti di disegno.
  • Integrato con altre funzionalità di modifica come ritaglio, ridimensionamento, filtri e conversione di formato.
  • Privacy — le tue immagini rimangono sul tuo dispositivo; nessun caricamento su server (elaborazione lato client).

Conclusione

WebPS offre una suite di disegno completa per la creazione grafica online. Con matita, pennello, forme, testo e livelli, puoi creare di tutto, dalle rapide annotazioni alle illustrazioni rifinite. Sperimenta con ogni strumento e usa i livelli per mantenere il lavoro organizzato. Inizia il tuo prossimo disegno ora nell'editor WebPS.

Domande frequenti

Come accedo agli strumenti di disegno in WebPS?

Apri l'[editor WebPS](https://webps.online/editor) e clicca 'Crea nuovo' o apri un'immagine. Gli strumenti di disegno sono nella barra degli strumenti a sinistra: matita, pennello, forme, testo e gomma.

Posso disegnare linee rette con lo strumento matita?

Sì. Tieni premuto il tasto Shift mentre trascini per disegnare una linea perfettamente diritta orizzontale o verticale.

Come cambio il colore di un pennello o di una forma?

Usa il campione colore nella barra delle opzioni in alto. Cliccalo per aprire il selettore colore, oppure usa lo strumento contagocce (I) per campionare un colore dalla tua immagine.

È possibile aggiungere testo in WebPS?

Sì. Clicca lo strumento Testo (o premi T), poi clicca sulla tela. Puoi modificare font, dimensione, colore e allineamento nella barra delle opzioni.

Posso disegnare su più livelli?

Assolutamente. Usa il pannello Livelli a destra per aggiungere, rinominare, riordinare o nascondere i livelli. Disegnare su livelli separati mantiene le modifiche non distruttive.

WebPS è gratuito e senza filigrane?

Sì. WebPS è gratuito. Non ci sono filigrane o costi nascosti per l'uso degli strumenti di disegno.