AccueilDernières imagesRechercherS'enregistrerConnexion
-38%
Le deal à ne pas rater :
Ecran PC gaming 23,8″ – ACER KG241Y P3bip à 99,99€
99.99 € 159.99 €
Voir le deal

Partagez|

Tutoriels.

Invité
Anonymous

Invité


MessageSujet: Tutoriels. Tutoriels. EmptyDim 21 Mar 2010 - 14:51

Voila, donc... Ya un moment je me suis senti le besoin de partager mes connaissances, dans l'espoir que d'autres fassent la même chose (à moins que je veuille simplement étaler ma science Tutoriels. 92798)

Donceuh... Je vais ici vous laisser trois petits tutoriels, du moins pour le moment (et aussi mes brosses à moi, dont les plus importantes sont le behemoth (indispensable à la retouche de lumière "incruster" avec un new calque, et appliquer un behemoth blanc ou noir selon les endroits à éclaircir ou afoncir! XD) et les brosses de smudge (expliqué dans le premier). Les autres, virez-les si vous voulez :]

Les brosses: http://www.megaupload.com/?d=D3A8LHZ8



Les bases, à lire pour tous: Langage Eden inside ^_^
Spoiler:

Premier tutoriel: Faire un fond de signature (et donc d'avatar, par extension) à la Eden:
Spoiler:

Second tutoriel: Faire un cadre de signature (et donc d'avatar, par extension) à la Eden:
Spoiler:

Voila, désolé pour la présentation en carton et de pas avoir forcément géré niveau lisibilité, et surtout les fautes des deux premiers... J'étais fatigué, et la flemme de les refaire. Notez que j'étais sur un personnage féminin, et qu'ils seront donc accordé à ce genre: C'est normal =D

Ps: je propose que ceci soit mis en post-it, de façon à ce que sa puisse faire fonction de FaQ, et que je sois pas le seul a y répondre... Amis graphistes! Notre heure de gloire est venue! Sus, sus à l'ennemi! Venez en terre sainte avec moi pour aider ceux dans le besoin!
[Si nécessaire, je peux fournir un photoshop pas cracké mais que je suis pas sur qu'il soit légal...]


Dernière édition par Eden Evans le Lun 22 Mar 2010 - 14:22, édité 1 fois
Invité
Anonymous

Invité


MessageSujet: Re: Tutoriels. Tutoriels. EmptyLun 22 Mar 2010 - 2:47

+Waaah, thanks dude! J'te cachera pas que je suis pourri sur Photoshop n_n; J'avais besoin de tuto' et voilà! =D Quel chance XD Merci encore! .w.
Invité
Anonymous

Invité


MessageSujet: Re: Tutoriels. Tutoriels. EmptyLun 22 Mar 2010 - 14:23

De rien Car'. Bon j'me suis apperçu que j'ai oublié les brosses, donc les les ai rajoutées au dessus des tutoriels XD.

Voila voila. :]
Invité
Anonymous

Invité


MessageSujet: Re: Tutoriels. Tutoriels. EmptyMar 23 Mar 2010 - 1:31

+XDD Évite de m'appeler comme ça .w. Mon nom complet sera correct ^__^ Trois petites lettre, fait un effort =P
+Sinon, kewl .w. D'ailleurs, 'faudrait je commence à mettre en pratique ce que tu as mit XD Waaah, j'en ai des choses à faire >< Devoirs... Réps... Tes bedules... .w.;
Invité
Anonymous

Invité


MessageSujet: Re: Tutoriels. Tutoriels. EmptyDim 27 Juin 2010 - 20:50


Tutoriel : cadre rectangulaires originaux *facile

    Tutoriels. Tykimikkav

    Tuto By Lilie


    Vous voulez réaliser ce genre de cadre ?
    Exemple

    Ou ce genre de cadre ?
    Exemple

    C'est très simple et ca donne toujours un effet sympa pour des créations rectangulaires =)
    Donc commencez par démarrer photoshop et installez-vous confortablement. La suite n'est guère compliquée.





    Tutoriels. Jasdav

      Pour le cadre 1

    • Tout d'abord, vous devez créer une nouvelle image de 2*2 pixels. Vous recopiez l'image ci dessous puis vous allez dans "edition"=>"utiliser comme motif" et vous donnez un nom à votre nouveau motif avant de l'enregistrer.
      Image
    • Ensuite vous ouvrez l'image que vous voulez modifier. Vous créez un nouveau calque. Vous sélectionner tout l'image et vous créez un cadre sur ce nouveau calque (édition=>contour). Le cadre doit faire 2px et doit être blanc.
    • Vous créez un nouveau calque, vous re-sélectionnez l'image et sur ce nouveau calque vous faites "édition"=>"remplir". Une nouvelle fenêtre apparaît. Vous sélectionnez "motif" dans l'option remplir puis vous allez dans "motifs personnalisés" et vous sélectionnez le motif que vous avez créé précédemment. L'opacité doit être de 100% et le mode normal.
    • Vous revenez ensuite sur le calque que vous venez de remplir avec le nouveau motif. Avec l'outil de sélection rectangulaire vous sélectionnez l'image en laissant une bande de 1 pixel sur tout le tour. Vous n'avez plus qu'à couper la sélection.
      Exemple
    • Maintenant vous pouvez fusionner les calques visibles dans l'onglet "calque" et vous avez votre cadre tout beau tout neuf ! :p




    Tutoriels. Inoueav2

      Pour le cadre 2

    • C'est encore plus facile XD Vous sélectionnez votre image, vous allez dans "edition"=>"contour" et vous créez un cadre blanc de 3px
    • Vous recréez un cadre mais noir et de 2px
    • Vous recréez encore un cadre blanc de 1px

      Et ca y est vous avez un super cadre fait en 30 sec chrono xD Maintenant vous pouvez faire plein de variantes. Vous pouvez jouer sur les modes du cadre et ainsi de suite :p






Citation :

N'hésitez pas à poster vos essais
Invité
Anonymous

Invité


MessageSujet: Re: Tutoriels. Tutoriels. EmptyDim 27 Juin 2010 - 20:51


Tutoriel : cadre "relief" *moyen

    Tutoriels. Img-160749cgzwm

    Tuto By Lilie


    Vous voulez réaliser ce genre de cadre ?
    Exemple

    Et bien ce n'est pas si difficile que ça. Il s'agit d'un petit bidouillage sous Gimp. C'est également réalisable sous Photoshop mais les options à utiliser porte un nom légèrement différent xD

    Brush de départ





      Bon alors j'attaque, vous êtes prêts ?

    • 1) Tu fais ton cadre en blanc sur un claque 1
    • 2) Tu le dupliques => calque 2
    • 3) Sur le calque 2 : flou gaussien de 8 suivi d'un effet de relief ( avec les paramètres par défaut )
    • 4) Toujours sur le calque 2 : tu vas dans le menu"couleur"; puis"courbes" et tu bidouilles la courbe jusqu'à avoir un truc qui te plait (sur photoshop : Filtre>distorsion>relief)
    • 5) tu dupliques à nouveau le calque 1 et place le calque 3 obtenu au dessus du calques 2
    • 6) tu colores le calque 3 en noir
    • 7) sur le calque 3 : Menu selection : alpha vers selection puis selection : réduire ( la valeur dépend de la taille de ton cadre donc je peux pas dire ), selection inverser puis un gros coup de gomme.

      J'ai du dupliquer le calque 1 et lui mettre un gaussien de 8, le placer au dessus des autres mais je sais plus son mode d'incrustation :/
      Bref, les étapes 1 à 4 servent de base et à partir de là, c'est un peu au cas par cas =D
      Par contre, ça rend moins bien sur les trucs trop fins ou certaines polices...




    Quelques exemples

    Tutoriels. Gar


    Tutoriels. Mayaa


    Tutoriels. 1-67


    https://2img.net/r/ihimizer/img198/6074/enteted.png


    Tutoriels. Img-1742322ig2h
    Pour celle-ci, j'ai inversé et utilisé un cadre noir pour le premier calque =)




Citation :
Voilà, j'espère avoir été assez claire. J'ai mis ce tutoriel en difficulté moyenne mais je me trompe peut-être xD
Généralement, j'utilise cette technique sous the gimp donc je ne sais pas trop ce que ca donne sous photoshop. Je viens d'ailleurs de récup la dernière version de toshop. Je vais faire mes armes dessus et j'essaierais de poster quelques tutos quand je m'y serais faite =)

N'hésitez pas à poster vos essais
Invité
Anonymous

Invité


MessageSujet: Re: Tutoriels. Tutoriels. EmptyDim 27 Juin 2010 - 21:04


Tutoriel : les bases du codage *facile


Tuto By Lilie
  • Bon je vais vous proposer des petites astuces du codage puisque je ne vois pas pourquoi je serais la seule à en profiter 8D
    Vous avez envie d'écrire dans des vignettes de ce genre ?


    Rien de plus simple, il vous suffit de copier ceci dans votre message :
    Code:
    <div style="background-image: url(LIEN DE VOTRE IMAGE DE FOND); -moz-border-radius: 15px 15px 15px 15px;"><blockquote dir="ltr" style="margin-right: 5px;"><div align="justify"><FONT color=#VOTRE COULEUR> VOTRE TEXTE  </FONT></div></blockquote></blockquote></div>


  • Pour mettre une image à côté d'un texte
    Code:
    [table][tr] [td][img]LE LIEN DE L'IMAGE[/img][/td] [td]
    [list]LE TEXTE[/list][/td] [/tr][/table]


  • Pour créer une division avec un fond coloré
    Code:
    <div style="background: #COULEUR DU FOND; border-bottom: 5px solid  COULEUR; font-variant: -moz-border-radius: 0px 0px 0px 0px"><FONT face="POLICE" size=4><font color="#COULEUR DU TEXTE"> TEXTE </FONT></div>

    Exemple :
    HISTOIRE.


Ps : Il est conseillé de remplacer ce qui est en majuscule par ce que vous désirez, sinon ca risquerait de ne pas fonctionner xD


Contenu sponsorisé




MessageSujet: Re: Tutoriels. Tutoriels. Empty

Tutoriels.

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Teenagers ::  :: ♦ La Palette :: Cimetière des Galeries-
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser