Comic Life Magiq

(fait par Marc) Tutoriel accompagné d'une BD-tutoriel --> Cliquez ici pour aller sur le site de Plasq

A. Presentation rapide :

Son icône :

Qu'es-aco? Comic Life Magiq est un logiciel ludique de création de BD, romans-photo et de mise en page d'albums-photo délurés.
Ouvrez une page. Choisissez ou fabriquez une mise en page pour celle-ci. Glissez-y vos images personnelles. Transformez-les. Ajouter des bulles*, des clip-arts**, des lettrages ("lettering"), des textes et légendes. Tout ceci est personnalisable.

Site du developpeur : Plasq

Payant : oui -non

Traduction : oui - non

Interface :

B. Au début:

1. le choix du thème:

Une fenêtre apparaît: choisissez un thème parmi ceux qui vous sont proposés.

2. L'interface

Une fois le thème choisi, la véritable interface de l'application prend sa place (ci-dessous "It's a Dog's Life").

Décomposons-la en cinq parties:

1. en haut, la barre de navigation:
   choisissez la page de votre BD sur laquelle vous souhaitez travailler
2. à gauche, la colonne des styles:
   elle propose les outils qui permettront de modifier couleurs, bordures, formes, textes, effets, réflexions, filtres...
3. au centre, votre table à dessin
   avec ses planches en cours de réalisation
4. à droite, vos bibliothèques:
   • en haut: les modèles de pages fournis par l'application
   • en bas: votre bibliothèque d'images pour remplir
5. en bas les éléments ajoutés: bulles, légendes, clip-arts, lettrages (Lettering), case supplémentaire...

 

C. Les pages:

1. Au début

L'application s'ouvre avec une page du modèle sur votre table à dessin.

Thème "It's a Dog's Life"

2. Effacer cette page

Elle ne vous plaît pas ? Vous voudriez l'effacer?

1. Ajoutez une deuxième page car la planche à dessin a horreur d'être vide
2. Sélectionnez la page à effacer.
3. Supprimez-la grâce au menu
   Edit > Delete Page (ou Maj + Cmd + D)

3. Ajouter une nouvelle page

Ça se fait par glisser-déposer depuis la bibliothèque (colonne de droite) . vous disposez deux onglets correspondant à deux types de pages:

• Templates Pages: quelques pages spécifiques du thème avec des cases fixes.
• panel Layouts:
  • nombreuses (presque 300 pages)
  • disponibles sur tous les modèles
  • représentatives de différents style de BD ("collection": manga, comic, BD européenne etc.)
  • ornées du fond du thème choisi.

4. Changer d'arrière-plan:

Vous pouvez modifier le fond de la page. Cliquez sur le disque dans la barre de navigation.

	->
(Thème utilisé: Golden Memories)

Cliquez sur l'icône de votre choix ( le nombre de propositions est variable selon le thème).

5. Personnaliser l'arrière-plan :

Cliquez sur le fond de page et sélectionnez l'outil de remplissage (fill) dans le premier onglet de style : 5 choix s'offrent à vous :

remplissage par: couleur pleine dégradé de couleur image image colorisée image teintée

ex:

6. Réorganiser l'ordre des pages:

Vous pouvez travailler sur vos pages dans le désordre: par la suite vous changerez l'ordre des pages dans la barre de navigation par glisser-déposer.

De la même manière, faîtes glisser les pages d'un projet vers un autre.

 

D. Quelques notions avant de remplir la page

1. L'art du glisser-déposer

L'ajout de nouveaux éléments se fait par glisser-déposer:

• les pages depuis la bibliothèque,
• les images personnelles depuis la bibliothèque ou le Finder,
• les cliparts, les bulles, les cases supplémentaires, les lettrages (lettering) depuis la barre d'objets

Les sprays (par ex. traces de pattes) n'obéissent pas à cette règle (voir plus bas) .

2. la sélection d'un élement d'une page

a. Sélectionnez une image au sein de sa case :

-1. Savoir cliquer sur Comic Life Magiq

"Mais tu ne sais pas cliquer! .... avec un doigt... comme ça, là!"
Publicité AOL.

a) En général :

• cliquez sur la case pour sélectionner la case,
• double-cliquez dessus pour sélectionner l'image qu'elle contient.

Cet exercice en apparence facile est l'une des principales sources d'agacement sur Comic Life Magiq et Comic Life (Combien de fois, me suis-je trouvé à déplacer une case sur ma page en pensant déplacer une image dans sa case).

b) Est-ce toujours vrai cette règle du simple-clic et du double-clic?

Et bien, non. Parfois, si vous cliquez directement sur l'image d'un simple clic, c'est elle qui sera sélectionnée, il s'agit le plus souvent d'une petite image, plus petite en largeur et en longueur que la case qui la contient.

c) Alors comment distinguer la sélection d'une image de celle de la case?

Quand les dimensions des deux sont proches, c'est parfois trompeur. Petite différence: l'icône palette Magiq à l'angle supérieur droit lors de la sélection est présente lors de la sélection d'une image (voir ci dessous) mais absente lors de la sélection d'une case.

b. Des icônes autour de la sélection

-1. Présentation :

1. il offre une alternative de présentation à votre objet (cela peut être un filtre pour les images ou une forme différente pour les bulles etc.)
2. faites pivoter vos objets
3. Palette Magiq (uniquement pour les images) c'est la grande nouveauté de Comic Life Magiq, elle transforme vos images.
4. Remodeler, modifier la forme extérieure de votre sélection, le rectangle devient carré, triangle, ovale ou... lapin.
5. Déplacer sans crainte vos objets
6. Redimensionner l'objet sélectionné avec l'un des huit carrés qui l'entourent.

-2. Pourquoi utiliser un outil de déplacement ?

Il est possible de déplacer une image dans une case à la manière d'un glisser-déposer. Mais si votre curseur dépasse les frontières de votre case, l'image déplacée ira se loger dans une autre case ou au-dessus d'un espace inter-case. La croix limite ce genre d'inconvénient.

En résumé:

1- Glissez-déposez votre image quand vous voulez changer de case

2- utilisez la croix quand vous voulez rester au sein de la même case

c. le panneau de sélection:

Au bas du panneau de style, vous avez un panneau de sélection (par défaut il est fermé.)

panneau fermé:	panneau ouvert:

Vous pouvez vous en servir pour

1. déplacer votre (ou vos) objet(s) sélectionné(s) vers un plan plus profond ou plus superficiel
   
   
2. verrouiller ou déverrouiller (individuellement ou au sein d'un groupe)
3. Se concentrer sur la sélection en masquant en partie les objets non sélectionnés (cf ci-dessous)

3. Pas un cheveu de travers! Grille et guides:

Pour vous repérer sur votre page, vous avez un certain nombre d'outils que vous pouvez choisir d'afficher (ou pas) dans la barre de menu.

1. la grille (blanc)
   
   1. Afficher : View > show grid
   2. Activer le magnétisme : Arrange > Snap To Grid
   3. Changer l'espacement : Arrange > Configure Grid...
2. les guides manuels horizontaux et verticaux (violet)
   1. Arrange > Grid > Add horizontal Guide ou
      Arrange > Grid > Add Horizontal Guide
   2. verrouillez les guides en place : Arrange > Grid > Lock Manual Guides
   3. les effacer: Arrange > Grid > Clear Guides
3. les répères d'espacement et d'alignement verticaux ou horizontaux (bleu)
   Arrange > Smart Alignment Guides

 

E. Les cases :

Vous pouvez modifier chacune des ces cases individuellement ou l'ensemble.

1. Mise en garde: recadrer les cases au sein de la page

Ne vous laissez pas surprendre par les marges imposées par votre imprimante: aussi est-il important de tenir compte des 4 coins pointillés.

Sélectionnez l'ensemble des cases de votre page (cmd +A) et ajustez la taille.

2. Remplir vos cases:

a. Le remplissage de l'arrière plan

A l'instar du fond de page, vous pouvez choisir entre couleur, dégradé, image,etc. (voir image ci-dessous).

-1. Exemple 1:

remplisage couleur, dégradé de couleur et image en mosaïque

-2. Exemple 2:

Le ciel gris-bleu de l'image est fait avec un remplissage de l'arrière-plan par un dégradé de couleur.

b. Remplir les cases par le glisser-déposer

1. depuis la bibliothèque d'images.
2. depuis le finder
3. depuis un autre case du projet.

c. Plusieurs images:

Dans une même case, vous pouvez mettre une seconde image par glisser-déposer. 3 options s'offrent à vous:

1. remplacer la première image
2. ajouter la nouvelle image
3. laisser tomber

Comme on le voit sur l'image ci-dessus, on peut ajouter une image par dessus la précédente. vous pouvez, grâce aux outils de sélection (au bas de la colonne de gauche), envoyer l'image dans un plan inférieur.

3. Modifier la forme des cases :

Avant tout: sélectionnez la case en cliquant dessus.
Vous pouvez déjà redimensionner la case en bougeant l'un des huit points verts qui l'entourent.
Mais vous pouvez aller plus loin, cliquez sur (en bas à gauche): cela fera apparaître la palette des outils de remodelage:

- a. des formes prédéfinies

La grosse icône à droite ("shape") permet de choisir des formes prédéfinies de cases:

Nb: l'icône "shape" est aussi présente dans la colonne de style (onglet 1 ) lors de la sélection d'une case ou tout autre objet modifiable (image, bulle... )

- b. des formes personnalisées

Vous pouvez créer vos propres compositions en modifiant les différentes formes proposées par l'application.
Sélectionnez votre case et cliquez sur

 

Légende :
La forme de départ est l'étoile en pointillés blancs.
Les outils de remodelage vont être utilisés pour personnaliser cette case:

• trait jaune: avant déformation
• trait orange: après déformation
• dans le carré orange: l'outil utilisé

Explications :
le + : ajoutera un sommet sur une droite, transformant un segment de droite en deux segments adjacents
le - : enlevera un sommet, deux segments adjacents se transforment en un seul.
l'outil de remodelage : incurve les segments de droites.
Le fer à repasser applatit courbes et sommets, d'un simple clic. Sélectionnez-le et applatissez

• les sommets: ils se trouvent émoussés, les segments adjacents s'incurvent.

• les courbes: celles-ci s'applatissent, les angles deviennent tranchants

Le curseur permettra de redimensionner l'image en écartant l'un des 8 carrés verts entourant la figure

Au final :
Le résultat est pour le moins surprenant: il n'est là que pour vous montrer les capacités des outils de déformation, pas pour être un élément de mon futur chef-d'oeuvre sur Comic life Magiq.

4. Des cases fixées

Sur les pages des modèles (Template Pages) , vous allez rencontrer des cases fixées: on ne peut ni les mobiliser, ni les redimensionner.
Quand on les sélectionne, huit croix grises et un liseré bordeau les entourent, remplaçant les habituels petits carrés et bordures bleus. les icônes des outils (forme*, rotation, style, déplacement) sont elles aussi absentes.

Vous pouvez déverrouiller cette case:

1. par la barre de menu:
   Arrange (Modifier) > Unlock (ou Maj+Cmd+L)
   De la même manière vous pourrez (re)verrouiller les images:
   Arrange (Modifier) > Lock (ou Cmd+L)
2. par le panneau de sélection ( en bas du panneau de style): déverrouiller ou verrouiller

* Les images fixes restent modifiables avec l'icône Shape présente sur la colonne de style.

5. Des cases supplémentaires:

Si vous avez besoin d'ajouter des cases supplémentaires sur votre page, vous pouvez

• en trouver dans la barre des objets ajoutés:
  Thème> onglet
• ou utilisez le copier-coller d'une case existante.
  

 

F. Les images:

1. Généralités:

a. Ajouter des images

Vous pouvez ajouter des images sur votre page de plusieurs manières:

• par glisser-déposer depuis le Finder, depuis la bibliothèque d'images ou depuis une autre page.
• en la fabriquant avec les sprays dans Comic Life.

b. Que faire de l'image sélectionnée?

La sélection de l'image au sein de sa case permettra entre autres de

1. la déplacer dans une autre case
2. l'effacer
3. la déplacer vers un plan plus profond en cas de superposition de plusieurs images
4. de l'éditer: pour par exemple, la rogner, lui ajouter des filtres via la palette Magiq (voir plus bas)
5. la déplacer au sein de la case vers un plan plus profond comme ci-dessous (les bulles sont sur plan horizontal, les étoiles sur le bord gauche de la case droite)
6. copier, coller etc.

2. La palette des images:

a. Présentation

L'édition des images se fait en cliquant sur l'icône supérieure droite (palette de peinture).

Une large palette apparait au premier plan contenant l'image dans son intégralité.

6 onglets bleus ou gris à la partie supérieure de l'application

1. couleur
2. découpage
3. déformation
4. texture
5. filtre
6. peinture

b. Exemple:

En partant de l'image de prairie et en jouant avec les differents outils de la palette, vous pouvez obtenir des résultats parfois surprenants:

-->

• avec l'outil de "découpage" (2 "Cut-out"), je n'ai gardé que la fleur rose en bas de l'écran
• avec l'outil "couleurs" (1 "Colors"), j'ai changé la sienne
• avec l'outil "déformations" (3 "Warp") , j'ai déformé 3 de ses pétales.

c. Quelques fonctions

-1. Les couleurs:

Des réglages classiques: saturation, éclat, contraste, netteté , exposition, teinte, inversion des couleurs, sépia, rognage.

-2. Détourage "Cut-out"

Plusieurs méthodes de détourage vous sont proposées. Je ne vais pas toutes les décrire, la plus médiatique est "Magiq Snip":
Le détourage par Magiq Snip:

Sélectionnez l'onglet 2 Cut-out (découpage) et sélectionnez le bouton Magiq Snip

-2. les distorsions "Warp":

-3. Les textures (skins) :

Vous pouvez appliquer une texture à une partie ou l'intégralité d'une image.

Mode d'emploi:

1. choisissez votre texture
2. Sélectionnez All (tout) ou None (si vous voulez appliquer la texture à une partie de l'image,grâce au pinceau)
3. Appliquez la texture au pinceau à une partie de l'image (option None)
4. faites varier les différents paramètres (déplacement, seuil, netteté, échelle, taille du pinceau) pour obtenir le résultat souhaité.

-3. Les filtres (filter) :

ajoute des effets de flou. Pour chacun, pensez à régler l'intensité de l'effet, et le centre de l'effet du "Zoom blur"

F. Les objets:

Comic life Magiq permet d'ajouter des objets sur la page par glisser-Žd鎎poser:

des bulles des lettrages des légendes encadrées des cases supplémentaires des clip-arts propres à chaque thème.

Ces objets n'intègrent pas les cases. ils se posent au-dessus. Les déplacement de la case s'accompagnent du leur.

1. Les clip-arts:

On les ajoute sur la page par glisser-déposer. Vous pouvez les modifier comme n'importe quelle image (notamment avec la palette magiq).
Vous avez la possibilité de rajouter votre propre image à la bibliothèque des clip-arts par glisser-déposer. Voici les miens sur un de mes projets:

Il n'y a pas de crainte à en mettre, vous pourrez les enlever en cliquant sur la croix en haut à gauche :

2. Les bulles:

a. Un texte

Glissez les bulles sur votre page: il vous sera immédiatement proposé d'éditer le texte contenu.

Méfiez-vous de la forme, du volume et du contenu écrit de la bulle ou vous pourriez avoir certaines surprises:

Il est possible de corriger certaines imperfections par le panneau de style, onglet texte . Par ex. en modifiant l'alignement vertical (comme ci-dessous) ou la disposition:

b. Une bulle = un corps et une queue

Un clic pour sélectionner l'ensemble de la bulle.
Un deuxieme clic sur le corps de la bulle pour sélectionner ce dernier.

 

c. Sa forme:

Une particularité: vous pouvez modifier séparément le corps de la bulle et la queue. Dans la colonne des styles, onglet , deux boutons formes ("Shape") sont présents lors de la sélection d'une bulle:

forme de la bulle forme de la queue

-a. le corps :

1. bulle par défaut
2. bulle personnalisée avec des formes proposées par Comic Life Magiq ("shape")
3. du grand n'importe-quoi personnalisé

-b. la queue :

1. queue par défaut
2. autre forme de queue proposée
3. changement d'orientation de la queue de la bulle par l'outil de remodelage
4. du grand n'importe-quoi personnalisé

-c. 2 bulles (ou plus) en une

Méthode 1: par glisser déposer

 

Glissez sur une bulle une nouvelle venue directement de la barre des objets.

Méthode 2: via le menu de remodelage

1. cliquez sur l'icône
2. cliquez l'icône
3. cliquez sur le corps de la bulle

-d. une bulle avec plusieurs queues:

Même principe que pour la bulle (via ) mais on clique sur la queue:

1. cliquez sur l'icône
2. cliquez l'icône
3. cliquez sur la queue
4. séparez les deux queues qui sont superposées

d.Un peu de style:

En dehors de la forme, vous pourrez styliser par le remplissage couleur et/ou image, l'aspect des bordures, celui du texte (polices, taille, couleur, disposition, marge), les effets d'ombre et de 3D, la réflexion, les modes fusion ("composite"). Par ex.

4. Les lettrages:

a. Le remodelage

Les modifications de forme se font comme à chaque fois dans l'application à partir de la fonction de remodelage .
Ça peut sembler une banalité d'écrire cela, mais autant le préciser car cela a dû perturber un bon nombre de personnes habituées à Comic Life (version "standard")

b. Quelques particularités du Lettrage.

-1. Particularités

1. Comme un texte, on peut lui choisir une police.
2. Contrairemnent au texte:
   1. le changement de taille se fait par étirement du lettrage,
   2. la forme peut être modifiée avec l'outil de remodelage,
   3. le changement de couleur se fait par remplissage (par une image et/ou une couleur)

-2. les contours

Le lettrage a plusieurs bordures généralement. Si vous voulez changer la couleur de ces bordures, allez dans la colonne de style

• onglet 1 ("couleur et bordure") : changez la couleur de votre bordure.
• onglet 5 (paramètres particuliers): changer la couleur "alternée" et le nombre de bordures.

1: par défaut
2: modification de la couleur de fond
3: modification de la couleur de bordure
4: modification de la couleur alternée
5: modification du nombre de bordures

-3. L'espacement et la ligne de base:

Grâce à l'onglet 5 de la colonne de style: réglez l'espacement (en haut) et l'ondulation de la baseline (en bas)

Solidarisez ou non les lettres entre elles :

"tous pour un"

ou

"chacun pour soi"

Les Sprays:

Ce sont des motifs (coeurs, flammes, fleurs, insectes, herbes etc.) à pulvériser sur votre page.

1. Sélectionnez l'onglet spray dans la barre d'objets, (voir ci-dessus)
2. Sélectionnez un motif,
3. Pulverisez sur sa page (voir image ci-dessous) :
   1. soit d'un clic bref de souris (un brin d'herbe, un coeur ...)
   2. soit d'un clic prolongé en déplaçant la souris (gazon, pluie de coeur)
4. changez de motif si vous le souhaitez
5. Une fois la pulverisation terminée, confirmez (bouton "done").
   

Les motifs apparaîtront collés sur un calque. Intégrez-le au sein d'une case comme n'importe quelle image (voir ci dessous).

vous pouvez régler certains paramètres des pulvérisations:

• la densité
• la taille
• l'amplitude maximum de rotation axiale

Par ex:

 

G. Un peu de style:

La colonne de sytle comporte cinq onglets:

1. le remplissage (fill), les bordures (stroke) et les formes (shape)
2. les textes
3. les ombres et les effets 3D
4. la reflexion
5. les paramètres particuliers (pour les images et les lettrages)

 

cliquez sur les images pour les voir en grand v
1. Le remplissage de l'arrière-plan:
	5 choix de remplissage: couleur, dégradé de couleur, image, image teintée, image colorisée. grand choix de dégradés par l'application, passage de dégragé radial à linéaire et vice versa, possibilité de créer ses propres dégradés via la fenêtre des dégradés 5 dispositions de remplissage par l'image
2. Les bordures
	2 catégories de bordures: traits et brosses Vaste choix de traits et de brosses changer l'épaisseur, la couleur , la forme des coins (droits, arrondis ou bizeautés).
3. Les formes
	l'icone Shape propose 26 formes pour les cases, les images, le corps des bulles etc. Une icône supplémentaire est disponible pour les queues des bulles (voir image ci-dessous) Par contre, aucune forme n'est proposée pour les lettrages.
4. Les polices et les textes
4 groupes de polices sont proposées: dialogues titres lettrages autres	dans la fenêtre des polices, choisissez votre police . Si besoin, allez chercher une de celles installées sur votre Mac et régler la taille choisissez une couleur modifiez si besoin l'alignement horizontal (gauche , central, absolu, droit), l'alignement vertical (haut, milieu, bas) la marge
5. Les ombres et lueurs
	choisissez la couleur (color) régler l'opacité (opacity) le flou (blur) l'orientation (offset) à l'aide au choix: du curseur à gauche du pavé numérique à droite
6 Les effets 3D
7. Les reflexions:
	Réglez: le décalage entre l'image et son reflet la longueur du reflet l'opacité du reflet
8. La transparence
	un simple curseur pour faire varier la transparence de vos objets de 100% à 0% (sur l'image deux cases respectivement à 100%, 50% et 10% d'opacité chacune)
9. Les modes de fusion. "composite"
	La fusion est une combinaison de l'image du-dessus avec l'image en arrière: plus d'une quinzaine de modes de fusion sont disponibles. Il est souvent utile de l'associer à une transparence plus ou moins forte.
10. Les paramètres particuliers
a.pour les images:
	Les filtres transforment votre image pour lui appliquer un effet graphique (plus d'une vingtaine disponible) Ces réglages sont également disponibles dans la palette Magiq.
b.Les lettrages :
Voir le chapitre consacré au lettrage

H. L'exportation:

1. Les formats

Plusieurs formats sont disponibles pour l'exportation: email, flickr, html, images, iphoto, iWeb et PDF.

Par cette méthode, vous pouvez ajouter votre BD à votre site.

2. Organiser votre site HTML.

a. L'option "include in Sites/Comic Life index"

Si vous choisissez l'exportation HTML, l'option "include in Sites/Comic Life index" vous est proposée. Il s'agit d'un dossier (un site web) fait par Comic Life Magiq regroupant plusieurs projets exportés au format HTML auquels on accède par une page d'accueil commune. Vous n'aurez plus qu'à exporter ce dossier sur votre ftp.
En voici un aperçu:

 

b. Le "HTML Site Manager":

Pour l'afficher:
Barre de Menu > Window > HTML Site Manager

Sur cette page, vous pourrez

• ajouter un titre à votre page d'index
• une description
• changer l'ordre d'apparition des projets
• retirer un projet

Voici mes "BD-tutoriels" :

<---- cliquez sur cette image pour accéder à la page de présentation "made by Comic Life Magiq" de mes tutoriels-bd

c. Autre exportation: iWeb

J'ai aussi testé l'exportation en mode pdf (rien de particulier à dire) et l'exportation sur iWeb
Pour cette dernière, Comic Life ouvrira sur le projet iWeb en cours. Il vous sera proposé de créer une page photo, confirmez ce choix.
la page s'ouvre en affichant les pages de votre projet Comic Life Magiq

Publiez votre site et admirez vos pages de BD dans le diaporama.

 

Publicité :

Apple store :

MacWay :

RSS des offres de réductions MacWay

à vos Mac :

Twitter :

retrouvez aussi debutersurmac sur Twitter

Donation :

Soutenir par un don
"Débuter Sur Mac"

 

Comic Touch pour iPhone (AppStore) :

une BD-tutoriel:

| contactez-nous | retour à l'index | 2007-2009©www.debutersurmac.com | haut de la page |
debutersurmac.com est un site indépendant de la société Apple Inc. , animé par des bénévoles souhaitant partager leur passion.