communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
Le Deal du moment :
Coffret dresseur d’élite ETB ...
Voir le deal
56.90 €

Partagez
 

 [Débutant] Les cadres

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Débutant] Les cadres Empty
MessageSujet: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 17:28

[Débutant] Les cadres Gptemwemg115mj1zg


Il existe plusieurs sortes de cadre, voici les plus utilisés :
- le cadre de base
- le cadre transparent
- le hors cadre
Etc…

Un conseil avant de commencer : ne collez pas le render aux bords du cadre, il est préférable de laisser assez de place autour du render pour une question de lisibilité de l’image.

Créez un nouveau calque tiré du visible au dessus des calques de votre image : « Calque / Nouveau depuis le visible », un calque « Visible » est apparu dans votre fenêtre des calques.


1) Le cadre de base : il peut être selon les goûts :
- Opaque et d’une seule couleur avec ou sans liseré
- En dégradé de couleurs
- Rempli avec un motif ou une image

a) Opaque et d’une seule couleur avec ou sans liseré: 3 manières de faire.

  • A la main :
    - créez un petit rectangle avec l’outil « Sélection » que vous remplissez de la couleur que vous voulez avec l’outil « Remplissage » (cliquez plusieurs fois si nécessaire) et nommez-le « Rectangle1 » (pour notre image, j’ai crée un rectangle de 7px de hauteur et de couleur orange code : fcb49f)
    - puis vous dupliquez ce rectangle (clic droit « Dupliquer le calque ») que vous placez sur les 4 faces de votre image ou seulement sur 2, en utilisant l’outil « Déplacement » pour les placer et l’outil « Rotation » pour tourner 2 d’entre eux :
    [Débutant] Les cadres Ndlkq8e5az6sm4dzg

    [Débutant] Les cadres 8mo4o6vkwg44a4rzg


    Vérifiez bien qu’il n’y ait pas de pixels manquants dans votre cadre.

  • Avec les sélections automatiques :
    - créez un nouveau calque (toujours Wink) et nommez-le « Cadre »
    - cliquez sur « Sélection / Tout »
    - cliquez sur « Sélection / Bordure »
    - dans la fenêtre des réglages cochez « adoucir les bords », ce qui va faire une sorte de petit dégradé sur 1 ou 2 pixels pour ne pas que la sélection soit trop nette (j’ai choisi un bord de 7px)
    - remplissez de la couleur que vous voulez avec l’outil « Remplissage » (cliquez plusieurs fois si nécessaire) (pour notre image, j’ai crée un rectangle de 7px de hauteur et de couleur orange code : fcb49f)
    [Débutant] Les cadres Ts3038xbvc599kpzg


    Après vous pouvez ajouter un petit liseré pour peaufiner votre cadre :
    - créez un nouveau calque et nommez-le « Liseré »
    - cliquez sur « Sélection / Tout »
    - cliquez sur « Sélection / Bordure » (7px)
    - cliquez sur « Sélection / Agrandir » (2px)
    - cliquez sur « Sélection / Bordure » (2px)
    - remplissez de la couleur que vous voulez avec l’outil « Remplissage » (j’ai choisi blanc, code : ffffff)
    [Débutant] Les cadres Urrdi2mz4u8kuy8zg


    Cette exemple de liseré n’est pas le seul et unique que l’on puisse faire, après l’avoir testé amusez-vous à en créer d’autres, en jouant avec les différentes sélections.

    Enregistrez cette image en xcf, on va en avoir besoin après.


Dernière édition par Maripiou le Mar 17 Avr 2012, 17:35, édité 3 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 17:29


  • Avec un filtre : Pour ces filtres, pas besoin de créer de nouveaux calques, ils les créent automatiquement ou nous font travailler sur une copie.
    Le cadre peut être :
    - Régulier : allez dans « Filtres / Décor / Ajouter une bordure ». Dans la fenêtre des paramétrages, choisissez la taille des bords, leur couleur et la valeur de différence, qui est en fait la couleur que Gimp va donner à l’ « ombre » du cadre dans le but de créer un effet de profondeur. En fait, il va foncer l'ombre plus ou moins en fonction du chiffre entré (plus c'est élevé, plus c'est sombre).
    Spoiler:

    Voilà le résultat :
    [Débutant] Les cadres Huzuhzmf14yk88uzg


    - Inégal : allez dans « Filtres / Décor / Bordure inégale ». Dans la fenêtre des paramétrages, faites ces réglages :
    Spoiler:

    Voilà le résultat :
    [Débutant] Les cadres Nrf0fxcb2cutb26zg




b) En dégradé de couleurs : Prenez le cadre que vous avez crée avec les « sélections automatiques » :
- sélectionnez le calque « Cadre », clic droit « Alpha vers sélection »
- créez un nouveau calque « Dégradé#1 »
- choisissez les couleurs du dégradé (j’ai choisi orange : fcb49f et violet : c65d90)
- avec l’outil « Dégradé », tracé une petite ligne de manière à obtenir ce résultat :
[Débutant] Les cadres O79754q8lcl57aizg


c) Rempli avec un motif ou une image : Prenez le cadre que vous avez crée avec les « sélections automatiques » :
- sélectionnez le calque « Cadre », clic droit « Alpha vers sélection »
- créez un nouveau calque « Motif »
- dans la fenêtre des calques, choisissez le motif que vous voulez appliquer.
Pour créer un nouveau motif, en le faisant apparaître dans la fenêtre des calques, onglet « motifs », il vous suffit d’ouvrir ce motif dans une autre page de Gimp et de le copier (ctrl+c)
Spoiler:

- allez dans « Édition / Remplir avec un motif »

Voilà le résultat (je vous l’accorde, ce motif est moche…) :
[Débutant] Les cadres 69agmvm4hwane5ezg


2) Le cadre transparent :
Spoiler:

J’ai choisi de faire un cadre de 7px de large, orange (fcb49f), avec mode de fusion : lumière douce. Et le "bord" est également orange.
- "Bord" intérieur (épaisseur de bord de 3px et le calque « bord » à 70% d’opacité)
[Débutant] Les cadres 8dw476z99r9rekfzg


Dernière édition par Maripiou le Jeu 19 Avr 2012, 17:19, édité 2 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 17:30

- "Bord" extérieur (2px de réduction)
[Débutant] Les cadres Exi0258s4mi5kdszg

3) Le hors cadre : consiste à faire « déborder » notre render ou notre cadre de l’image, pour donner un effet de profondeur (vous l’aurez compris la notion de profondeur est importante ^^). Tout repose sur l’agrandissement de la zone de travail « Image / Taille du canevas ».

a) faire sortir le render de l’image  :
- ouvrez votre image
- agrandissez la zone de travail (bords droit et gauche) en allant dans « Image / Taille du canevas ».
Si vous n’êtes pas à l’aise avec cette manière de faire, entrez un chiffre excessivement grand, centrez l’image, puis découpez votre image comme vous le voulez avec l’outil « Découpage ».
- insérez votre render (ou vos renders), en faisant « Fichier / Ouvrir en tant que calque »
- placez le render pour qu’il dépasse de l’image

Voilà mon p’tit montage photo très campagne (^^) :
[Débutant] Les cadres M9lq4zav4fzdxz3zg


b) appliquer un masque d’écrêtage pour créer un bord spécial : vous aurez besoin de ce tuto pour comprendre cette notion => ici

En concret, vous ouvrez votre image finie dans Gimp, puis par-dessus vous appliquez en « Masque d’écrêtage » une image que vous avez travaillée pour qu’elle « découpe » votre image.
Bon là, je vous mets l’une de mes créations…

… car j’ai mis au moins 5 heures à créer le fond qui vient découper mon image (alors autant s’en servir !) :
[Débutant] Les cadres Dliq2issgc73a0rzg

c) dessinez le cadre avec des brushes :
- ouvrez votre image
- agrandissez la zone de travail (tous les bords) en allant dans « Image / Taille du canevas » (j’ai entré ces données : 640x440). Pour cette technique, n’oubliez pas de cliquer sur « centrer » dans la fenêtre de réglage, pour répartir les pixels sur tous les bords.
- appliquez le brush choisi sur l’un des coins/bords de votre image, en le faisant dépasser de l’image (c’est le but)
Brush en taille 0,35, de couleur orange : fcb49f
- dupliquez le calque du brush en 3 exemplaires, puis positionnez-les aux 3 autres coins en utilisant l’outil « Retournement » (vertical et horizontal)
[Débutant] Les cadres Kcllvbtvag47qppzg
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 17:31

On va ajouter un p’tit effet de dégradé sur ces brushes pour peaufiner le tout :
- clic droit « Alpha vers sélection » sur l’un des calques de votre brush
- créez un nouveau calque (oui encore un ^^) et nommez-le « Dégradé brush »
- sélectionnez l’outil « Dégradé » et faites les réglages comme ci-dessous
Spoiler:
- appliquez le dégradé de manière à avoir le même résultat que moi
- dupliquez ce calque en 3 exemplaires, puis positionnez-les SUR les 3 autres calques de brush en utilisant l’outil « Retournement » (vertical et horizontal)
[Débutant] Les cadres 93v0pt60w7zbtgzzg



----------------------------------------------------------------------------------------------

Vous connaissez d’autres techniques pour créer un cadre ? N'hésitez pas à créer un tuto


MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée



Dernière édition par Maripiou le Mar 03 Juil 2012, 11:20, édité 1 fois
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Ange gardien
pomme-kiwi
pomme-kiwi
Ange gardien
Féminin Date d'inscription : 27/09/2009
Age : 37

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 17:38

Merci Maripiou pour ces tutos super utiles!
Revenir en haut Aller en bas
http://www.dressingresponsable.com
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 17:48

Merci Maripiou à quand le pingouin power force bleu Razz
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Grand artiste du pinceau
Camelya
Camelya
Grand artiste du pinceau
Féminin Date d'inscription : 06/05/2011
Age : 32
Localisation : Dans mon lit.

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyMar 17 Avr 2012, 18:03

Merci Mari !!
Revenir en haut Aller en bas
http://legrenierdetatacamy.jimdo.com/
Admin
Bloup
Bloup
Admin
Féminin Date d'inscription : 27/11/2012
Age : 36
Localisation : Plein Sud !

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyJeu 21 Mar 2013, 19:49

Merci Mari =) !
Revenir en haut Aller en bas
http://www.sims-artists.fr/
Chasseur de trésors
Chanchan24
Chanchan24
Chasseur de trésors
Féminin Date d'inscription : 31/10/2014
Age : 33

[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres EmptyDim 23 Nov 2014, 21:25

merci Maripiou
Revenir en haut Aller en bas
Contenu sponsorisé


[Débutant] Les cadres Empty
MessageSujet: Re: [Débutant] Les cadres   [Débutant] Les cadres Empty

Revenir en haut Aller en bas
 
[Débutant] Les cadres
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Débutant] Les Outils
» [Apprenti] [Photofiltre Studio] Les cadres simples
» Débutant
» [Débutant] CC Magic
» [Débutant] Les Réglages

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Graphisme :: The Gimp-
Sauter vers: