Aide-graphique, aide gratuite et appels d'offres pour le développement de vos sites internet

Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

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


3 participants

    [Photoshop animation] Image à la matrix

    Benito
    Benito
    Membre


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

    [Photoshop animation]  Image à la matrix Empty [Photoshop animation] Image à la matrix

    Message par Benito 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.
    [Photoshop animation]  Image à la matrix Texturgraincd7

    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)
    [Photoshop animation]  Image à la matrix Nonpb2

    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.
    [Photoshop animation]  Image à la matrix Glowingedgesma7

    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.
    [Photoshop animation]  Image à la matrix Textenx4

    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.
    [Photoshop animation]  Image à la matrix Floumouvementgk3

    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 :
    [Photoshop animation]  Image à la matrix Matrix3xr6

    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
    nossibe
    nossibe
    Fondateur


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

    [Photoshop animation]  Image à la matrix Empty Re: [Photoshop animation] Image à la matrix

    Message par nossibe Mer 23 Jan - 7:34

    Merci beaucoup Benito pour ce magnifique tutoriel Razz
    liberty-style
    liberty-style
    Membre


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

    [Photoshop animation]  Image à la matrix Empty Re: [Photoshop animation] Image à la matrix

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

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

    Contenu sponsorisé


    [Photoshop animation]  Image à la matrix Empty Re: [Photoshop animation] Image à la matrix

    Message par Contenu sponsorisé


      La date/heure actuelle est Jeu 9 Mai - 18:22