Skitch

(réalisé par Marc)

A. présentation rapide :

Son icône :

icône

Qu'es-aco : logiciel de capture d'écran, d'édition et d'annotation des images

Site de l'éditeur : Skitch

Traduction : non

payant : non

App Store (lien sponsorisé) : Appstore gratuit.

Interface : originale

interface

B. Plus en détails

a. fonction:

Skitch permet de

vos images

C. Une interface très originale :

interface

Détaillons cette interface:

Cette image annotée avec Skitch

e. Dans la barre de menu ou dans le dock:

Par défaut Skitch est une application qui se "range" dans la barre de menu (partie droite). Mais si vous le souhaitez, vous pouvez le faire apparaître dans le dock comme n'importe quelle application.

dans le dock

Pour cela, afficher les préférences de l'aplication (cmd , ou menu > Préférences)

> Onglet Settings > Onglet General > Show Skitch in (afficher Skitch dans) Dock (le dock), Menu bar(la barre de menu), both (les deu de menu), both (les deux).

D. La capture avec Skitch :

vous pouvez faire :

a. des captures d'écran avec l'outil Snap

Cliquez sur le bouton Snap (à droite)

capture

Fig 1 : Crosshairs snap

Capture

Fig. 2 : la capture 'une partie de l'écran (Crosshairs snap)

capture

Fig. 3: le mode "re-snap (keep pen)"

Le résultat dans les deux cas:

capture

Quelques outils pour la capture :

1. le retardateur

Pour chacune de ces 3 types de captures un retardateur de 3 secondes peut être ajouter en pressant la touche majuscule.

-------> 2 -------> 1

2. La loupe

La loupe est activable via les préférences :

menu > Preferences > Onglet "Snapping" > Cocher "Show magnifier for Crosshairs Snap"

Loupe

b. des captures via l'iSight

(+/_ retardateur en appuyant ou pas sur la touche majuscule)

Avec ce noeud papillon, j'ai un succès fou ! Voici ce que la webcam de l'auteur de cet article a vu.

c. des captures de la page web entière :

Menu > Snap Safari ou Snap from link...

il peut s'agir de la capture de la page entière

Snap from link

Le résultat dans Skitch, le voici :

capture de page web

Le bouton en bas à droite montre que la page est au dimension d'origine (1:1). Particularités de cette affichage :

D. Les outils d'annotation :

Skitch superpose sur votre image originale des objets éditables (textes, lignes , flèches, cercle, rectangles etc.) à la manière des calques. Pour cela il a quelques outils.

1. Quels sont ils?

  1. l'outil de sélection (le curseur)
  2. la pipette couleur (ALT +Curseur)
  3. l'outil de dessin (crayon)
  4. les lignes
  5. les cadres ovalaires
  6. les cadres rectangulaires
  7. la gomme
  8. l'outil texte
  9. les flèches
  10. le remplissage de l'arrière-plan (majuscule + clic couleur)

2. leurs fonctions:

scinder

3. La touche Majuscule permet entre autres :

4. La touche alt permet entre autres :

Alt

5. Autres

La touche cmd enfoncée permet de permuter de n'importe quel outil vers l'outil de sélection

la touche tabulation ( ) permet de permuter de n'importe quel outil vers le crayon d'un simple clic

2. Couleurs, épaisseur du trait, polices de caractères:

1. Par défaut:

tailles et couleurs par défaut

 

2. Un peu de personnalisation:

l'épaisseur du trait et la taille de la police :

en maintenant la touche majuscule enfoncée et en mobilisant le curseur de taille, nous affinons la selection.

---------------------> taille personnalisée                 
5 épaisseurs du trait par défaut                                  Epaisseur personnelle

Si vous utilisez une tablette graphique, l'épaisseur du trait varie avec la pression exercée sur le stylet.

Mon dessin au stylet avec Skitch

Fait avec Skitch pour le meilleur et pour le .... Ouais, ben j'ai jamais dit que je savais dessiner non plus !

les couleurs :

couleurs


Les polices :
en ayant accès au Livre des Polices par le menu de Skitch (en haut à gauche) ou le raccourci clavier cmd T

 

3. Ajouter un filigrane :

C'est dans le panneau des préférences de Skitch que cela se passe, ( > general > )ajouter le texte de votre choix sur la ligne "watermark".

filigrane

le filigrane (watermark), occupera toute la diagonale de vos images de bas en haut et de gauche à droite:

filigrane

 

4. Un arrière-plan à mon image :

Vous pouvez ajouter une couleur d'arrière-plan aux images détourées. Pour cela, cliquez sur la couleur de votre choix tout en maintenant la touche majuscule enfoncée.

fond transparent

Voici le résultat :

fond de couleur

5. Rogner et redimensionner :

Redimensioneret/ou rogner une image avec Skitch est une des choses les plus originale et agréable de cette application

On redimesionne une image :

1. en mobilisant un des 4 angles hachurés de l'application

2. en cliquant sur le bouton "Resize" à l'angle inférieur gauche, on a acces à une fenêtre de réglages des dimensions des images.

resize

Le bouton "Resize"

Resize

fenêtre de réglages des dimensions

Rogner

En mobilisant chacun des bords de l'image :

 

8. Quelques fenêtres à connaître:

a. Les préférences:

Préférences

il vous permet entre autres

panneau d'aide

b. l'historique:

Skitch conserve les projets : la sauvegarde se fait lors l'exportation mais vous pouvez également le provoquer en appuyant sur le bouton "save" à n'importe quel moment de votre travail.

historique

Skitch distingue

En cliquant sur un fichier d'une image uploadée, vous pouvez récupérer l'url de l'image, et même supprimer cette image du serveur.

On retrouve les fichiers sauvegardés de Skitch dans le Finder: Petitemaison > Images> Skitch.
Les projets sont enregistrés dans un format propre à l'application (extension .skitch)

3. La fenêtre Photos:

Elle n'est que la bibliothèque de médias tels qu'on la connait dans de nombreuses applications Apple. Vous pouvez ajouter à cette bibliothèques les dossiers d'images de votre choix par simple glisser-déposer (par ex. ci-dessous mes images de fond d'écran)

mes photos

F. l'exportation facile

a. dans le Finder:

Avant l'exportation, pensez à régler quelques points:

  1. choisissez le format de l'image à exporter:

    formats d'exportation

    et en cas d'exportation en JPEG (.jpg), vous pouvez modifier la qualité de compression :

    Qualité decompression des Jpg

     
  2. éditez le titre de votre image si besoin
  3. modifiez la taille de l'image par la mobilisation d'un des coins de l'application, la taille indiquée en bas à gauche sera celle de l'image exportée

Votre image est terminée, il ne reste plus qu'à la récuperer sur le Finder: l'exportation se fait par simple glisser-déposer de l'aperçu situé à la partie inférieure de l'application (drag me)

Saisissez la vignette de votre image au bas de l'application (Drag Me) pour la glisser sur votre bureau ou un dossier du Finder

exportation locale

exportation locale (2)

Pendant l'exportation, l'application Skitch se réduit à peau de chagrin

b. Exportation sur le Web

publication

Vous pouvez exporter votre image directement

en cliquant sur l'option "Open Share Settings" vous configurez les différents serveurs qui recevront vos images (par ex. changer le dossier de destination de vos images sur MobileMe ou configurer la publication vers d'un serveur FTP) :

En décochant l'option "use.Mac account from preferences" vous pouvez publiez sur un autre compte que votre compte MobileMe principal à condition d'avoir son mot de passe. Pratique quand on a un compte familial.

G. Skitch.com :

Skitch.com est un service d'hébergement en ligne des images publiées avec Skitch

compte skitch.com

publication

Sur la page de présentation de votre image vous trouverez :

Liens vers les images

Skitch.com vous permet 3 modes de confidentialité de publication via un menu déroulant (cf image ci-dessous)

Protection par mot de passe

Voici ce que vous voyez selon que vous avez ou non le mot de passe de cette image :

mot de passe

Et vous voyez quoi ? Cliquez sur le verrou (vous allez être dirigés vers Skitch.com), entrez le mot de passe et admirez ma gentille peluche.

Cam
Uploaded with Skitch!

Par ex. le code HTML - Small :

skitch
Uploaded with Skitch!

le code HTML - Full :

skitch

Commentaires :

Laisser un commentaire à propos de cette page en cliquant ici

 

Bookmark and Share

Publicité :

Apple store :

MacWay :

RSS des offres de réductions MacWay

 

Twitter :

retrouvez aussi debutersurmac sur Twitter

twitter

Faire un don ?

Soutenez debutersurmac