CalendrierAccueilFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 Création de barres tech:

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Boing
Administrateur
Administrateur


Masculin Nombre de messages : 945
Age : 26
Logiciels : Photoshop, imageready, flash
Localisation : Boing-Paradise
Date d'inscription : 08/01/2006

MessageSujet: Création de barres tech:   Mar 7 Mar - 16:35


    ::::::: Ce tutorial va vous apprendre a faire une barre type tech.

      . Rendu final:


  1. Pour commencez créez un nouveau document transparent en mode RVB de 460 pixels par 35 (ou comme vous voulez), avec une résolution de 70 pixles/pouces.

  2. Remplir a l'aide du pot de peinture le fond avec cet couleur: #929288 (ou a votre choix, sauf du jaune et du noir).

  3. Créez un nouveau calque (Maj+Ctrl+N), prenez l'outil de selection rectangulaire et tracez un rectangle et que vous remplissez de blanc comme ceci


  4. Faites un double clic sur ce calque dans la palette des calques afin d'ouvrir les styles de calques, que vous remplissez comme ci dessous:
    - Ombre portée: Mode: produit | couleur: noir | opacité: 75% | distance: 0px | grossi: 0% | taille: 5px
    - Incrustation de couleur: Mode: normal | couleur: #EDC60E | opacité: 100%

  5. Passons aux barres en diagonales. Créez un nouveau calque et prenez l'outil "lasso polygonal" et effectuez un tracez de manière:
    - commencez votre tracé en partant du dessous de la barre > Maintenez la touche Maj enfoncé et tracez une digonale vers le haut de la bare.
    - Tracez ensuite un trait horizontal (toujours Maj enfoncé) > retracez ensuite la diagonale vers le bas (Maj enfoncé) > et terminez votre tracé.

  6. Maintenant que la selection et faite, remplissez de noir et faites Ctrl+D. Récupérez la selection de la barre jaune > faites Ctrl+I > Ctrl+X:


  7. Vous avez votre barre noire. Maintenant faites Ctrl+J (pour la dupliquer) et decalez la barre de 20px vers la droites (maintenez Manj enfoncé > et appuyez 2x sur la touche directionnelle droite du clavier).

  8. Répetez cette opérations jusqu'à obtenir ceci:


  9. Fusionnez tous les calques avec la barre noir (Ctrl+E) pour en avoir qu'un seul calque avec toutes les barres noires. Récupérez la sélection du calque de la barre jaune > Ctrl+I > Ctrl+X.


  10. La barre est terminé mais personnalisons un peu plus son effet. Pour cela Créez un nouveau (Ctrl+Maj+N) Et prenez l'outil pinceau avec un brush legèrement "trash" (déja intégré dans photoshop):


  11. Appuyez sur D (pour avoir le noir en premier plan) et appliquez vos brush sur les barres noires, peu importe si sa depasse la barre jaune. Une fois fait, prenez la sélection de la barre jaune > Ctrl+I > Ctrl+X. Ouvrez les styles de calques et mettez y en incrustation de couleur: #EDC60E:




    Cliquez ici.

  12. ::::: Téléchargement fichier .PSD

      :: Tutorial fait par Boing de Boing-paradise.

© 2006-2007 | Tutoriels | Boing-Paradise | Tout droits réservés.


Dernière édition par le Sam 15 Avr - 15:44, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://boing-paradise.frbb.net
X.Sev



Nombre de messages : 23
Logiciels : Photoshop CS and ImageReady
Localisation : Male
Date d'inscription : 04/03/2006

MessageSujet: Re: Création de barres tech:   Mar 7 Mar - 20:01

pas mal
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
GFXFrancois



Masculin Nombre de messages : 68
Logiciels : Photoshop
Localisation : Liège, Belgique
Date d'inscription : 07/03/2006

MessageSujet: Re: Création de barres tech:   Mar 7 Mar - 22:59

quand on y pense c' est con mais sa peu servir, bon tuto...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tetragraphix.new.fr
angel



Masculin Nombre de messages : 89
Age : 27
Date d'inscription : 05/03/2006

MessageSujet: Re: Création de barres tech:   Mar 7 Mar - 23:40

merci boing :9:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Visio



Masculin Nombre de messages : 222
Age : 25
Logiciels : Photoshop 7.0.1/Image Ready 7.0.1
Date d'inscription : 11/02/2006

MessageSujet: Re: Création de barres tech:   Mer 8 Mar - 10:12

Ouais simple mais bien bravo !!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kazuki



Nombre de messages : 78
Logiciels : Adobe Photoshop CS
Localisation : Bien sûr que j'n'ai un.
Date d'inscription : 15/02/2006

MessageSujet: Re: Création de barres tech:   Jeu 9 Mar - 22:52

Pas mal, merci :10:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://ideograph.free.fr/
Osan
Modérateur
Modérateur


Masculin Nombre de messages : 768
Age : 28
Logiciels : Toshop CS / Ready / Flash MX
Localisation : DTC
Date d'inscription : 26/02/2006

MessageSujet: Re: Création de barres tech:   Ven 10 Mar - 0:08

Joli résultat ;)

_________________


Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://graph-eyes.com
Cozmoss
VIP Render
VIP Render


Masculin Nombre de messages : 474
Age : 27
Logiciels : photoshop, imageready, flash mx
Localisation : masculin
Date d'inscription : 17/02/2006

MessageSujet: Re: Création de barres tech:   Ven 10 Mar - 18:06

on dit merci qui pour avoir penser a cree ceci :13:

nice tut

_________________
Allez dessus et inscrivez-vous on y prend vite gout ^-^

OoMon FoliooO
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.kosmo-design.com
Boing
Administrateur
Administrateur


Masculin Nombre de messages : 945
Age : 26
Logiciels : Photoshop, imageready, flash
Localisation : Boing-Paradise
Date d'inscription : 08/01/2006

MessageSujet: Re: Création de barres tech:   Ven 10 Mar - 18:16

lol t'es pas le seul a avoir fais la demande de ce tuto :22:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://boing-paradise.frbb.net
Cozmoss
VIP Render
VIP Render


Masculin Nombre de messages : 474
Age : 27
Logiciels : photoshop, imageready, flash mx
Localisation : masculin
Date d'inscription : 17/02/2006

MessageSujet: Re: Création de barres tech:   Ven 10 Mar - 18:49

moi j'ai pas demander le tuto mais comment le faire et tu la fait grace a moi :5: :16: :10: :15:

_________________
Allez dessus et inscrivez-vous on y prend vite gout ^-^

OoMon FoliooO
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.kosmo-design.com
Topaze



Nombre de messages : 22
Date d'inscription : 09/03/2006

MessageSujet: Re: Création de barres tech:   Dim 28 Mai - 14:13

Boing t'as encore confondu CTRL+MAJ+I (Inverser la selection) avec CTRL+I (Inverser les couleurs)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Tandy17



Nombre de messages : 7
Age : 24
Logiciels : Photoshop CS2 , Imageready CS2 et Adobe after effect
Date d'inscription : 17/02/2006

MessageSujet: Re: Création de barres tech:   Sam 3 Juin - 20:50

Cool comme tuto boing ;)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Sirius



Masculin Nombre de messages : 12
Age : 24
Logiciels : Photoshop CS2
Localisation : On my PC
Date d'inscription : 09/03/2007

MessageSujet: Re: Création de barres tech:   Ven 9 Mar - 19:45

Merci Boing bon Tuto.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Création de barres tech:   Aujourd'hui à 21:14

Revenir en haut Aller en bas
 
Création de barres tech:
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Création Perso Spé : Altaïr (Assassin's Creed)
» Création d'une parade imaginaire ?
» Ma création de l'urne de mariage DISNEY
» [News] Barres anti-roulis pour une meilleure tenue de route
» Exposition sur le thème de Mickey : dite ce que Mickey représente pour vous, pour l'élaboration d'une création graphique

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Boing Paradise :: :: Graphisme :: :: Tutoriaux: :: Tutoriaux photoshop:-
Sauter vers: