Modérateurs: Staff DIY, Staff Installations, Staff Juridique • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités

Tout l'univers du pilotage et des télécommandes

PCF HCFR (graphismes, tutos...) --- MAJ 11.10.2008 ---

Message » 03 Fév 2008 1:36

patjero a écrit:Ok Cedbh si tu as ça sous la main pas de problème c'est juste pour avoir les bouton et leur code si ça ne me plait pas je changerais à ma sauce.

Au fait les code sont déjà appris pour les boutons sur ce que tu vas m'envoyer?


Tiens voilà un petit .pcf
Je n'ai pas eu le temps de peaufiner 2 ou 3 boutons de la dream, mais bon, l'essentiel est là...;)

Toutes les fonctions sont apprises, et presentes dans les pages cachées (Page Boutons Raw)
Fichiers joints
imac dream.rar
(573.78 Kio) Téléchargé 60 fois
cedbh
 
Messages: 4544
Inscription: 10 Aoû 2005 20:11
Localisation: Salon de Provence
  • offline

Annonce

Message par Google » 03 Fév 2008 1:36

 
 
Publicite

 
Encart supprimé pour les membres HCFR

Message » 03 Fév 2008 2:04

cedbh a écrit:
patjero a écrit:Ok Cedbh si tu as ça sous la main pas de problème c'est juste pour avoir les bouton et leur code si ça ne me plait pas je changerais à ma sauce.

Au fait les code sont déjà appris pour les boutons sur ce que tu vas m'envoyer?


Tiens voilà un petit .pcf
Je n'ai pas eu le temps de peaufiner 2 ou 3 boutons de la dream, mais bon, l'essentiel est là...;)

Toutes les fonctions sont apprises, et presentes dans les pages cachées (Page Boutons Raw)


Je te remercie Cedbh :wink: ,

Je vais faire mumuse avec tout ça demain?

A+
patjero
Membre HCFR
Membre HCFR
 
Messages: 7633
Inscription: 17 Sep 2003 2:34
Localisation: neuf cinq
  • offline

Message » 03 Fév 2008 8:43

*** TUTO CREATION BOUTON DEVICE SELECTION PART 1 ***


*** PARTIE 1 ***

Je vais dans un premier temps créer mon bouton central. Pour ce faire, je dois partir initialement d'une image sous fond transparent d'une dimension de 70px * 39px.

Image



*** PARTIE 2 ***

A partir de cette image, je vais dans un premier temps agrandir la zone de travail : menu "IMAGE" > "CANVAS SIZE..." puis rentrez les nouvelles valeurs : 90px * 52px

Après avoir fait ce recadrage de la zone de travail, vous pouvez enregistrer ce bouton car ce sera notre DEVICE SELECTION OFF (et oui déjà ! :mdr: )

Image



*** PARTIE 3 ***

Nous allons maintenant créer notre DEVICE SELECTION ON. Pour ce faire, je vais appliquer la même procédure que pour les boutons DEVICE ON c'est-à-dire :


- une réduction de 80% de l'image (menu "IMAGE" > "IMAGE SIZE...")

Image



- un recadrage de l'image en 90px * 52px (menu "IMAGE" > "CANVAS SIZE...")

Image



- Appliquer des effets sur notre calque (menu "LAYER" > "LAYER STYLE..." voir ci-dessous)

Image


- BLENDING OPTIONS : BLEND MODE > NORMAL et OPACITY > 50%

Image


NE PAS FAIRE OK TOUT DE SUITE car sous cette même fénêtre, nous allons appliquer notre deuxième effet


- OUTER GLOW : BLEND MODE > normal, OPACITY > 100%, Couleur > blanche et SIZE > 10px

Image


NOUS POUVONS MAINTENANT FAIRE OK ! 8)



*** PARTIE 3 ***

Pour le dernier effet, nous allons passer l'image en N&B tout simplement !

menu "IMAGE" > "ADJUSTMENTS" > "DESATURATE"

Image


et voilà il suffit d'enregistrer en PNG cette image qui sera désormais notre DEVICE SELECTION ON

*** POUR FACILITER LA CREATION DES BOUTONS GAUCHES ET/OU DROITES DES DEVICES SELECTIONS, NE PAS REFERMER NOTRE IMAGE ***

bon Photoshop à tous !

Stef
Dernière édition par COUILLEROT le 03 Fév 2008 10:13, édité 1 fois.
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline

Message » 03 Fév 2008 10:10

*** TUTO CREATION BOUTON DEVICE SELECTION PART 2 ***

Dans ce petit tututiel, nous allons créer les boutons gauche et/ou droite des DEVICES SELECTION.

*** PARTIE 1 ***

Nous devons partir de notre image initiale d'une dimension de 70px * 39px. Pour accéder à cette image nous allons faire apparaitre l'historique du bouton que nous venons de créer.

----> menu "WINDOW" > "HISTORY"

Image


dès que l'historique apparait il suffit alors de sélectionner le moment voulu (rappel : "canvas image..." de 70px * 39px)

Image


*** PARTIE 2 ***

- passons tout d'abord l'image en N&B : menu "IMAGE" > "ADJUSTMENTS" > "DESATURATE"


*** PARTIE 3 ***

- après avoir passer l'image en noir et blanc, nous allons créer un masque de fusion sur notre image. Pour ce faire, nous devons faire apparaitre la fenêtre "LAYERS" : menu "WINDOW" > "LAYERS"

- cliquez sur le petit carré (voir ci-dessous) pour créer notre masque de fusion !

Image


- Ensuite, cliquez sur le bouton "DEGRADE" dans la barre d'outils de Photoshop :

Image


- nous allons appliquer le dégradé dans notre image : soit une opacité de 0% à 100% ; donc appliquez le dégradé soit de la gauche vers la droite ou de la droite vers la gauche, tout dépend en fait de quel bouton (gauche ou droite) vous vous atelé :idee: :mdr:

Vous devez obtenir ceci :

Image


*** PARTIE 4 ***

- Nous allons encore réduire de 50% l'opacité de notre image. Rendons-nous sur notre désormais habituelle fenêtre : menu "LAYER" > "LAYER STYLE" > "BLENDING OPTIONS" et abaissons l'opacité de 50%

Image


- au final, nous obtenons ceci :

Image

nous avons désormais notre BOUTON DEVICE DROITE OFF que nous pouvons maintenant enregistrer (en PNG) ! 8)


*** PARTIE 5 ***

passons aux choses sérieuses avec la version ON de ce bouton ! :mdr:

- Pour commencer, il faut que nous appliquions une réduction de 80% de l'image et un recadrage pour revenir à notre taille initiale, soit 70px * 39px. Donc c'est toujours le même principe qu'évoqué dans le tuto précédent :

- réduction de 80% : menu "IMAGE" > "IMAGE SIZE..."
- recadrage de la zone de travail : menu "IMAGE" > "CANVAS SIZE..." à 70px * 39px

Image


Image


*** PARTIE 6 ***

d'après l'image que nous obtenons, nous allons lui appliquer un effet du type "INNER GLOW" : menu "LAYER" > "LAYER STYLE" > "INNER GLOW"

- changeons tout d'abord la couleur en cliquant sur le petit carré blanc et rentrez les nouvelles valeurs RGB : R=255 / G=99 / B=0 (en fait c'est la couleur utilisée du logo HCFR !!!)

Image



- une fois la couleur validée, rentrez les autres valeurs : BLEND MODE > SCREEN - OPACITY > 100% - SIZE > 50px

Image


une fois ces valeurs entrées, faire OK et enregistrez (au format PNG) ce bouton qui sera votre DEVICE SELECTION DROITE ON ! :D


un conseil : utilisez la fonction "HISTORY" pour créer les boutons de gauche :wink:

re-bon photoshop à tous ! :mdr:
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline

Message » 03 Fév 2008 10:38

Ah ben enfin! ;)

J'ai retourné les fonctions de toshop dans tous les sens pour trouver comment tu passais au bouton actif!!!! :mdr:

(et j'avais pas trouvé....)
cedbh
 
Messages: 4544
Inscription: 10 Aoû 2005 20:11
Localisation: Salon de Provence
  • offline

Message » 03 Fév 2008 10:50

cedbh a écrit:Ah ben enfin! ;)

J'ai retourné les fonctions de toshop dans tous les sens pour trouver comment tu passais au bouton actif!!!! :mdr:

(et j'avais pas trouvé....)


:lol:

ça y est ! je n'ai désormais plus de secrets à vous dévoiler ! vous connaissez maintenant tous mes trucs... 8) :wink:

Stef
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline

Message » 03 Fév 2008 11:00

Allez je suis sûr que tu en as encore quelques uns en réserve :wink:

Et puis il y a une chose que tu ne pourras jamais partager : le fait que tu sois tombé dans photoshop en naissant :mdr:

Louis
Avatar de l’utilisateur
sonata31
Membre HCFR
Membre HCFR
 
Messages: 5043
Inscription: 07 Mai 2004 16:09
Localisation: Entre Toulouse et Albi
  • offline

Message » 03 Fév 2008 11:32

tout nikel ces tutos :lol:

La configuration dans mon profil


Hisense H75N5800 - SONY VPL-VW520ES - XScreen DBC inceiling 3m - PCHC -Synology 1515+/411J - YAMAHA CX-A5100 - ROTEL RMB1095, RMB1075, RMB1066 - Klipsch RF7II, RC64, Elipson IC4 x8, Elipson IW8 x2, Elipson IC6 x4 - DD15 x2
Avatar de l’utilisateur
ludel
Membre HCFR
Membre HCFR
 
Messages: 514
Inscription: 20 Aoû 2004 23:43
Localisation: 31
  • offline

Message » 03 Fév 2008 12:38

j'aurai besoin d'un petit coup de main steph :lol:

pourrais tu me faire des boutons pour le sattelite avec les genres de programmes a regarder

je m'explique :mdr: je voudrais en fait faire des raccourcis du style

cinema,decouverte,jeunesse,sport,infos,HD,musique

voila j'appelle a tes lumieres :mdr::mdr:

merci bien

ludo

La configuration dans mon profil


Hisense H75N5800 - SONY VPL-VW520ES - XScreen DBC inceiling 3m - PCHC -Synology 1515+/411J - YAMAHA CX-A5100 - ROTEL RMB1095, RMB1075, RMB1066 - Klipsch RF7II, RC64, Elipson IC4 x8, Elipson IW8 x2, Elipson IC6 x4 - DD15 x2
Avatar de l’utilisateur
ludel
Membre HCFR
Membre HCFR
 
Messages: 514
Inscription: 20 Aoû 2004 23:43
Localisation: 31
  • offline

Message » 03 Fév 2008 12:43

je vais essayer ludel :wink:

par contre, pourrais-tu me donner une idée de taille pour ces boutons ?

Stef
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline

Message » 03 Fév 2008 13:26

un peu dans ce style là ?

Image
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline

Message » 03 Fév 2008 14:01

je les vois plutôt rectangulaire avec un texte design et pourquoi pas le fond comme ca dechire!!

ce fond la avec "decouverte" dessus pour voir si ca fait pas trop

pour la taille des bouton je sais pas trop disons qu'il faut que deux boutons rectangulaire rentre ds une page(en largeur bien sur)

merci steph

++ludo

La configuration dans mon profil


Hisense H75N5800 - SONY VPL-VW520ES - XScreen DBC inceiling 3m - PCHC -Synology 1515+/411J - YAMAHA CX-A5100 - ROTEL RMB1095, RMB1075, RMB1066 - Klipsch RF7II, RC64, Elipson IC4 x8, Elipson IW8 x2, Elipson IC6 x4 - DD15 x2
Avatar de l’utilisateur
ludel
Membre HCFR
Membre HCFR
 
Messages: 514
Inscription: 20 Aoû 2004 23:43
Localisation: 31
  • offline

Message » 03 Fév 2008 16:41

COUILLEROT a écrit:[color=red][b][size=18]

..............



- une fois la couleur validée, rentrez les autres valeurs : BLEND MODE > SCREEN - OPACITY > 100% - SIZE > 50px

Image




J'étais pas si loin... ;)

Par contre, à ton avis, en Francais, le mode de fusion "screen", ce serait "superposition"???

Image

Merci Stef. ;)
cedbh
 
Messages: 4544
Inscription: 10 Aoû 2005 20:11
Localisation: Salon de Provence
  • offline

Message » 03 Fév 2008 20:19

Image

comme ceci ? :wink:
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline

Message » 03 Fév 2008 20:21

"SUPERPOSITION" = "SCREEN" :wink: :wink: :wink:

Stef
Avatar de l’utilisateur
COUILLEROT
Membre HCFR
Membre HCFR
 
Messages: 6025
Inscription: 02 Sep 2001 2:00
Localisation: Chalon-sur-Saône (71)
  • offline


Retourner vers Pilotage et Télécommandes

 
  • Articles en relation
    Dernier message