Noël, template ScrapBooking Digital

template gratuit de noël scrapbooking digital carte de veoux


Bientôt Noël et les cartes de voeux! Un petit template de Noël avec son sapin, ses boules et son étoile.

Téléchargement format Gimp.
Téléchargement format Photoshop.
Lire la suite...

Dessiner un sapin de noël

dessiner sapin de noel tuto Gimp
Noël approche à grand pas avec son lot de bons repas en famille, ses chocolats, ses cadeaux et son sapin de noël. Nous allons donc voir comment dessiner un sapin qui pourra orner vos compositions de scrap.

1.) Nous créons un document vierge à fond blanc de 1000*1000 pixels et ajoutons un calque transparent que l'on nomme sapin. A l'aide de l'outil chemin tuto gimp tracé outil chmenin sapin nous allons tracer le contour de notre sapin après avoir sélectionné notre calque sapin. Pour nous aider à dessiner un sapin à peu près équilibré, nous pouvons placer des guides en cliquant glissant sur les règles horizontales et verticales qui entourent notre document.

Pour utiliser l'outil chemin, il suffit de créer des points d'ancrage (noeuds) en cliquant sur le document. Chaque noeud est automatique relié au noeud sélectionné (par défaut le dernier noeud créé). Nous obtenons ainsi la forme de notre sapin :

fermer tracé chemin contour tuto gimpAfin de "fermer" notre contour, il faut maintenir la touche CTRL du clavier enfoncée et recliquer sur notre noeud de départ, pour "boucler la boucle".
Si suite à une malencontreuse manipulation votre chemin disparaissait de l'affichage, vous pourriez le retrouver en passant par le menu Fenêtres -> Fenêtres ancrables -> Chemins et en cliquant sur l'oeil de la même façon que pour les calques :

afficher fenêtres ancrables tutoriel gimp sapin noel
2.) Nous allons maintenant offrir un peu de souplesse à nos branches en les arrondissant. Nous utilisons encore l'outil chemin et allons modifier le tracé de notre sapin. En maintenant la touche CTRL du clavier enfoncée nous cliquons au milieu des branches et déplaçons le nouveau noeud créé vers le bas :

former branche arbre de noel tuto gimpNous obtenons finalement ceci :

arrondir chemin arbre sapin noel3.) Maintenant que le tracé de notre sapin est fait, nous allons pouvoir le colorier. Pour cela, nous devons transformer notre chemin en sélection par le menu Sélection -> Depuis le chemin ou MAJ+V au clavier. En prenant soin de bien avoir sélectionné notre calque sapin, nous pouvons remplir notre sélection du vert de notre choix avec l'outil de remplissage colorier sapin de noel tuto gimp.

sapin en couleur Gimp 2.6
Nous pouvons maintenant cacher notre chemin en cliquant sur l'oeil dans la fenêtre des chemins (Fenêtres -> Fenêtres ancrables -> Chemins).

Nous créons un nouveau calque tronc et nous pouvons utiliser le pinceau outil pinceau brosse colorier tronc arbre de noel et une brosse adaptée pour colorer notre tronc.

Voilà la première étape de la création de notre sapin est terminée. Nous verrons prochainement comment lui donner un aspect un peu moin plat, l'agrémenter de boules, d'une étoiles et de guirlandes.

tuto gimp dessin sapin noel
Lire la suite...

Proposez vos tutos Gimp!

Il y a quelques temps, Le_gnou nous avait proposé un tuto Une page de Digiscrap de A à Z.
Si vous aussi, vous avez écrit un tuto Gimp qui vous tient à coeur, agrémenté de captures d'écran et d'explications claires et précises, que vous souhaitez le voir apparaître sur http://gimptutoriel.blogspot.com, n'hésitez pas à nous le proposer sur gimptutoriel@gmail.com (dans le format qui vous arrange...).

A bientôt pour de nouveau tutos!
Lire la suite...

Passage à Gimp version 2.6!

mise à jour version Gimp 2.6 tutoriels
Voilà!
J'ai enfin pris le temps de mettre à jour mon Ubuntu 8.04 LTS (Héron Robuste) et de passer au 8.10 (Bouquetin Intrépide) afin de profiter des nouveautés de Gimp 2.6.
Désormais, les tutoriels seront écrits et adaptés pour cette nouvelle version.

Pas de présentation des fonctionnalités de la nouvelle version ici.
Vous pourrez trouver de plus amples informations sur le site officiel de Gimp à cette adresse en anglais : http://www.gimp.org/release-notes/gimp-2.6.html
Et pour les allergiques à l'anglais, la même en français : http://www.gimpfr.org/presentation_gimp26.php

A bientôt pour de nouveaux tutos!
Lire la suite...

Créer des emoticones animés personnalisés

créer animer emoticones smileys pour msn
Vous passez des heures à discuter avec vos amis sur msn? Vous êtes fans des smileys, emoticones, binettes et autres trombines animés? Pourquoi ne pas créer grâce à Gimp vos propres emoticones animés à partir de vos photos personnelles?
1.) Nous ouvrons la photo de notre choix dans Gimp. Avec l'outil sélection rectangulaire sélection image pour création smileys emoticones animés, nous sélectionnons la zone de la photo que nous souhaitons transformer en smiley animé. Puis nous copions cette sélection par le menu Edition -> Copier (CTRL+C) et la collons comme nouvelle image par Edition -> Coller comme -> Nouvelle image (MAJ+CTRL+V) :

image de départ pour création emoticone animé chat sourire2.) Par le menu Filtres -> Distorsions -> Déformation interactive... nous arrivons à cette fenêtre :

outil déformation intercative animation chat emoticoneEn réglant le rayon de déformation et l'intensité, nous allons, en cliquant-glissant sur l'image déformer la tête de notre chat :

application deformation visage sourire chat smileyPuis nous cliquons sur l'onglet animation et précisons les paramètres souhaités pour l'animation :

paramètres animation deformation tête chat sourireNous validons.

3.) Notre image étant trop grande pour un emoticone, nous allons la réduire à 100 pixels de large par le menu Image -> Echelle et taille de l'image :

réduction taille animation smiley chat
4.) Nous n'avons plus qu'à enregistrer notre fichier au format .gif et préciser qu'il s'agit d'une animation :
export fichier gif animé smyleyDans les paramètres de l'animation nous précisons un délai de 100 ms entre chaque image :

paramètres animation gif emoticone chat animéIl ne vous reste plus qu'à installer votre nouveau smiley animé dans votre programme favori de discussion en ligne.

emoticone animé sourire chat msnIl serait intéressant de supprimer le fond de cette image en utilisant, par exemple, l'outil d'extraction du premier-plan.
Lire la suite...

Une bannière diaporama animée

banniere animé tuto maisons bois vendee villages

Nous allons voir comment, à partir de plusieurs petites vignettes, réaliser une bannière animée présentant les images comme un diaporama.
Pour ce tuto, nous utiliserons des vignettes présentant des modèles de maisons à ossature bois. Ces modèles sont la propriété de la société Maisons Vendée Villages, créatrice et constructrice de maisons en bois bioclimatiques (hqe).

1.) Nous partons du principe que nous disposons de vignettes de tailles identiques. Nous disposons ici de 11 vignettes de largeur 85 pixels, hauteur 50 pixels. Sur le bandeau nous présenterons 5 vignettes horizontalement. Nous créons donc une image de 5*85 = 425 pixels de large et de hauteur 50 pixels :

créer image tuto bandeau défilant banniere2.) Par le menu Ouvrir en tant que calques (CTRL+ALT+O au clavier) nous ouvrons nos 5 premières images et nous les disposons sur le bandeau en utilisant l'outil déplacer outil déplacer gimp vignettes maisons ossature bois :

affichage banniere animée tuto gimpIl pourra être nécessaire, pour se simplifier la tâche et bien caler les vignettes, de zoomer sur la bannière et utiliser les flêches du clavier pour les déplacer (en ayant préalablement sélectionné le bon calque et l'outil déplacer outil déplacer vignette maisons ossature bois).

3.) Par le menu Image -> Aplatir l'image, nous réduisons notre image à un seul calque.
Nous aurons besoin de ce calque comme première image de l'animation (chaque calque étant à terme une image de l'animation). Nous dupliquons donc notre calque du bandeau par le menu Calque -> Dupliquer le calque ou MAJ+CTRL+D au clavier. Nous pouvons maintenant cacher le calque Arrière-plan.

4.) Nous sélectionnons le calque dupliqué, puis nous décalons l'ensemble de notre bandeau vers la droite d'une distance équivalente à une vignette. Pour cela, passons par le menu Calque -> Transformer -> Décalage et décalons notre calque bandeau de 85 pixels en X :

décaler calque vignette pour bandeau animéAinsi notre bandeau se présente comme celà :

tuto gimp décalage de la bannière
Par le menu Ouvrir en tant que calques nous ouvrons une nouvelle image pas encore présente sur la bannière et nous la disposons grace à l'outil déplacer déplacer vignettes bannière maisons bois 3D dans l'espace libre. Une fois la nouvelle vignette correctement placée, nous fusionnons les deux calques :

Nous pouvons alors dupliquer ce nouveau calque, le cacher, et reprendre à l'étape 4.
Nous réalisons cela autant de fois que nous avons de vignettes à présenter.

Enfin lorsque toute sles vignettes ont été utilisées, nous pouvons enregistrer notre document au format .gif en précisant qu'il doit être animé :

enregistrement animation bandeau tuto gimpPuis nous précisons les paramètres de l'animation :

paramètres animation gif animé tutoriel gimpEt finalement voici notre bandeau défilant :

banniere animé tuto maisons bois vendee villages
Nous pouvons remarquer qu'il aurait fallu continuer à décaler les images pour que l'effet de défilement soit "complet".
Lire la suite...