Ce qui est aussi toujours bon à prendre quand on est dans le métier, c’est comment les autres trouvent leurs inspiration. Chacun d’entre nous à ses petits rituels, lui nous en dévoile quelques-uns. Merci à lui. Techniquement parlant, vous allez aussi pouvoir décortiquer le PSD (qu’il a dut ranger pendant des heures, ahahah) vous voir sa façon de travailler les lumières, les saturations, la déstructuration. Même si vous savez faire, je suis sur qu’une petite piqûre de rappel ne fait pas de mal. Enjoy !

Aujourd’hui,durant 24H, vous pouvez télécharger gratuitement le PSD de Xavier

Cliquer ici pour voir la vidéo.

Qu’apporte ces nouvelles pages ? Quelles sont les nouveautés et comment créer sa page Google + pour son entreprise ?

Au premier coup d’oeil, si vous vous attendiez une révolution, sachez qu’elle n’est pas forcément au rendez-vous. Google+ pour les entreprises se rapproche grandement de la version pour les utilisateurs. Quand on regarde la vidéo de présentation des pages Google+, on remarque que le ton employé est l’empathie, le coté affectif. « Faites cela pour que les clients soient heureux de rentrer dans votre boutique » Je suis pas sur que cela ai un réel impact sur le Chiffre d’affaire…

Google tente de marquer le coup avec la visio-conférence à plusieurs (le hangout). Cela permet de garder le contact avec ses clients. Autre aspect évoqué est le fait de classer dans les cercles ses clients. La seule réelle nouveauté est le Direct Connect qui permet de chercher dans google, directement une page google+ « +Nom_de_la_page »

Google accentue la création de la page avec 3 arguments principaux :

- « Utilisez les bulles pour avoir des conversations en face à face »
- « Créez des cercles pour partager ce que vous voulez avec qui vous voulez. »
- « Grâce au bouton +1, les internautes peuvent vous recommander dans la recherche Google et les annonces. »

Cliquer ici pour voir la vidéo.

Comment créer sa page Google + pour son entreprise ?

Plusieurs étapes simples permettent en quelques minutes de créer sa page Google+. J’ai fait le test pour vous en prenant l’exemple de la création de la page Olybop.info.

Pour commencez vous arriverez sur cette page où vous aurez la possibilité de choisir (comme sur Facebook…) une famille parmi les 5 disponibles. PME ou adresses, Produit ou marque, Entreprise ou organisation, Arts-spectacles ou sport, et Autres.

Après avoir renseigné votre nom et toutes les informations nécessaires, la page sera créée.

Une fois à l’étape suivante, vous personnaliserez votre profil public en ajoutant une description et une photo de profil (au format carré et non modifiable comme sur Facebook.)

Pour bien commencer, Google vous offre un module viral dès la création de votre page Fan Google+ en partageant la page sur votre profil Google+  (a voir comment créer une page pour une entreprise sans qu’il soit lié à un compte Google+)

Vous voila sur la page d’accueil de votre page Fan Google, Félicitation. Comme vous avez pu le voir, la création est aussi simple qu’une page fan…

Dès votre arrivé, vous aurez un didacticiel des étapes faisables au commencement.

« Engagez la conversation : Les utilisateurs aiment avoir de vos nouvelles ! Partagez des photos, des vidéos, des liens et d’autres contenus intéressants en mode public. »
« Connectez votre site Web : Multipliez les visites sur votre page en la rendant plus facile à trouver et à recommander. Installez le badge Google+ ou un petit extrait de code sur votre site. »
« Faites connaître votre page : Voici le lien menant à votre page. Affichez-le partout où vous êtes présent sur le Web. Ainsi, vous inciterez les internautes à ajouter votre page à leurs cercles afin qu’ils puissent consulter vos posts dans leur flux. »
« Créer des cercles : Si des personnes ajoutent votre page à leurs cercles, vous pouvez également les ajouter aux vôtres. Vous pourrez ensuite adapter vos messages en fonction des cercles destinataires. »

Les outils pour votre page Google +

Quelques outils sont disponibles dans la partie développement de Google comme un badge rouge Google+ correspondant à votre page en le linkant vers votre page google. Vous avez aussi Google plus badge correspondant au bloc « Devenir Fan » de Facebook. C’est un module a intégrer directement sur votre site internet permettant aux internautes d’ajouter le site à un cercle via le site. 

Autant vous dire que cela peux rapidement prendre de l’ampleur. Maintenant, s’il faut que les marques réinvestissent toutes les campagnes créées pour obtenir des fans, je ne pensent pas que cela rattrape Facebook. Sans parler qu’il n’est pour le moment pas possible d’ajouter des applications comme sur facebook…

Concernant le profil, tout est indentique à un profil classique.

Pour créer votre page rendez-vous ici

Les exemples de page Google+ avec Toyota et Pepsi

Comme vous pouvez le voir certaines marques sont déjà présentes sur les Pages Google+. Pour montrer que ce sont les pages officielles, il y a 2 icônes près du nom de l’entreprise. Une icone « check » disant que le nom est vérifié et authentique et une seconde montrant que c’est une page Google+.

Graphiquement parlant, les possibilités sont moins poussées que sur Facebook mais vous pouvez voir qu’il est possible de faire un « petit montage » de 5 photos en header de la page.

Alors quel est votre avis ? Suivez moi sur Google+

Cliquer ici pour voir la vidéo.

Découvrez quelques unes de ses vidéos.

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

Cliquer ici pour voir la vidéo.

via

Living Tuts c’est quoi ?

Il s’agit d’un site qui se remplira au fil du temps de tutoriels écrits et vidéos. Cette initiative est née à la suite d’une triste constatation : pourquoi faut-il toujours aller sur des sites anglophones pour trouver de bons tutoriels et surtout de haut niveau ?.. Notre but est donc d’amener une solution à cela en espérant devenir un site incontournable dans le domaine se démarquant non pas par la quantité, mais bien par la qualité ! Et pour élargir le site, il ouvrira dans quelques temps en version anglaise. Il ne s’agit donc pas d’un énième site de tutoriels proposant des tutos pour débutants vus et revus, mais d’un projet solide de partage et d’entraide.

Donc il faut en profiter, je pense que dès que j’ai 3 minutes, je vais faire un petit tutorial pour leur site (qui a une finition graphique terreible en passant ^^ *congrats*)

Voila ! Enjoy les tutoriaux sur le graphisme, wordpress, le php j’en passe et des meilleurs

Il faut savoir qu’un devis n’est obligatoire qu’a partir de 150euros de travail  (et peux être demandé par le client en dessous). La plupart du temps, le devis est gratuit (vaut mieux ^^) mais il existe des versions payantes… (chacun ses choix, pour moi c’est gratuit ).

Concrètement un devis graphique ressemble à quoi ?

Et bien cela ressemble à une facture qui comportera des mentions légales, des chiffres, des phrases, des tableaux (nous verrons quels sont les mentions un peux plus bas). Un conseil, il vaux mieux respecter les mentions légales car ce documents est officiel et une fois qu’il est conclus entre les parties, il fait foi légalement.

En effet ! je vois déja venir le client qui une fois les livrable remis vous dira : »ah bien il n’y a pas tant de travail que cela ! ca ne vaux pas les 800 000euros (clin d’œil à France.fr) et voudra vous payer moins… et bien non…le devis a été accepté donc « plouf » pour lui…

Donc on met quoi dans un devis graphique concrètement ?

Et bien le maximum ! il faut mettre le maximum dans la partie description : l’étendu du travail, les déclinaisons, les retours, le nombre de maquettes, les actions à entreprendre… (le nombre de bannières, la déclinaisons sur les réseaux sociaux, les plugins, les techniques utilisées… Bref tout ce qu’il vous semble bon pour que tout soit clair avec votre client. D’un coté vous vous protégez pour votre travail et d’un autre coté, le client voit tout le travail que vous allez lui fournir (et c’est souvent minimisé, on a tous eu le client « arf, ça prend 2 secondes à faire ca ! » ou « y’en a pour 3 clics! » )

Bon alors et les mentions légales ?? et bien il y en a quelques unes quand même ! Certaines tiennent du bon sens et d’autres pas.

1. Un bon gros titre : « DEVIS » ou « COMMANDE » : bien oui faut bien au premier coup d’œil savoir de quoi on parle !
2. Une date ! : Savoir à quel date a été émit le document est le B-A-BA. Une date de livraison est aussi indispensable.
3. Votre nom/prénom/mail… : il faut justifier ?
4. Votre numéro d’auto-entrepreneur (ou de votre raison sociale) : histoire de savoir que votre client va bien pouvoir facturer et déclarer ce travail.
5. Le nom du client : histoire de pas vous tromper entre plusieurs travaux… (et puis pour lui faire plaisir
6. Le temps de validité du devis : forcément, il y a l’inflation, la montée en compétences….(1/3mois c’est bien après c’est à votre bon vouloir
7. Les prix : alors la il faut mettre le taux horaire, le nombres d’heures prévus, le montant HT (si besoin est), le montant TTC ( identique au HT si pas de taxe). En gros : 1 colonne temps, 1 colonne prix horaire, 1collonne prix HT et TTC.
8. Conditions de payement : à la livraison ? un acompte de 20% avant et le reste à la livraison ? a vous de l’écrire.
9. Un « okjesignemec » : Bon pour accord signé entre les 2 parties avec un habituel « lu et approuvé, bon pour accord » daté, signé.

Voila ce qu’il me viens spontanément en écrivant l’article. J’en ai peut-être oublié et/ou vous n’êtes pas d’accord. C’est possible on peut en discuter, le but étant forcément que chacun d’entre nous faisant des prestations, soient payées de leur travail effectué avec le moins d’entourloupes possible

Voila, après faut pas déconner avec les devis, une fois signé… et bien faut travailler !

Olybop – Webdesigner Freelance.

Comme quoi tout est faisable en html ! Voila si vous le souhaitez, il est tellement sympa qu’il vous file le code source pour que les plus geek d’entre vous observe avec leurs mirettes ! Merci à lui pour la source space invider en html

Maintenant, de nos  jours nous savons qu’il y a plusieurs façons de « simuler » la 3D par différents trompes l’œil ou technique comme celle de la stéréoscopie (dont j’avais fait un article avec pleins d’exemples ou le gif animé reprenais la vision de nos 2 yeux successivement)

Dans cet article, nous allons voir comment faire pour voir une image en 3D (qui n’est pas faite en GIF) avec comme simple équipement : Vos yeux et beaucoup de volonté.

Par précaution : Attention à ceux qui ont des problèmes avec leurs muscles des yeux et tout le tralala car vos yeux vont travailler et je n’ai pas envie que vous ya restiez pour voir Donald en 3D hein ^^

Nos yeux sont en moyenne à 6 cms l’un de l’autre (prenez pas votre règle, cela ne sers à rien de me dire : « moi c’est 6,2, ca marche pas ???)

Pour voir une image en 3D, chaque œil doit voir une vue différente du même objet (écarté de 6cm ^^). En fait ici, nous allons reproduire l’effet 3D des 2 images écartées de centimètre en « louchant » dessus… Voila une image expliquant comment faire (merci à Befonky pour son visu)

Comment faire pour voir en 3D 2 images 2D ? :

-          Se mettre bien droit en face de son écran, ni trop loin, ni trop près (genre 40-60 cm suivant les gens)

-          S’assurer d’avoir la tête bien droite (sinon la fusion des images ne sera pas faite)

-          Fixer le centre, au milieu de 2 images.

-          La 2 solutions

• Soit loucher et essayer de faire l’autofocus avec vos yeux au moment ou les 2 images se superposés
• Soit imaginer « regarder à travers votre écran » comme si vous regardiez de façon net le mur se trouvant à 30 cm derrière l’écran.

-          Vous allez voir, on y arrive ou pas… ^^ Après faut pas loucher pour loucher quoi, faut faire un effort, vous allez surement avoir des moments ou ca va venir et hop ca pars…persévérez…

-          Essayez de rester fixé sur le centre des 2 images. Croisez (louchez) les yeux, vous allez voir, elles se rapprochent puis se chevauchent et quand « la 3^ème image » est net, vous aurez la 3D !

ESSAYEZ !!

Alors vous avez réussi ?

amusez vous avec celles-la

Juste pour nous dégoûter parce qu’il ont renouvelé/amélioré leurs outils, la vidéo présente vraiment de bon trucs qui nous prendrais des dizaines de minutes à faire actuellement…la c’est 5 secondes.

Exemple d’outils amélioré : Le tampon. Il recalcule tout à la volé (début de la vidéo) et conserve des bonnes proposions, les bonnes couleurs (dégradés de ciel par exemple). Supprimer un personnage ou un arbre devient un jeu d’enfant. C’est hallucinant. Et le coup de la route dans la fin de la vidéo…. oO

Cliquer ici pour voir la vidéo.

Deuxième vidéo de l’utilisation du même outils qui date un peu

Cliquer ici pour voir la vidéo.

MAJ du post avec la vidéo de la commande Puppet Warp de Photoshop CS5 : Animation d’un personnage directement dans toshop…c’est fou

Cliquer ici pour voir la vidéo.

Bonne année 2010 à tous !

FunPhotoBox – montage photo en ligne

Montage photo en ligne avec Pizap

générateur : créer son personnage Simpson

28 brushes photoshop style rétro pour photoshop

PNP – Père noel Portable – Buzz de Noel

Tutorial photoshop – Incruster un visage dans un arbre

Partly Cloudy : le court métrage de Pixar complet

concours de graphisme 2009 – DarkDog

Créer son Super-Héro avec Marvel

90 textures HD de bois gratuites