begin process at 2012 02 05 02:55:20
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

PHOTOSHOP : Styles

 > INTERFACE ESPACE MEMBRE VIP

INTERFACE ESPACE MEMBRE VIP


 Information sur la source

Note :
Aucune note
Catégorie :PHOTOSHOP : Styles Classé sous :photoshop, bouton, maquette, VIP Niveau :Expert Date de création :12/10/2009 Date de mise à jour :13/10/2009 10:40:50 Vu / téléchargé :9 581 / 822

Auteur : MADenigma

Ecrire un message privé
Site perso
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Cette maquette est une simple interface pour un espace pour les membres d'un site.
Elle se compose de 2 pages ; une page d'accueil et une page intérieure.
La maquette est à être animée en flash ultérieurement.

Cette source est très utile pour ceux qui souhaitent apprendre quelques nouvelles techniques de design web et d'interfaces.
On peut y trouver des styles en vogue pour les boutons et le texte.

L'animation de l'interface est disponible à cette adresse : http://www.flashkod.com/codes/INTERFACE-VIP-MEMBER -MC-TWEEN-MOTION_50684.aspx

Source

  • Les interpolations de mouvement visibles dans cette animation sont réalisées
  • en utilisant l'extension MC Tween (voici un exemple)
  • white.xSlideTo(500,0.5,"easeInOutCirc");
  • white est un nom d'occurence auquel on attribue une methode de Tween
  • - xSlideTo dans notre cas - l'objet va alors être "glissé" vers la position
  • 500 pixels selon l'axe des X pendant une demi-seconde avec un type d'animation "easeInOutCirc"
  • Le but de cette source est de montrer à l'aide d'un exemple bien concret (à ceux qui souhaitent apprendre à maquetter une interface simple et l'animer) l'utilisation de l'extension MC Tween et les différentes propriétés qu'elle présente.
  • Vous êtes libres de modifier la source à volonté et de continuer l'animation de l'interface. Si vous faites quelque chose de beau, montrez le moi !
  • Je vais essayer de terminer cette source inchAllah et la peupler avec du contenu dynamique en utilisant XML.
Les interpolations de mouvement visibles dans cette animation sont réalisées 
en utilisant l'extension MC Tween (voici un exemple)

white.xSlideTo(500,0.5,"easeInOutCirc");

white est un nom d'occurence auquel on attribue une methode de Tween 
- xSlideTo dans notre cas - l'objet va alors être "glissé" vers la position 
500 pixels selon l'axe des X pendant une demi-seconde avec un type d'animation "easeInOutCirc"

Le but de cette source est de montrer à l'aide d'un exemple bien concret (à ceux qui souhaitent apprendre à maquetter une interface simple et l'animer) l'utilisation de l'extension MC Tween et les différentes propriétés qu'elle présente.

Vous êtes libres de modifier la source à volonté et de continuer l'animation de l'interface. Si vous faites quelque chose de beau, montrez le moi !

Je vais essayer de terminer cette source inchAllah et la peupler avec du contenu dynamique en utilisant XML.

 Conclusion

La source complète est téléchargeable à cette adresse : http://www.4shared.com/file/140523473/ae2db835/Sou rce_VIP_Member.html

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !
  • -VIPmember.rarTélécharger ce fichier [Réservé aux membres club]1 014 236 octets

Télécharger le zip


 Historique

12 octobre 2009 18:28:21 :
Des modification mineures à la source.
12 octobre 2009 19:23:41 :
Mise à jour de la description de la source
13 octobre 2009 10:20:29 :
Mise à jour du fichier PSD Ajout de l'adresse pour la version animée de la maquette en Flash
13 octobre 2009 10:29:27 :
Ajout du lien de téléchargement de la source.
13 octobre 2009 10:40:50 :
Quelques explications

 Sources du même auteur

Source avec Zip Source avec une capture LAYOUT (MAQUETTE) WEB STYLE 2.0 + BOUTONS STYLE 2.0

 Sources de la même categorie

Source avec Zip Source avec une capture LOGO CODES SOURCES AVEC DES EFFECTS PERSO par hshow
Source avec Zip Source avec une capture LOGO SIMPLE AVEC EFFETS SIMPLES par hshow
Source avec Zip Source avec une capture LOGO ET WALLPAPER (AVIS PERSO) par hshow
Source avec Zip Source avec une capture LAYOUT (MAQUETTE) WEB STYLE 2.0 + BOUTONS STYLE 2.0 par MADenigma
Source avec Zip Source avec une capture SIGNATURE UTILISANT LE SMUDGE ET UNE IMAGE COMME FOND par heldjan02

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture TRANQUILLE par BumpMANN
Source avec Zip Source avec une capture COUVERT CATALOGUE par Rematrix
Source avec Zip Source avec une capture LAYOUT (MAQUETTE) WEB STYLE 2.0 + BOUTONS STYLE 2.0 par MADenigma
Source avec Zip BROSSES BOUTONS 2 PHOTOSHOP par ultimate
Source avec Zip BROSSES BOUTONS PHOTOSHOP par ultimate

Commentaires et avis

Commentaire de jonathanprod le 06/03/2011 21:16:11

Bonjour, je suis désolé de poser cette question mais je ne voit pas trop le choix, peut ont faire un espace membre avec cela, si oui ! Comment ?
Merci d'avance ! :)

Commentaire de MADenigma le 06/03/2011 22:45:42

Bonjour,
Biensur  on peut en faire un espace membre, ceci n'est que la maquette. C'est à toi de voir comment la personnaliser et l'exploiter en y ajoutant du code.

Commentaire de jonathanprod le 07/03/2011 18:08:26

Sa veut dire en php ? Mais il y a du flash,on peut mettre php/html/flash ? c'est possible ? Merci d'avance de vos réponses ! :)

Commentaire de MADenigma le 07/03/2011 18:19:43

Cette maquette est en flash. Il faut faire appel à ActionScript.
Si tu veux avoir des données dynamiques, il faut utiliser PHP évidemment.

Commentaire de jonathanprod le 07/03/2011 18:32:15

Ok, euh une dernière question, il y a un tutoriel pour créer une interface membre ?

Commentaire de MADenigma le 07/03/2011 18:45:21

cherches sur flashkod tu en trouveras peut être

Commentaire de jonathanprod le 07/03/2011 18:48:53

Ok, merci ;)

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

bouton photoshop [ par mclaren ] http://users.belgacom.net/bn576763/mclarenbouton.jpg Photoshop CS 3 [ par Ichigo_2006 ] Salut à tous je viens d'acquerir Photoshop CS 3 et j'essaye de me lancer O_o : Resultat : I am a big newbie / je debute :pEt donc je vais sur GraphFR Bouton relief photoshop [ par mclaren ] je vous montre les boutons qu'on peut faire sous photoshop en 15 minutes chrono.Alors aussi bientot je vais mettre bientot des tutoriaux, pas encore e bouton relief photoshop image [ par mclaren ] desole j'oublie l'image Liens avec photoshop? [ par T0x1K ] Voila, je voudrais demander si il y a moyen de mettre des liens internet ou mail avec photoshop comme dans flash!Je demande ca car j'ai déja vu des li Photoshop image et traits...... [ par kristoufiol ] Bonjour, désolé pour ce titre de bas niveau.Je viens de me mettre à photoshop et je cherche un moyen pour faire ce type d'image : l'image de droite bi Voici les boutons que vous pouvez creer sous photoshop [ par mclaren ] http://users.belgacom.net/bn576763/mclarenbouton.jpg détourage !! [ par nicolson ] Salut tout le monde !J'utilise déjà l'option extraire l'image et aussi le filtre knockout 2 sous Photoshop 6, mais j'aimerais bien me servir de la plu Info sur Photoshop [ par Avildar1 ] Bonjour à vous...J'aimerais savoir s'il existe un site quelconque sur le web où il est possible d'avoir comme un cours sur Photoshop.Je suis débutant photoshop 5.0 pulgins [ par lionelv28 ] Salut je n arrive pas a trouver les filtres comme clouds->ocean ripple je les vois dans les fichiers plugins->filter mais pas dans photoshop je


Nos sponsors


Sondage...

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,045 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales