Fermer la notification
Kosminea est un site communautaire de partage et d'échanges autour de nombreux sujets.
En vous inscrivant, vous pourrez participer aux discussions, personnaliser votre profil, naviguer sans publicité, et proposer vos propres fiches pour partager vos centres d'intérêt.
Fermer la notification
Pour vous permettre de profiter au mieux de Kosminea, nous utilisons des cookies. En navigant sur ce site, vous en acceptez l'usage.
Pour plus d'infos, cliquez ici.

[Photoshop] Les cadres

Fiche dans 'Tutoriels de l'Atelier' rédigée par Daheji, 8 Décembre 2012. Current view count: 2514.

Publicité

Les cadres

Domaine: Infographie

Logiciel: Photoshop CS2 et +

Niveau: Débutant et gros nul de photoshop.

Pré-requis: Savoir ouvrir Photoshop.

Objectifs: Faire des cadres pour avatars ou signatures et plein d'autres trucs marrants.

---

Je fais ce tutoriel d'abord parce que je m'ennuie. D:

Ensuite parce que je vois plein de signatures et d'avatars sans cadre ou avec un cadre super mal fait.

Donc pour arranger ça, un tuto. :3 J'y mettrais plusieurs type de cadres selon ce que je trouve intéressant et facile à réaliser. D:

Je vais prendre comme base cette image de Girls und Panzer qui peut servir de signature. Pour l'instant, elle n'a aucun cadre et s'moche. D:

girlsundpanzersanscadre.jpg

Ouvrons donc d'abord photoshop et commençons avec une image qui va vous servir d'avatar ou signatures. Regardons la fenêtre des calques. Vous devriez avoir quelque chose qui ressemble à l'image ci dessous. L'arrière plan ici est facultatif, il sert à rien, vous pouvez le supprimer si vous voulez. J'ai renommé l'image de ma signature... Image... Pour changer le nom d'un calque, double-cliquez sur son nom.

ss (2012-12-07 at 09.46.49).png

Nous pouvons commencer!

I/ Cadre simple

Commençons par le cadre le plus simple au monde, un trait noir qui fait le tour de l'image. D:

D'abord, créer un nouveau calque en cliquant sur cette icône ss (2012-12-07 at 09.49.34).png qui se trouve en bas de la fenêtre des calques. Votre fenêtre des calques doit ressembler à ceci:

ss (2012-12-07 at 09.50.41).png

Maintenant, prenez le Pot de peinture. Si vous ne le trouvez pas, c'est qu'il doit être caché derrière l'Outil Dégradé. Cliquez droit dessus et sélectionner le Pot de peinture:

ss (2012-12-07 at 09.52.00).png

Avec ce Pot de peinture, remplissez votre nouveau calque, peu importe la couleur. Vous vous retrouvez donc avec quelque chose qui ressemble à ça:

girlsundpanzerremplissage.jpg

Pas très joli n'est ce pas? Ne vous inquiétez pas, ce n'est pas terminé... Veillez bien à ce que votre nouveau calque soit sélectionné (normalement, il doit s'appeler Calque 1 ou Layer 1 si vous ne l'avez pas renommer). Un peu en haut dans la fenêtre des calques, vous pouvez voir Opacité: 100% et Fond: 100%. On va ici utiliser seulement l'outil Fond.

ss (2012-12-07 at 09.57.25).png

Mettez le Fond à 0%. Normalement, votre nouveau calque disparait et on se retrouve avec l'image de la signature seulement dans la zone de travail. :3 Mais pas tout à fait. On va maintenant faire apparaître un cadre. è_é Pour cela, cliquez sur cette icône ss (2012-12-08 at 12.27.01).png qui se trouve dans le bas de la fenêtre de calque. Un menu déroulant s'ouvre:

ss (2012-12-08 at 12.29.02).png

Cliquez maintenant sur l'option Contour. Une nouvelle fenêtre s'ouvre. D: Mettez la Taille à 1px puis Position en Intérieur. Laissez le Mode de fusion à normal et l'Opacité à 100%. Pour le type de remplissage laissez Couleur et pour la Couleur, choisissez la couleur que vous voulez, moi je laisse en noir parce que c'est cool le noir. Puis cliquez sur OK.

ss (2012-12-08 at 12.30.19).png

Et voilà, vous avez le cadre le plus simple du monde. D: Voici ce que ça donne sur mon image:

girlsundpanzersanscadresimple.jpg

Un autre petit truc, on peut rajouter un autre petit effet que j'utilise très souvent, la Lueur interne. Recliquez sur l'icône ss (2012-12-08 at 12.27.01).png et cliquez sur Lueur interne dans le menu déroulant. Moi je laisse les options telles quelles, mais vous pouvez essayer de modifier et trouver quelque chose qui vous convient.

ss (2012-12-08 at 12.35.09).png

Et voilà! Moi j'obtiens ceci au final et ça fait stylé!

girlsundpanzersanscadresimplelueurinterne.jpg

Voilà. è_é Si vous avez des types de cadres à proposer, n'hésitez pas. è_é

Publicité

Partager cette page

Daheji

Daheji

Auteur de 11 fiches
Dernière publication : Emily is away (index Oeuvres Jeux vidéo)

Le mot de l'auteur :

Je suis beau, viril et hong kongais. D: Peu importe ce qu'ils disent, je ne suis pas gay. D: Et j'aime les loli. D:

Chargement...

7 commentaires dans la discussion Tutoriel [Photoshop] Les cadres

  1. Daheji

    Daheji8 Décembre 2012

    II/ Cadre avec grosse bordures en haut et en bas Voici un autre type de cadres que j'aime beaucoup, mais que j'utilise moins souvent. :3 J'y met de grosse bordures en haut en bas de la signatures, et ça ressemble à ça: [ATTACH] Pour faire ce genre de bordures, on va repartir de là où on a fait le cadre simple, sans la Lueur interne. Si vous repartez du même fichier du début du tutoriel, vous pouvez enlever la Lueur interne en cliquant sur cette icône [IMG] qui se trouve en bas dans la... Lire la suite
  2. Daheji

    Daheji10 Décembre 2012

    III/ Cadre avec l'effet Lueur Interne. On peut faire plein de chose avec l'effet Lueur Interne! C'est un peu comme l'effet contour, mais en un peu mieux car on peut avoir une double bordure. D: Comme précédemment, on va utiliser un calque rempli avec le Fond à 0%. è_é Cliquez sur cette icône [IMG] en bas de la fenêtre des calques et cliquez sur Lueur interne. Pour toute cette partie du tutoriel, on va mettre le Mode de fusion: Normal, opacité 100%, Technique: Précise. è_é Voici... Lire la suite
  3. Kusanagi-San

    Kusanagi-San12 Décembre 2012

    Sympa les tutos même si j’utilise pas photoshop (ça reste payant *sifflote*) . Mais pour le coup, n'y a t-il pas tout simplement une option "bordure" sur photoshop ? Ca va quand même plus vide pour faire un cadre.
  4. ShizuO

    ShizuO12 Décembre 2012

    Je vais me coucher moins bête tiens :spin: Merci !
  5. Daheji

    Daheji12 Décembre 2012

    Y a une option bordure dans photoshop, mais elle ne propose pas ce que je vous montre dans ce tuto. :3 L'option bordure fait juste le cadre simple dont je parle tout au début. D:
Lire les messages suivants dans les forums : Tutoriel [Photoshop] Les cadres