Débuter sur Mac > Didacticiels sur Mac > Logiciels des développeurs tiers > Art Text 2

Article fait le 4/10/08 par Marc, mis à jour le 8/3/11

A. présentation rapide :

Son icône :

Qu’es-aco : logiciel permettant de styliser vos textes pour des présentations, des sites Web ou simplement pour votre plaisir.
Site de l’éditeur : BelLight Software
Suite :

• vendu seul en version complète ou
• en version limité dans la suite PrintFolio

Traduction : oui
Payant : oui
App Store (lien sponsorisé) : 17,99 €
Version démo : oui
interface :

B. Les nouveautés:

Si vous connaissiez déjà Art Text, quelques nouveautés sur Art Text 2:

• Gestion des calques
• Gestion des contours multiples
• une 3e forme de relief
• une interface légèrement remaniée
• Bibliothèque importante d’objets et de boutons
• Copier-coller des images générées dans certaines applications compatibles (ex: iWorks)

La gestion des calques est la principale innovation de cette version, avant vous aviez le choix de styliser des formes ou des textes, maintenant vous pouvez les superposer pour faire des boutons pour les sites web et des logos.

B. L’interface d’Art text 2:

1. Au démarrage

Par défaut, Art Text 2 s’ouvre sur une bibliothèque d’objets: si vous souhaitez ne pas vous inspirer de cette bibliothèque , vous avez la possibilité de la désactiver dans les préférences de l’application:

barre de Menu > Art Text > préférences ( cmd+, )

5 catégories d’objets s’offrent à vous: titres, boutons, icônes, logos, récents (=vos derniers projets sauvegardés). Commencer avec un modèle, c’est toujours plus facile.
Quoi qu’il en soit , commençons avec une création "presque originale" et appuyons sur le bouton "Nouveau"

2. L’interface:

détaillons un peu:

3. 3 onglets latéraux

Dans la colonne des outils, 3 onglets latéraux débordent de la fenêtre d’Art Text 2 et modifient le contenu de la colonne latérale droite de l’application

Effets :	Géométrie :	Styles :
. Remplissage . Contour (simple ou multiple) . Ombre et lueur	permet la déformation des textes et des formes	ajoute un calque d’un texte ou d’une forme préalablement stylisés. Ce calque est éditable.

4. Les effets

a. le remplissage

Dans la palette des effets, le remplissage se fait au choix par:

couleur :	Image :	matériau :
oudégradé de couleurs	une image de la bibliothèque d’Art Text 2 ou du Finder	le matériau permet des effets de relief et de luminosité

b. les contours

Une des nouveautés d’Art Text 2 concerne les contours multiples

Par défaut Art Text alterne deux couleurs (noir et gris clair) lorsque vous cliquez sur le bouton +

Mais les couleurs et l’épaisseur de chaque trait sont éditables:

c. les ombres et lueurs

rien de particulier

5. Les calques:

Si vous devez travailler avec plusieurs calques, il est parfois utile d’afficher le panneau Calques . Il vous permettra de:

1. afficher ou non certains calques . c’est utile
   1. pour tester différents effets
   2. pour travailler sur les calques inférieurs
2. renommer ces calques . C’est utile pour
   1. s’y retrouver si les calques sont nombreux ou
   2. si les calques contiennent la même forme
3. gérer la transparence du calque
4. gérer les modes de fusion des calques
5. redimensionner et positionner avec précision le calque
6. permettre une rotation du calque
7. inverser en miroir le calque verticalement ou horizontalement.

Vous pouvez faire apparaître cette fenêtre par :

• la barre de menu: fenêtre> afficher le panneau Calques
• un raccourci clavier cmd+L
• le menu apparaissant au clic de souris sur l’icône de roue dentée au bas de chaque icône de calque.

6. Créer de nouvelles figures

a. grâce aux calques

Avec Art texte 2 et sa gestion des calques, vous pouvez créer de nouvelle figures par l’union, la jonction, l’insection ou la soustraction de deux ou pluseurs images
Prenons deux figures (par ex. un rond une croix) placées chacune sur un calque différent, sélectionons ces deux figures en cliquant sur les deux calques en bas à droite de l’interface en maintenant enfoncée la touche cmd.
Menu > Calques > Union, Jonction, intersection ou soustraction

   

Par union, jonction, soustraction ou intersection ces deux calques ne sont plus qu’un comme on peut le constater en bas à gauche de l’interface d’ArtText2 :

b. Par édition de figures

Vous pouvez créer de nouvelle figure avec la fenetre "layer Content"

• soit en éditant une figure déjà présente dans l’inventaire :
  sélectionner une figure ou un texte > "édition" ou "modifier comme forme" (s’il s’agit d’un texte)
• soit en créant une image à partir de rien (Onglet Personnaliser > cliquer sur + )

Sélectionner une figure (1) et éditez-la (2)

Créer votre nouvelle figure en ajoutant (ou retirant) des lignes, des courbes, de nouveaux pointslisses ou angulaires en transformant ce qui est lisse en angulaire, les lignes droites en courbes et vice versa (je ne développerais pas plus , le sujet est vaste)

Pour cet exemple, Je ne me suis pas foulé pour créer cette nouvelle flèche
par simple édition de la précedente.

C. Art Text2 par l’exemple :

	Voici la boulesur laquelle est inscruté en relief de verre le nom du site. Je vous propose de découvrir Art Text 2 avec cet exemple

Précision avant de commencer :

Vous remarquerez que j’ai changé la couleur de fond de ma zone de travail pour qu’elle soit identique à celle du site, ceci pour m’aider et avoir un aperçu identique à l’image sur le site .
Sachez que cette couleur n’est pas prise en compte pour l’image exportée: si vous ne rajouter pas un calque de couleur en arrière-plan, le fond apparaitra

• blanc sur un JPEG et
• transparent sur un PNG

Je commence par redimensionner mon image, je souhaite faire une image de 200px sur 200px. Pour cela je clique sur l’icône "taille".

Ayant décoché l’option "redimensionner automatiquement", le texte reste à la même dimension et devient en partie caché. Je garde ce calque de texte pour l’instant, je pourrais aussi le masquer en désactivant soncalque dans le panneau Calques.

il est temps d’ajouter un deuxième calque: un rond

J’affiche le panneau Calques. J’ai déjà 2 calques et bien d’autres suivront par la suite, je commence donc à renommer ceux déjà présents.
Pour redimensionner mon rond, 2 méthodes au choix s’offrent à moi:

1. une méthode "à main levée" grâce au bouton flèche :
   J’affiche les poignées de mon calque pour pouvoir agrandir mon rond, et le mets au centre de mon image par un simple glisser-déposer.
2. une autre méthode plus mathématique dans le panneau Calques :
   en choisissant la position (x et y de l’angle inférieur gauche du calque) et sa taille (ici 181px de diamètre)

Mon rond est redimensionné. il est temps de passer au remplissage, je choisis un dégradé linéaire rose-bleu

Mais comme on le voit, ce rond manque de volume et n’a rien d’une boule, les effets de relief sont donnés par des effets de lumière et/ou d’ombre. Certains matériaux peuvent m’aider à faire cela.
Je commence par dupliquer mon rond.

Et sur ce nouveau calque contenant un rond de même dimension et de même position, je vais changer de mode remplissage.
remplissage > matériaux 3e onglet > simple > light 3

Puis je règle la profondeur pour obtenir un meilleur effet : ici 17 et des poussières.

Je souhaite ajouter un renforcement de l’effet lumineux au sommet de la boule. Pour cela je duplique le dernier calque et choisis un effet light2

Le calque texte est à remettre au premier plan par glisser-déposer dans la barre de calques ou dans le panneau de calque.

J’édite le texte en double-cliquant sur l’icône du calque dans la barre de calques puis je modifie la police de caractère (changer en plus la taille de la police n’a pas d’intérêt ici) :

Avec les poignées je redimensionne le calque du texte :

Puis je déforme le pour donner un aspect circulaire :

Pas la peine de trop exagérer le déplacement de ces 4 points :

Je modifie le remplissage du texte :
Onglet Effets > onglets Matériaux >Catégorie simple > l+s3

Pour donner un nouvel effet de lumière sur la partie inférieure du texte, je duplique le calque du texte et lui applique un nouvel effetet une orientation opposée de la lumière :

Restent quelques réglages comme

1. quelques pourcentages de transparence des calques pour ajuster les effets,
2. ajouter un nouveau calque carré de couleur en arrière-plan pour images en JPEG ne gérant pas la transparence pour conclure mon travail

La bibliothèque d’Art Text 2 contient de nombreux modèles qui sont autant d’exemples à décortiquer calque par calque.