Aide gratuite et appels d'offre pour la création de site internet, nos développeurs et graphistes professionnels vous répondent.


    [Photoshop animation] Image à la matrix

    Partagez
    avatar
    Benito
    Membre

    Masculin Nombre de messages : 46
    Age : 26
    Logiciel de graphisme : Photoshop CS3
    Langages web / CMS : Intermédiaire
    Réputation : 0
    Date d'inscription : 04/12/2007

    [Photoshop animation] Image à la matrix

    Message par Benito le Mer 23 Jan - 0:58

    Logiciel : Photoshop et Image ready ou Photoshop CS3 avec Image ready inclut.
    Niveau : image : simple. Animation : intermédiaire.

    Pour commencer, ouvrer un nouveau document de la grandeur de votre choix, pour ma part, 500 X 500 pixels. Document en blanc.
    la première action est d'ajouter une texture de grain mais noublier pas de remettre les couleurs d'avant et d'arrière plan à celle de base.
    Donc: Filtre -> Texture -> Grain
    Avec les données suivants : Intensité : 100. contraste 100 et de type vertical.


    Ensuite en rajoute un effet de Néon :Filtr -> Artistique -> néon.
    Avec les données suivants : Grosseur du néon : 5. luminosité : 20. et utiliser ce vert : (#00ff00)


    Ensuite : Filtre -> Esthétiques -> contour lumineux
    avec les données suivants: Largeur contour : 1. Luminosité du contour : 5. smouthness (dsl pas pu le traduire) : 1.


    vous pouvez rajouer du texte en allant cette police
    ajouter votre texe avec la police miltown II que vous venez de télécharger. appliquer y la couleur blanche et un ombre porter d'un vert flash.
    Pour un meilleur résultat n'écrivez pas de majuscules.


    Dupliquer le calque texte appliquer lui comme couleur le vert et déplacer le en dessous du premier calque texte.
    Appliquer un flou directionnel pour donner un effet de texte plus réel. D'abord il faut enlever les effets de calques du deuxième calque texte
    Filtre -> attenuation -> attenuation directionnel.
    angle : o° et une distance proche de 100 pixels ou selon votre préférence.


    Passons à la deuxième étape :
    Dupliquer le calque de fond, placé le au-dessus du premier calque et non dans le sens de l'orde mais vraiment au dessus de sorte que le bas de l'une touche au haut de l'autre. Par la suite sélectionner les deux calques de fond et faite Ctrl+E.

    pour Photoshop CS3 afficher la fenètre animation dans le menu fenètre et cocher animation.

    Pour image ready vous n'avez qu'a transférer le document dans image ready.

    la composition est en 5 séquence ou plus dépandant de la grandeur de votre document.

    pour la première prenez le milieu de votre image de fond.

    pour la seconde, descendez votre de fond d'une centaine de pixels et faite la meme chose pour les prochaine jusqu'à ce que le haut de votre image atteigne le haut de votre cadre.

    Comme vitesse choississer 0 secondes

    Désoler je ne peut pas vraiment afficher d'image en cas de problème mp moi.

    Pour sauvegarder votre image avec Image Ready sélectionner save optimized as et sauvegarder en format gif.

    Pour Photoshop CS3 : sauvegarder pour le web et sélectionner l'option : Gif 128 et appuyer sur sauvegarder

    vous venez de creer quelque chose ressemblant à ceci :


    Ne soyez pas surpris de voir que lorsque vous allez afficher vos créations sur Internet elle seront plus lente.

    Tuto inspiré par Babylon design
    avatar
    nossibe
    Fondateur

    Masculin Nombre de messages : 2306
    Age : 37
    Logiciel de graphisme : Gimp, Blender, Inkscape
    Langages web / CMS : HTML, CSS, PHP, Joomla, Prestashop, Wordpress
    Réputation : 6
    Date d'inscription : 30/09/2005

    Re: [Photoshop animation] Image à la matrix

    Message par nossibe le Mer 23 Jan - 7:34

    Merci beaucoup Benito pour ce magnifique tutoriel Razz

    avatar
    liberty-style
    Membre

    Masculin Nombre de messages : 5
    Age : 22
    Logiciel de graphisme : photoshop Cs3
    Langages web / CMS : Bas
    Réputation : 0
    Date d'inscription : 30/04/2010

    Re: [Photoshop animation] Image à la matrix

    Message par liberty-style le Sam 8 Mai - 15:14

    Trés bon tutoriel! ces trés beaux. Merci Smile


    _________________

    Contenu sponsorisé

    Re: [Photoshop animation] Image à la matrix

    Message par Contenu sponsorisé


      La date/heure actuelle est Sam 18 Nov - 10:25