Pubblicato il 12/07/16 - aggiornato il  | 2 commenti :

Tool di PicPick per misurare lunghezze, angoli e codici dei colori di schermo e di pagine web.

Come usare gli Strumenti di PicPick per misurare le lunghezze, gli angoli e scoprire i codici dei colori dello schermo del PC o delle pagine web.
Nel precedente articolo abbiamo visto quali siano le principali funzionalità di PicPick con particolare riferimento all'Editor delle immagini. Ricordo che PicPick è un programma che può essere scaricato gratuitamente per uso personale e che può essere installato su PC Windows

Oltre alla funzione principale di scattare istantanee questo programma mette a disposizione degli webmaster anche altri strumenti che possono servire in determinate circostanze. In questo post mi occuperò appunto di questi tool aggiuntivi. Ritornerò sicuramente su PicPick per mostrare come ottimizzare gli screenshot usandolo in combinazione con Gimp e Riot e probabilmente anche per illustrare come inserire nelle immagini watermark o filigrana per affermarne la nostra paternità.

Dopo l'installazione del programma verrà visualizzata la icona di PicPick nella Barra delle Applicazioni. Cliccandoci sopra con il destro del mouse si può accedere ai vari strumenti

picpick-tool

Cliccando su Editor Immagini si aprirà la pagina iniziale di PicPick con l'elenco di tutte le opzioni. Le varie tipologie di cattura le abbiamo viste nell'articolo precedente. Gli strumenti aggiuntivi di PicPick sono: Selettore di Colori, Palette di Colori, Lente di Ingrandimento, Righello dei Pixel, Crocini, Rapportatore e Barra Strumenti. In Opzioni Programma si gestiscono le varie Impostazioni. Ho pubblicato sul mio canale di Youtube un video tutorial su questi tool di PicPick


 

SELETTORE DI COLORI E PALETTE DI COLORI


Cliccando su Selettore di colori verrà visualizzato lo strumento Contagocce presente in tutti i programmi di grafica quali Photoshop e Gimp. In alto a destra sarà mostrato un rettangolo ingrandito dell'area su cui passa il cursore. Cliccando su un determinato pixel dello schermo o di una pagina web se ne ricava immediatamente il suo codice del colore.

selettore-colori-picpick

In Palette Colori questi codici verranno archiviati e potranno essere richiamati all'occorrenza.

LENTE INGRANDIMENTO


Con lo strumento della Lente di Ingrandimento si può visualizzare ingrandita una area della pagina web o dello schermo e si può anche modificarne il rapporto di zoom. 

picpick-lente-ingrandimento


RIGHELLO DEI PIXEL


Il tool del Righello dei Pixel è utile per misurare le distanze in una pagina web. Dopo esserci assicurati che il browser non abbia uno zoom attivo, cliccando su tale tool si vedrà un righello orizzontale che potrà diventare anche verticale cliccando sulla freccia ricurva. Con tale Righello si misurano in pixel le distanze orizzontali o verticali tra due punti.

righello-pixel-picpick


CROCINI OVVERO COORDINATE CARTESIANE


Con i Crocini si clicca su un punto dello schermo e si sposta il cursore in un altro punto. Il tool dei Crocini ci darà la loro distanza in pixel sia sull'asse delle ascisse sia su quello delle ordinate

crocini-strumento-picpick


STRUMENTO RAPPORTATORE PER MISURARE GLI ANGOLI


Il tool del Rapportatore serve per misurare gli angoli. Si crea la retta iniziale di misura dell'angolo cliccando con il mouse su due punti. Poi si sposta il cursore nella posizione dell'altro estremo

rapportatore-angolo-picpick


BARRA STRUMENTI


Con la Barra Strumenti si può disegnare sullo schermo o su una pagina web per poi scattare una istantanea da condividere nei social, da modificare con l'Editor o da salvare

barra-strumenti-picpick

Si può quindi disegnare su una pagina web, sullo schermo del PC o p.e. su Open Live Writer come fatto nello screenshot precedente. Questo disegno non andrà a interferire con i contenuti della pagina ma sarà solo grafica aggiuntiva per illustrare meglio una istantanea dello schermo. Nei prossimi due articoli che dedicherò a PicPick mi occuperò di come aggiungere uno watermark alle foto e di come ottimizzare le immagini per rendere più veloci le pagine web in cui vengono caricate.


2 commenti :

  1. Seguo molto il tuo blog e ho risolto un po di problemi Grazie ai suoi consigli. Ora le vorrei chiedere, ho un problema col mio blog in blogger quando vado su "modello" e poi su "personalizza" non riesci più a modificare il tamplate! Mi da la schermata grigia con tulteriori le opzioni (testo,sfondo ecc) ma sotto nella anteprima non si vede più il mio blog. Insomma non mi fa apportare modifiche. Cosa è successo e come potrei ripristinarlo. Fa così in qualsiasi piattaforma sia su smartphone che PC.
    La ringrazio

    RispondiElimina
    Risposte
    1. Non si deve mai andare su Modello -> Personalizza ma su Modello -> Modifica HTML e modificare il codice da lì. Modello -> Personalizza dovrebbe servire solo all'inizio per le modifiche fondamentali come i colori, il tipo di layout, le larghezze. Successivamente andando su Personalizza ci sono forti rischi di perdere tutte le personalizzazioni aggiunte. Per verificare una modifica non è consigliabile neppure andare su Anteprima, bisogna salvare per poi aprire un post. Ovviamente prima di qualsiasi modifica va prima salvato il template per un eventuale ripristino
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy