Auteur/autrice : Nicolas

Fondateur de d'emob et de Tuto.com. Entrepreneur un peu fou-fou, totalement passionné qui aime le Mojito, Games oh Thornes et SouthPark.

Adobe Revel (anciennement Carousel)

27 octobre 2011 / Nicolas

Adobe Carousel

Adobe Revel (anciennement Adobe Carousel) vient de sortir pour iPhone / iPad et sera prochainement disponible (courant 2012) sur Windows et Androïd.

revel

Mais qu’est ce qu’Adobe Revel au juste? Tout simplement une application permettant de retrouver toutes ses photos Dans Ton Cloud. Plus simplement d’y accéder peut importe où vous vous situez et tant à partir d’un ordinateur, d’un portable, d’une tablette ou bien d’un mobile.

L’application Revel, en plus du partage et de la synchronisation de vos photos, propose comme tout logiciel Adobe lié à la photo, son lot d’outils de retouche. Attendez-vous néanmoins à des outils basiques. D’ailleurs l’objectif n’est pas de proposer à travers Revel des fonctionnalités très complexes et de se lancer dans du matte painting. Non. Le positionnement est celui d’un Photoshop Elements ou Photoshop Touch plus light, qui vous permettra par exemple de retoucher à la saturation, l’exposition, la balance des blancs, la luminosité, ou encore de recadrer vos photos. A chaque application d’une retouche, l’original et conservé et les modifications sont synchronisées dans le Cloud et donc impactées sur tous les supports.

Exemple de réglage : la température de l’image

Recadrez vos images dans Revel

Revel vous permet enfin de pouvoir partager vos photos avec vos proches (via Twitter et Facebook par exemple) et même de donner la possibilité à 5 personnes d’ajouter des images à votre bibliothèque.

Partager simplement vos images sur les réseaux sociaux

Revel propose également des réglages automatiques, et là, on sent très nettement l’inspiration d’une autre application qui cartonne depuis quelques temps sur iPhone : Instagram.

Le pré-réglages qui rappellent Instagram

Combien coûte Carousel ?

L’application Revel est gratuite, le service d’hébergement, lui, est payant. Vous avez la possibilité de payer mensuellement ou de prendre un accès à l’année. Comptez actuellement l’équivalent de 6$ par mois ou 60$ à l’année pour bénéficier du service de stockage illimité qu’offre Revel.

Reste à voir si le logiciel rencontrera son public, et comment il va évoluer dans les prochains mois. Faut-il s’attendre à d’autres formats que le jpeg, comme la vidéo par exemple, qui aurait du sens dans l’utilisation d’un service qui se veut avant tout familial. On devrait également s’attendre à une intégration du service dans certains logiciels d’Adobe (un bouton « publier sur Revel » serait également légitime dans un Photoshop CS6, Lightroom 4 ou encore Photoshop Elements 11).

On peut également se poser la question du modèle économique. Même si les 6$ mensuels restent une somme raisonnable, il existe en face, des produits gratuits qui proposent quasiment les même fonctionnalités. J’évoquais Instagram plus tôt, mais je pense également à Camera+ (disponible sur l’App Store pour 0,79€) qui serait l’application qui se rapproche le plus de Revel en terme de possibilités.

Télécharger Revel

Télécharger Revel pour iOS
Télécharger Revel pour Mac (gratuit mais nécessite au moins Mac os X 10.7

Notez que vous pouvez également suivre toute l’actu du logiciel Revel en suivant le compte officiel sur Twitter.

L’interface desktop de Revel

(569)

Top 10 des raccourcis Photoshop

26 octobre 2011 / Nicolas

Vous utilisez Photoshop depuis quelques temps, vous suivez assidument tous nos tuto Photoshop, mais connaissez-vous pour autant les raccourcis Photoshop qui suivent ? Ces derniers deviendront vite indispensables. C’est parti pour le top 10 de nos raccourcis préférés …et qui tabassent :

1. Naviguer dans les outils masqués

outils masqué Photoshop

Certains outils de Photoshop sont masqués par défaut. Pour les sélectionner grâce aux raccourcis clavier, faites la combinaison « Shift + le raccourci de l’outil ». Par exemple « Shift + G » pour passer de l’outil « pot de peinture » à l’outil « dégradé ».

2. Aplatir les calques tout en les conservant

aplatir un groupe de calque photoshop

Il arrive parfois d’avoir besoin d’aplatir vos calques (pour appliquer un effet par exemple, suivi d’un mode de fusion) tout en conservant votre dur labeur. Voici comment procéder :

Ajouter un nouveau calque vide au dessus de votre pile de calques. Sélectionnez-le, puis, faites un « Ctrl + Alt + Shift + E » (Command + Alt + Shift + E sur un Mac). Cela aura pour effet d’ajouter une version aplatie de vos calques tout en conservant ces derniers. Pratique non ?

3. Remplir un calque

Pour remplir un calque avec la couleur de premier ou de second plan de votre nuancier, c’est très simple. Utilisez « Alt + Delete » ou « Alt + Backspace » sur un Mac, pour remplir le calque sélectionné avec la couleur de premier plan, ou bien « Ctrl + Delete » ou « Command + Backspace » pour faire de même avec la couleur de fond.

On continue : « Ctrl + Shift + Delete » ou « Command + Shift + Backspace » pour remplir les pixels non transparents du calque sélectionné avec la couleur d’arrière plan et « Alt + Shift + Delete » ou « Alt + Shift + Backspace » pour remplir les pixels non transparents avec la couleur de premier plan.

Vous avez tout suivi? Bon, on continue…

4. Sélectionnez une couleur depuis une image

sélection de la pipette avec un pinceau actif

Voici une petite astuce pour le digital painter en herbe que vous êtes. Lorsque vous travaillez avec un pinceau et que vous souhaitez sélectionner une couleur depuis une image, maintenez la touche « Alt » pour prélever la couleur. Une fois la touche « Alt » relâchée vous retournez à votre pinceau !

5. Dé-sélectionnez, re-sélectionnez !

déselectionner Photoshop raccourci

Bon, je pense que vous connaissez déjà le célèbre « Ctrl + clic de souris gauche » ou « command + clic » sur un calque pour sélectionner ses zones transparentes, ou bien encore, le raccourci « ctrl + d » ou « command + d » pour dé-sélectionner une sélection… Mais connaissiez-vous le « ctrl + shift + d » ou « command + shift + d »? Cette action aura pour conséquence de retrouver la dernière sélection effectuée. Ce n’est pas un simple « ctrl + Z » (qui annule la dernière action réalisée), puisque que ce raccourci fonctionne même après de nombreuses manipulations…

6. Changer la taille du pinceau

changer la taille du pinceau photoshop raccourci

Ce raccourci fonctionne avec tous les outils qui utilisent des formes de pinceau. Pour changer la taille de ce dernier, maintenez les touches « Ctrl + Alt » et bougez votre souris vers la droite ou la gauche pour faire varier la taille du pinceau !

7. Faire apparaitre la fenêtre Caractères :

raccourci fenetre texte Photoshop

Lorsque vous êtes sous Photoshop, vous êtes amenés à travailler fréquemment avec la palette de caractères. Si cette dernière n’est pas affichée, sélectionnez votre texte et faites un « ctlr + T » ou « Command + T », afin de faire apparaitre ce panneau. Le même raccourci avec la touche « M » fait apparaitre le panneau des paragraphes. A retenir donc…

8. Zoomer et Dézoommer dans une image :

Raccourci zoom Photoshop

Certainement l’un des raccourcis que j’utilise le plus. Il est impératif de le connaitre. Faites un « espace + Ctrl » ou « espace + command » pour zommer et « espace + Alt » pour dézoomer. Toujours dans le même registre, une double clic sur l’icône loupe dans la barre d’outil, remettra votre espace de travail à 100%.

9. Naviguer dans les modes de fusion :

raccourci modes de fusion Photoshop

Alors, celui là, je l’ai longtemps cherché. Sur PC, c’est simple, vous sélectionnez un premier mode de fusion et vous pouvez naviguer dans la liste avec les touches directionnelles « haut » et « bas » de votre clavier. Le jour où j’ai « swtiché » sur Mac, je me suis rendu compte que ce raccourci n’était pas le même. J’ai donc cherché et trouvé comment faire : appuyez sur « Shift + _ ».

Encore plus fort, vous pouvez directement sélectionner un mode de fusion spécifique :

« Alt + Shift + M » = produit
« Alt + Shift + S » = superposition
« Alt + Shift + O » = incrustation

10. Jouer avec le texte :

raccourci espacement texte Photoshop

Voici enfin, 2 combinaisons de raccourcis, dédiées à l’outil Texte. Sélectionnez votre Texte, puis :

» Ctrl + Alt + $ » = espacer les lettres d’un texte ou » Ctrl + Alt + £ » pour les rapprocher
» Ctrl + Alt + _ » = augmenter l’interligne ou « Ctrl + Alt + ¨ » pour le diminuer

11. Ho? Un bonus track!

raccourci fenêtre raccourci Photoshop

Le ptit bonus de fin : « command + alt + shift + k » fait apparaitre la fenêtre des raccourcis. Vous pouvez créer vos propres raccourcis pour à peu près tout ce que vous propose Photoshop. Une bonne façon d’en découvrir de nouveaux, d’en inventer, tout ça dans le but d’améliorer votre productivité ! Bons raccourcis à vous et n’hésitez-pas à partager les vôtres…

12. Le bonus raccourcis clavier qui tue :

On vous rajoute une image grande résolution regroupant d’autres raccourcis clavier, pour PC et pour Mac !

(148256)

Confirmation d’achat d’une formation

21 octobre 2011 / Nicolas

Sur Tuto.com, lorsque vous achetez une vidéo de formation avec vos crédits, vous ne recevez pas de email de confirmation d’achat. Les choses vont changer. Nous avons en effet décidé de développer notre stratégie d’emails transactionnels.

Un email transactionnel c’est quoi ?

Il s’agit de tous ces petits messages automatiques envoyés généralement par votre serveur (ce qui est mal et j’y reviens dans un instant) et qui avertissent un utilisateur de la confirmation de création d’un compte, d’une commande passée, de l’oubli d’un mot de passe etc…

Pourquoi envoyer un email transactionnel via votre serveur n’est pas recommandé?

En général, il est compliqué de savoir exactement ce que devient cet email et d’avoir des statistiques précises, en temps réel sur ce qui se passe (ouverture, clic, statistiques sur les liens cliqués dans l’email, désabonnement…) à moins de se lancer dans le développement d’un produit en interne (ce qui peut s’avérer long, lourd et coûteux).
Mais le principal inconvénient provient du risque de faire tout et n’importe quoi avec ces messages, ce qui aura pour conséquence le bannissement de l’IP de votre serveur par les Fournisseurs d’Accès à Internet et du coup, ces messages importants, se dirigent gentiment mais surement dans la corbeille de spam de votre utilisateur final…

La solution pour envoyer vos emails transactionnel…

Comment contourner le problème ? Il existe des services qui proposent de gérer pour vous, l’envoi et le suivi de vos emails transactionnels ainsi que vos newsletters. J’utilise (et recommande) personnellement Mailjet.

Pourquoi ? Tout d’abord par ce que j’ai quelques parts dans cette société ^^, ensuite, car le service est simple, efficace et pas cher du tout ! De plus, il propose une API complète et documentée, qui permettra aux barbus que vous êtes d’interfacer profondément le service avec vos Bases de Données clients et ainsi vous focaliser uniquement sur vos scénarios d’emailing!

Bon, et cet email de confirmation alors ?

Voici à quoi il va ressembler :

email de confirmation ecommerce

Nous avons essayé de regrouper à la fois des élements pratiques (image du tuto, son titre, comment vous allez pouvoir le visionner…), des élements pour rassurer (lien vers la FAQ, le Guide du Débutant, le Support en ligne) et également des élements marketing (propositions de vidéos du même auteur ou du même logiciel). Enfin, la possibilité de désactiver cette alerte (ne jamais forcer la main, surtout que certains d’entre vous risquent de recevoir ce mail plusieurs fois par jour!).

Puisque vous êtes les premiers concernés par cet email, vous pouvez intervenir en commentaire. Vos avis nous intéressent…

(364)

Infographie : Photoshop et son évolution

20 octobre 2011 / Nicolas

Voici une infographie qui présente l’évolution de Photoshop à travers le temps :

Photoshop infographie

Infographie Photoshop que l’on doit au site Photoshoplady.com

(452)

Mise à jour du TutoPlayer sur Windows

18 octobre 2011 / Nicolas

tuto player

Nous venons de lancer une nouvelle mise à jour pour le TutoPlayer version Windows. Cette mise à jour corrige les problèmes d’instabilité liés à la consommation CPU de votre PC. Nos dev (Pierre et Nicolas) ont donc remonté leurs manches et ont optimisé le code du player. Le gain moyen constaté lors de nos benchmarks est de l’ordre de 70%. Cela réglera donc sur les machines pas forcément récentes, les soucis de plantages, ou les décalages son/image qui intervenaient lors de la lecture plein écran d’une vidéo.

Lancer la mise à jour depuis votre player (fenêtre « configuration du player »). Les possesseurs de Windows XP devront en revanche charger cette mise à jour manuellement (il y avait également un ptit bug dans le système de mise à jour sur cet OS) : voici pour eux le lien direct vers cette mise à jour !

(386)

Filtre Anti flou dans Photoshop CS6 ?

17 octobre 2011 / Nicolas

Le filtre Anti Flou de Photoshop présenté lors du dernier Adobe Max devrait marquer un nouveau pas dans le monde de la retouche photo et plus globalement celui de la Photographie. Combien de clichés ratés vont pouvoir être sauvés grâce à ce filtre sur-puissant qui pourrait bien être intégré dès la prochaine version de Photoshop : Photoshop CS6. La démo en version HD de la vidéo est totalement bluffante, si bien qu’on a du mal à y croire. C’est presque trop puissant pour être vrai…Et pourtant, Adobe nous a habitué à ce genre de technologie : la dernière en date étant l’outil de « contenu pris en compte » intégré depuis la version CS5 de Photoshop, et qui permet de supprimer presque n’importe quel objet d’une photo.

Ici, on attend patiemment l’ouverture des bétas CS6 pour voir si ce bijou équipera notre logiciel préféré :)

(783)

Nouveauté dans le footer

12 octobre 2011 / Nicolas

footer partenaires éditeurs

Je vous l’ai dit : ce blog vous annoncera tous les changements, même les plus petits! Aujourd’hui, on se focalise sur le footer du site. Nous avons agrémenter la liste des éditeurs avec lesquels nous sommes le plus proches ou que nous affectionnons particulièrement.

Je pense notamment aux équipes de chez Adobe (Geneviève, Stéphane, Denis-Pierre…), Wacom (Thomas et Emmanuel), Joomla (à travers l’Afuj en France), MediaWorks (qui représente Maxon en France) et Microsoft.

Nous essayons de rencontrer tous les éditeurs du marché et afin de mettre en place des opérations communues et d’avancer intelligemment. Ils ont désormais leur place dans le footer du site, ce qui nous semblait logique !

(308)

Formation Wacom

11 octobre 2011 / Nicolas

La chaîne Formation Wacom fait son apparition sur Tuto.com. Je suis ravi à plusieurs titres : tout d’abord parce que Wacom est une marque que j’affectionne tout particulièrement (depuis mes études en multimédia, dans les années 2000) ; d’autre part, car nous avons rencontré il y a quelques semaines Thomas et Emmanuel, de l’équipe France de Wacom et le feeling est bien passé avec eux (même génération, même état d’esprit…) ; enfin car l’ajout de tuto Wacom, donne au site un positionnement « matériel ».

tablette wacom intuos 4 M

En effet, Tuto.com est une plateforme de screencasting dédiée aux logiciels informatiques mais cela n’est pas incompatible avec la découverte et l’apprentissage d’outils utilisés dans la chaîne de création. Ainsi, nous avions lancés il y a quelques mois la chaîne Photo, avec des formations sur l’utilisation d’un reflex numérique par exemple. Demain, nous pouvons imaginer l’arrivée de vidéos de formation sur l’utilisation d’un iPad ou d’un Iphone.

Les Tuto Wacom sur Tuto.com :

Pour retourner à Wacom, les formations et tuto Wacom proposés sur le site, vous permettrons d’appréhender l’utilisation des tablettes graphiques avec des logiciels tels que Photoshop, Lightroom ou Aperture. Si vous vous intéressez aux métiers de digital painting, du matte painting, de la retouche photo, du montage vidéo et de la post production, sachez que les professionnels travaillent quotidiennement avec ce type d’outils.

Ces tuto en vidéo, vous aideront donc à franchir le pas, à acquérir des bases solides dans l’utilisation de l’outil (mieux appréhender la gestion de la pression du stylet, son inclinaison, la mise en place de raccourcis pour augmenter votre productivité…). Comme toujours sur Tuto.com, nous apporterons un soin tout particulier à la sélection de tuto Wacom que nous recevrons, afin de vous proposer les meilleures formations du marché !

A propos de Wacom

Wacom est le leader incontestable de la tablette graphique avec près de 85% de parts de marché (ça force le respect :) ). Société fondée en 1983, Wacom a su rester une société qui innove et dont les produits Intuos et Cintiq représentent le succès de la société. Récemment, Inkling a fait son apparition dans la gamme Wacom et permet de commencer son dessin de façon traditionnel et de pouvoir l’importer directement dans la chaîne de production numérique.

Pour la petite anecdote, sachez que Wacom symbolise l’harmonie entre la technologie et ceux qui l’utilisent : « wa » signifiant « harmonie » en japonnais et « com », « computer » en anglais.

logo wacom

(360)

(re)Naissance du blog

6 octobre 2011 / Nicolas

Hasard du calendrier, nous donnons naissance au blog de Tuto.com le jour où Steeve Jobs s’éteint. Cet homme, ses idées, ses équipes auront radicalement changé notre quotidien. Mentor pour de nombreux entrepreneurs, il faisait parti de ces hommes qui m’inspirent, et qui d’une certaine façon, m’ont motivés il y a maintenant bientôt 7 ans à créer ma première société (emob). Je souhaitais comme tant d’autres aujourd’hui à lui rendre hommage, tout en espérant qu’Apple saura garder la fraicheur et l’innovation dont elle a fait preuve ces dernières années, bousculant ainsi les usages et les modèles économiques du monde dans lequel nous vivons.

Concernant le blog, plutôt qu’une naissance il s’agit d’une renaissance puisqu’au tout début de Weecast, nous avions un blog (les fidèles s’en rappellent peut être…ou pas ^^). J’avais pris la décision de le fermer quelques mois plus tard, car nous ne lui avions donné que peu de visibilité et surtout un positionnement qui n’a su s’installer. Nous avions donc logiquement décidé de concentrer nos efforts sur la page Facebook (puisque l’usage de l’époque le voulait). Notre page fonctionne bien, très bien même (un peu plus de 5600 fans, près d’1 million d’affichages mensuels et surtout des discussions, des échanges parfois riches et nombreux). Mais, Facebook a ses limites. La plus grande à mes yeux est celle de ne pas laisser de traces dans le temps (c’est assez paradoxal d’ailleurs car l’inverse est quelque chose que l’on reproche souvent à Facebook). Timeline fera peut être son apparition prochaine dans les pages, quoi qu’il en soit, il est aujourd’hui impossible (disons très fastidieux) de remonter le temps dans les nombreuses discussions présentes sur cette page. Nous avons donc décidé de remettre le blog sur ses pieds.

Nous aborderons principalement des thèmes centrés sur la plateforme. Le blog de tuto.com n’a pas la prétention de devenir un blog d’actu hightech à fort trafic, l’offre est déjà suffisante et je continuerai à poster des vidéos ou liens vers des ressources et actu quotidiennes sur Facebook. Nous tenterons simplement de vous avertir des nombreuses améliorations que nous apportons quasi quotidiennement à la plateforme, nous pourrons également débattre sur des futures pistes de développement, nous essaierons également de vous faire découvrir le travail de nos contributeurs, le tout de manière plus flexible que sur une page Facebook.

Vous l’aurez compris, la page Facebook et le blog seront largement complémentaires et chacun pour décider de suivre l’un ou l’autre voire les deux si vous êtes réellement fan :)

ps : Fabien a fait en sorte que Codeigniter et WordPress communiquent : ainsi, lorsque vous serez connecté à votre compte Tuto.com, votre commentaire sera personnalisé avec votre pseudo et votre avatar (ce qui ne gachent rien, bien au contraire !)

(284)