Comic Life Magiq

(fait par Marc)
Tutoriel accompagné d'une BD-tutoriel -->

Cliquez ici pour aller sur le site de Plasq

BD-tutoriel

A. Presentation rapide :

Son icône :

Comic life Magiq

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 :

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.

choisir son thème

le thème "Blank" Golden Memories It's a Dog's Life
exemples de thèmes

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").

interface

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...

interface: 5 parties

 

C. Les pages:

1. Au début

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

interface

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:

choisir sa nouvelle page

Panel Layouts

4. Changer d'arrière-plan:

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

page à changer -> changer de page
(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 onglet 1: 5 choix s'offrent à vous :

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

ex:

remplissage du fond de page

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.

ordre des pages

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

d'un projet à l'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:

la glisser-déposer

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 :

sélection de l'image dans la case

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.

éditer l'image

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

-1. Présentation :

des icônes lors de la sélection

  1. fond 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. pivoter 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 Remodeler, modifier la forme extérieure de votre sélection, le rectangle devient carré, triangle, ovale ou... lapin.
  5. déplacerDé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 déplacer?

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 déplacer limite ce genre d'inconvénient.

En résumé:

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

intercase

2- utilisez la croix déplacer quand vous voulez rester au sein de la même case
Avant déplacement
Après déplacement
intra-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:
panneau de sélection fermé panneau de sélection 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. verrouillerlock ou déverrouillerunlock (individuellement ou au sein d'un groupe)
  3. Se concentrer sur la sélection en masquant en partie les objets non sélectionnés focus (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.

afficher la grille

  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.

Coin de page

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 onglet 1

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

-1. Exemple 1:

remplissage de l'arrière plan

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

-2. Exemple 2:

remplissage par un dégradé

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:

choix à la deuxième image

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

2images dans une seule case

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.

déplacer les calques

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 éditeur de forme (en bas à gauche): cela fera apparaître la palette des outils de remodelage:

sélection de la case

palette de déformation

- a. des formes prédéfinies

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

formes prédéfinies

forme en étoile

Nb: l'icône "shape" est aussi présente dans la colonne de style (onglet 1 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 éditeur de forme

 

une forme personnalisée

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:

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

un coup de fer sur les sommets

aplatir les courbes avec le fer

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.

résultat de la déformation

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éverrouillerunlock ou verrouillerlock

* 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

 

F. Les images:

1. Généralités:

a. Ajouter des images

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

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.

déplacer au sein de la case

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é.

palette

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:

palette --> résultat

c. Quelques fonctions

-1. Les couleurs:

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

colors

-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:Magiq Snip

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

Magiq Snip

-2. les distorsions "Warp":

-3. Les textures (skins) :

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

texture

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é.

optionschoix de texture

-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"

flous

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.
les objets
 

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:

clips-arts du thème canin

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:

mes clip-arts

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

ouste!

2. Les bulles:

a. Un texte

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

édition du texte des bulles

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

mauvaise surprise

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

alignement vertical

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.

1 clic
un 2e clic
sélection de bulle

 

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 onglet 1, 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
2
3
dss bulles variées
  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é éditeur de formeremodelagerepasserajouterretirer
-b. la queue :

modifier 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 remodelage
  4. du grand n'importe-quoi personnalisé éditeur de formeremodelagerepasserajouterretirer
-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éditeur de forme
  1. cliquez sur l'icône éditeur de forme
  2. cliquez l'icône
  3. cliquez sur le corps de la bulle

2 bulles en une

-d. une bulle avec plusieurs queues:

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

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

2 queues

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.

personnalisez les bulles

4. Les lettrages:

a. Le remodelage

Les modifications de forme se font comme à chaque fois dans l'application à partir de la fonction de remodelage éditeur de forme.
Ç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")

remodelage des lettrages

b. Quelques particularités du Lettrage.

-1. Particularités
  1. Comme un texte, on peut lui choisir une police.texte
  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)onglet 1
-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

bordures des lettrages

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

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

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

baseline et espacement

Solidarisez ou non les lettres entre elles :

"tous pour un"
ou
"chacun pour soi"

pour pour un et chacun pour soi

Les Sprays:

exemple de spray

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

onglet spray

  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").

sprays

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).

un calque de spray dans une case

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

les outils de réglages

Par ex:

réglages de sprays

 

G. Un peu de style:

La colonne de sytle comporte cinq onglets:

  1. onglet 1 le remplissage (fill), les bordures (stroke) et les formes (shape)
  2. texte les textes
  3. 3Dles ombres et les effets 3D
  4. reflection la reflexion
  5. onglet 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:

  1. 5 choix de remplissage: couleur, dégradé de couleur, image, image teintée, image colorisée.
  2. 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
  3. 5 dispositions de remplissage par l'image
remplissage
 

2. Les bordures

  1. 2 catégories de bordures: traits et brosses
  2. Vaste choix de traits et de brosses
  3. changer l'épaisseur, la couleur , la forme des coins (droits, arrondis ou bizeautés).
bordures
 

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.

formes
 

4. Les polices et les textes

4 groupes de polices sont proposées:

  1. dialogues
  2. titres
  3. lettrages
  4. autres

 

 

  1. dans la fenêtre des polices, choisissez votre police . Si besoin, allez chercher une de celles installées sur votre Mac
    fonts
    et régler la taille
  2. choisissez une couleur
  3. modifiez si besoin
    1. l'alignement horizontal (gauche , central, absolu, droit),
    2. l'alignement vertical (haut, milieu, bas)
    3. la marge
 

5. Les ombres et lueurs

ombres

  1. choisissez la couleur (color)
  2. régler l'opacité (opacity)
  3. le flou (blur)
  4. l'orientation (offset) à l'aide au choix:
    1. du curseur à gauche
    2. du pavé numérique à droite
 

6 Les effets 3D

3D

7. Les reflexions:

Réglez:

  1. le décalage entre l'image et son reflet
  2. la longueur du reflet
  3. l'opacité du reflet
reflection
 

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.

composite

 

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)

filtres

Ces réglages sont également disponibles dans la palette Magiq.

 

 

b.Les lettrages :

Voir le chapitre consacré au lettrage lettrages

H. L'exportation:

1. Les formats

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

exportation

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:

site HTML Comic Life

 

b. Le "HTML Site Manager":

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

HTML Site Manager

Sur cette page, vous pourrez

Voici mes "BD-tutoriels" :

ma BD <---- 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

Comic Life Magiq sur iWeb

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

 

Bookmark and Share

Publicité :

Apple store :

MacWay :

RSS des offres de réductions MacWay

 

Twitter :

retrouvez aussi debutersurmac sur Twitter

twitter

Comic Touch pour iPhone (AppStore) :

Comic Touch

une BD-tutoriel:

ma BD