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.

Le Deal du moment : -45%
PC Portable LG Gram 17″ Intel Evo Core i7 32 Go ...
Voir le deal
1099.99 €

+2
NbC
gaia
6 participants

    [photoshop] différents cadres

    gaia
    gaia
    aide-flasheur


    Nombre de messages : 312
    Réputation : 0
    Date d'inscription : 20/04/2006

    [photoshop] différents cadres Empty [photoshop] différents cadres

    Message par gaia Mar 27 Juin - 10:01

    1 - Le cadre le plus simple puisque qu'il ne s'agit que du "contour" de la bannière :

    Selectionnez l'ensemble de votre création (ctrl+A) puis créez un nouveau calque.

    Allez dans "édition/contour" modifiez les différents paramètres selon vos besoins ; ici "épaisseur = 2 pixels",

    "couleur = noire", "position = intérieur", "mode = normal", "opacité = 100 %"

    Avant :

    [photoshop] différents cadres Clown1iu1ap

    Après :

    [photoshop] différents cadres Clown1iuc1lg

    Toujours en employant la même méthode mais avec les paramètres suivant :

    "épaisseur = 8 pixels", "couleur = gris ( #cccccc ou R204/V204/B204) ", "position = intérieur", "mode =

    normal", "opacité = 100 %" puis dans les options de fusions, "biseautage et estampage" avec ces paramètres :

    [photoshop] différents cadres Parambiseau3uo

    Dans un nouveau calque un autre cadre cette fois "épaisseur = 1 pixels", "couleur = noire", "position = intérieur", "mode = normal", "opacité = 50 %"

    Avant :

    [photoshop] différents cadres Megaman5zg5pq

    Après :

    [photoshop] différents cadres Megaman5zgc8hk



    2 - Toujours avec l'utilisation des "contours" une variante :

    Selectionnez l'ensemble de votre création (ctrl+A) puis créez un nouveau calque.

    Allez dans "édition/contour" modifiez les différents paramètres selon vos besoin ; ici "épaisseur = 7 pixels",

    "couleur = blanc", "position = intérieur", "mode = normal", "opacité = 25 %".

    Créez un nouveau calque (votre création toujours entièrement selectionnée) et de nouveau dans "édition/contour" entrez les paramètres suivant : "épaisseur = 8 pixels", "couleur = noire", "position = intérieur",
    "mode = normal", "opacité = 100 %", et sur le même calque retournez dans "édition/contour" et entrez les paramètres suivants : "épaisseur = 7 pixels", "couleur = blanc", "position = intérieur", "mode = normal", "opacité = 100 %", désselectionnez votre création (ctrl+D) puis prenez votre baguette magique et selectionnez la couleur précédement utilisée, ici le blanc (zoomez si necessaire) et supprimez la selection (touche suppr de votre clavier).

    Avant :

    [photoshop] différents cadres Rsonic5sk7ks

    Après :

    [photoshop] différents cadres Rsonic5skc5vv

    3 - Autre style de cadre que je ne saurais nommer puisqu'il est entièrement de moi.

    L'image de base est de 500x200 pixels

    [photoshop] différents cadres Skull3ub7yx

    Créez un nouveau document avec un fond blanc et un peu plus grand que votre image de base, ici 510x208 pixels. Créez un nouveau calque et choississez 2 couleurs parmi celles de votre image, ici pour le premier
    plan j'ai pris un gris #666666 et pour l'arrière plan un rouge #ff6666. Prenez votre outil dégradé (style linéaire, mode normal, opacité 100% et verifiez que la case "inverser" n'est pas cochée) et modifiez eventuellement les couleurs de votre dégradé pour selectionner celles précédement choisies puis appliquez le dégradé de droite à gauche et en maintenant la touche maj de votre clavier enfoncée (cela permet de faire votre dégradé en parfaite ligne droite). Vous pouvez y ajouter un brush, ici sur un nouveau calque un brush noir répété plusieurs fois :

    [photoshop] différents cadres Skull3ubc1mh

    En décalant l'image dans le coin superieur droit et en y ajoutant une ombre portée et les paramètres suivants :

    [photoshop] différents cadres Paramombre6by

    [photoshop] différents cadres Skull3ubc27ki

    4 - Cadre un peu plus complexe :

    Prenez votre image et créez un nouveau calque et remplissez le d'une couleur de votre choix, ici du noir.

    Prenez l'outil lasso polygonal et tracez votre cadre comme cela :

    [photoshop] différents cadres Cadre013gu

    Supprimer l'intérieur du cadre avec la touche "suppr" vous devriez obtenir ceci :

    [photoshop] différents cadres Cadre036hs

    Allez sur "selection" et faites "intervertir", seul votre cadre devrait être selectionné.
    Donnez quelques effets à votre cadre grace aux options de fusion : ici, un dégradé argent et un biseautage interne. Vous pouvez également "évider" un peu votre cadre.

    [photoshop] différents cadres Cadre044gz


    Dernière édition par le Mer 28 Juin - 11:55, édité 1 fois
    NbC
    NbC
    Membre


    Masculin Nombre de messages : 40
    Age : 32
    Logiciel de graphisme : Adobe Photoshop CS 2
    Langages web / CMS : ...ca se mesure comment ça ?....
    Réputation : 0
    Date d'inscription : 23/05/2006

    [photoshop] différents cadres Empty Re: [photoshop] différents cadres

    Message par NbC Mer 28 Juin - 9:51

    Ouaaah super utile le tuto j'en cherchais un dans le genre depuis pas mal de temps thx sa va me faciliter la tache Smile
    Tite Princesse Capucine
    Tite Princesse Capucine
    membre d'or/N'amoureuse de Godfather


    Féminin Nombre de messages : 120
    Age : 31
    Logiciel de graphisme : Photo filtre
    Langages web / CMS : Début
    Réputation : 0
    Date d'inscription : 12/02/2006

    [photoshop] différents cadres Empty Re: [photoshop] différents cadres

    Message par Tite Princesse Capucine Mer 12 Juil - 11:55

    Ouais mais personne aurait des tutos de cadre pour photofiltre?
    spaceshipone
    spaceshipone
    aide-modo/flasheur


    Masculin Nombre de messages : 937
    Age : 36
    Logiciel de graphisme : Photoshop CS et Flash 8
    Langages web / CMS : Assez bon
    Réputation : 0
    Date d'inscription : 19/01/2006

    [photoshop] différents cadres Empty Re: [photoshop] différents cadres

    Message par spaceshipone Jeu 13 Juil - 10:55

    oué pas mal le tuto
    reyohster
    reyohster
    Membre


    Masculin Nombre de messages : 39
    Age : 33
    Réputation : 0
    Date d'inscription : 25/05/2006

    [photoshop] différents cadres Empty Re: [photoshop] différents cadres

    Message par reyohster Lun 17 Juil - 9:04

    ha merci baucoup gaia enfin je faire faire de joili chose avec de joilie cadre ^^
    Justine des Volcans
    Justine des Volcans
    aide-graphiste


    Féminin Nombre de messages : 206
    Age : 52
    Logiciel de graphisme : Photoshop CS2, Image Ready CS2, Flash CS3
    Réputation : 0
    Date d'inscription : 07/10/2007

    [photoshop] différents cadres Empty Re: [photoshop] différents cadres

    Message par Justine des Volcans Lun 8 Oct - 14:59

    ça va m'apprendre les cadres. J'ai la facheuse tendance à les oublier. Bien ton tuto

    Contenu sponsorisé


    [photoshop] différents cadres Empty Re: [photoshop] différents cadres

    Message par Contenu sponsorisé


      La date/heure actuelle est Lun 20 Mai - 2:17