Je reviens sur mon blog après une longue absence due à l’achat d’une version de Photoshop. J’ai ainsi délaissé mon bon gratuitiel au profit du produit d’une firme Américaine multimilliardaire.

Pour me faire pardonner de cette longue absence, je vous propose un tuto qui dans le fond est plutôt une astuce. Cette astuce donc est toute simple mais je vais m’efforcer au mieux de l’exploiter !

Il s’agit donc d’organiser son espace de travail afin de gagner du temps et donc de la productivité dans votre travail.
Pour arriver à ces fins, 2 logiciels nous seront de mise. Il s’agit en premier lieu de « Folder Marker » :

Folder marker

Folder marker

Folder Marker, comme son nom l’indique est un logiciel qui permet de colorer facilement ses dossiers et changer en quelques clics. Ainsi comme vous l’aurez certainement compris il s’agit de marquer les dossiers en fonction de leur utilité et de leur fonction.
Au début c’est assez perturbant et long à mettre en place, mais vous verrez qu’avec le temps, le gain de temps est considérable et appréciable !

Notez qu’il existe plusieurs versions de Folder Marker, dont une payant bien-sûr. Il va sans savoir que la gratuite est amplement suffisante. Après si vous appréciez le travail des développeurs😉 Libre à vous !

Voici donc mon environnement de travail (Workfloor dans la langue de Shakspeare) :

Mon environnement de travail

Mon environnement de travail

Quant au second logiciel il s’agit de « VirtuaWin. »

VirtuaWin

VirtuaWin

Ce logiciel est un gestionnaire de bureaux virtuels. En somme il permet la création de plusieurs bureaux associés à des tâches précises. Ainsi on peut imaginer créer un bureau pour les affaires personnelles : photos, mails, messagerie instantanée… et un autre pour le graphisme avec vos raccourcis, vos dossiers ect…

Je ne suis encore qu’au stade d’initiation avec ce logiciel, mais il va de soi que je risque d’abuser de ce logiciel dans les mois qui suivent !

D’autres astuces évidentes mais pas toujours appliquées sont aussi de mise :

  • Organiser ses dossiers
  • Faire un tri régulier
  • Organiser ses menus et raccourcis
  • Travailler dans un environnement sain

J’arrête pour aujourd’hui, encore et toujours peu de temps devant moi. L’article sera sûrement édité dans les jours qui suivent🙂


Les fans de la pub SFR n’ont qu’a bien se tenir ! Aujourd’hui j’ai trouvé un petit portfolio en flash très bien fait dans le style de cette dernière pub.

Son nom : Instinct.

Le preloader est assez original et donne presque envie de patienter.  La navigation se fait en fonction de la position de la souris.  La musique est originale et pas trop agressive au premier abord, néanmoins, il reste dur de trouver comment la désactiver.

La vidéo de la pub

Un set de brushes vintages (mains de la pub SFR) 

Bon graph’.


Bonjour à tous les malheureux qui me suivent dans mes aventures de graphiste touche à tout ! Bonjour aussi à ceux qui sont tombés sur cette article grâce à notre compagnon de tous les jours, Google (c’est bon je me suis fait plaisir !)

Hier soir, ou plutôt ce matin très tôt, une petite envie me frappe : faire de mon code PHP/HTML un joli code avec colorisation syntaxique et harmonie !

Après quelques recherches de logiciel et de couleurs, voici ce que j’ai obtenu ;


Voilà qui est un peu plus original et agréable à lire et à coder !

Pour obtenir ce résultat j’ai utilisé le logiciel « TextPad » et je me suis servi du menu configuration > préférences pour créer un classe spéciale pour le php (qui par défaut fait parti de la classe HTML). De cette façon, j’arrive à avoir cette configuration pour tous les documents *.php que j’ouvre ! Pour plus d’infos sur la procédure à suivre allez dans Aide > Rubrique d’aide > Comment … > Personnaliser

Bon courage à tous les webdesigneurs/développeurs !

PS : Code faux😉 C’est juste pour la screenshot !


Je ne résiste pas à l’envie de vous faire une petite galerie des jeux en ligne que je préfère en terme de technologie, design, d’accessibilité et d’originalité !

A commencer par ma référence perso : Gladiatus !

Jeu en ligne où l’on doit créer son gladiateur !
Accessible et original dans le concept surtout au niveau de la gestion des inventaires grâce à un système de drag & drop en javascript (disponible à cette adresse : http://www.walterzorn.com/dragdrop/dragdrop_e.htm). J’apprécie aussi beaucoup le webdesign qui a le don d’immerger totalement l’internaute dans l’univers. Quelques points négatifs ou améliorations à revoir : Peu de fonctionnalités, gameplay vite lassant, interaction avec les autres joueurs laissée de côté, système d’enchères-sucide où l’on ne récupère pas son argent lors des enchères !

Une screenshot pour la route : http://gladiatus.fr/game/screenshots.php?sc=screenshot_2

Puis, un gros calibre en terme de design et de technologie (mais malheureusement pas en terme d’accessibilité !) : Warpfire

Warpfire est un jeu en ligne codé en (X)HTML pour les interactions normales et asynchrones (= où le rechargement de la page est nécessaire, globalement, comme l’ensemble des jeux en lignes) et en Flash pour l’autre partie : un système de combat et temps réel, géré en flash. On se retrouve donc avec des milliers de joueurs qui se retrouvent en même temps sur une même map ! Absolument fabuleux ! Points négatifs ? Grosso modo, le principal défaut est l’accessibilité : en effet, le contenu en flash est particulièrement long à télécharger, il faut donc au minimum 20M de connexion théorique (une box ADSL en somme) pour accèder sans trop de mal au jeu !

La screenshot : http://www.warpfire.fr/webroot/fr/shots5.jpg

Bon il en reste beaucoup d’autre mais je m’étale pas plus !

N’hésitez pas à laisser des adresses de sites dans vos commentaires avec une petite explication de ce qui vous plait dans le jeu en question !


Tout à l’heure, aux environs de 14h, crise cardiaque, je vois le nom de mon blog dans ceux des blogs se développant le plus rapidement !

Vivement ranimé à force de milliers de watts envoyés sur mon frêle squelette, je cours poster ce billet😉

Pour vous dire quoi ?

Tout d’abord un grand merci à vous qui appréciez mon blog et qui le consultez !

De plus, je suis très content car c’est extrêmement gratifiant de savoir que son travail est apprécié !

Je profite aussi de cet article pour vous rappeler quelques informations sympa :

  • N’hésitez pas à me contacter si vous voulez un tuto particulier !
  • N’hésitez pas à poster des commentaires !
  • Si vous voulez m’aider pareil, n’hésitez pas, je mords, je griffe, mais ne tue pas !

Dans ce petit tuto vous allez apprendre comment augmenter les contrastes d’une image rapidement grâce aux calques !

Notez qu’il est possible d’obtenir des résultats similaires mais moins performants avec l’outil « courbes » (Claques > Couleur > Courbes).

La puissance des claques par rapport à celle des courbes va nous permettre de faire des effets plus profonds et faciles à réaliser, mais aussi plus longs🙂 A vous de choisir lequel vous préférez !

Je ferais sûrement un tuto sur les niveaux à l’occasion🙂

Outils : Calques et modes de fusion.

Durée : Très très court : 2-5mn

Logiciels : Gimp, Photosop, Paint.net, Photofiltre ou tout autre logiciel avec des calques et mode de fusion similaires à ceux de Gimp.

Le tuto ICI !

Rendu final :


Ce nouveau petit tuto va vous apprendre à mettre en valeur une partie d’une image en la mettant en couleur par rapport au fond en noir et blanc. Le tout de manière très facile et rapide !

Logiciels : Gimp

Durée : Très court, 5-10mn

Outils : Pinceau, gomme et pot de peinture.
Le tuto ICI !

Rendu final :

[En mémoire : Elliot Smith😦 ]


Ce petit article est un listing de toutes mes trouvailles que j’ai faites en cherchant des solution ou idées pour créer des planètes sous GIMP

Textures :

Planetpixelemporium.com
3dpower.free.fr

Tutos :

Rore

Scripts :

Rore


Faire une image en 3 couleurs !

Dans ce tuto nous allons modifier une image pour faire en sorte qu’elle soit uniquement en 3 couleurs (trichromie)

Logiciels : Gimp

Durée : Très court, 5-10mn

Outils : Sélection par couleur, pot de peinture.

Le tuto ici

Résultat final :

Final



Dans ce tuto nous allons créer un T-Shirt à partir d’une image.

Logiciels : Gimp

Durée : Court, 10-15mn

Outils utilisés :  Remplissage (pot de peinture), sélection, sélection par couleur, gomme, pinceau, agrandissement/réduction…

Dans la première étape nous allons voir comment extraire tout simplement un texte d’une image, hop c’est parti !

1. Créer votre image de base : dimensions

Pour notre image il faut rester dans l’optique que nous allons faire un T-Shirt, pour cela on va faire une image dont les dimensions seront en mm. Pas besoin de vous expliquez ce que c’est😉 (du moins j’espère !), prenez la dimension finale.

2. Trouver une image !

Pour cela votre meilleur ami, le moteur de recherche. Spécialisé dans la recherche d’image si possible ! Faites vos choix et prenez le moteur qui vous convient le plus !

Prenez l’image la plus grosse possible, mais néanmoins restez dans les dimensions de l’image finale😉

Au terme des recherches, pour mon exemple, j’ai trouvé une belle image, certes, petite mais bon🙂

Prenez une image avec un fond de couleur unie de préférence ou avec un texte d’une couleur unie.

3. Collez l’image

Pour cela faites un clic droit sur l’image>Copier. (Ctrl+C)
Puis, dans votre nouvelle image, cliquez au centre et faites un clic droit sur l’image>Coller. (Ctrl+V)

Alternative : Enregistrez l’image sur votre disque dur, faites Fichier > Ouvrir (Ctrl+O) et copiez votre image.

4. Redimension

Utilisez l’outil dimensionner  (voir image) pour modifier à votre guise l’image.

5. Isolez le texte

Faites une sélection (voir image) sélectionnant votre texte afin d’éliminer tout le fond inutile.

Faites clic droit [sur la sélection], puis Couper. (Ctrl+X)

Ensuite sélectionnez l’ensemble de l’image que l’on va supprimer. Faites Ctrl+A (sélectionner tout), puis, Clic droit > Edition > Effacer. Yop, tout a disparu !

Maintenant faites Clic droit > Edition > Coller (Le raccourci clavier, Ctrl+V ne fonctionne pas car la sélection est encore active)

Ensuite faites Clic droit > Calque > Ancrer le calque.

6. Ajouter un fond

Nous allons ajouter un calque de fond pour ne pas laisser de transparence.

Faites Calques > Nouveau calque (Ctrl+Shift+N). Une boite s’ouvre, laissez-la comme telle !

Modifiez la couleur de Premier Plan en faisant un double clic dessus, puis faites valider.

Utilisez l’outil remplissage (pot de peinture) et faites clic gauche. Ha !!! Mon image est toute noire allez-vous me dire ! Ne vous inquiétez pas🙂 Allez à droite dans la boite des calques et déplacez le calque que vous venez de remplir en dessous de l’autre.

Et voilà😉

7. Extraire le texte

Sélectionnez le calque où se trouve le texte en cliquant dessus dans la boite de calques.

Puis avec l’outil sélection par couleur sélectionnez la couleur dominante du texte. Réglez l’outil afin de sélectionner un maximum de texte. Si des zones de la même couleur sont sélectionnées ne vous en faites pas😉 On gèrera après !

Astuce : Une fois le texte sélectionné, vous pouvez grossir la sélection afin de prendre un maximum de texte. Pour cela, faites Sélection > Agrandir.

Faites clic droit [sur la sélection], puis Couper. (Ctrl+X)

Supprimez le calque sur lequel se trouvait le texte grâce à la boite de calque (Poubelle) , ou, Calque > Supprimer le claque.

Remplissez à nouveau le calque de fond en noir.

Maintenant faites Clic droit > Edition > Coller.

Ensuite allez dans la boite de calque et cliquez sur l’icône « nouveau calque »

8. Enlever les imperfections.

Sélectionnez le calque avec le texte.

Prenez la gomme et gommez😉

9. Rendu final.




Suivre

Recevez les nouvelles publications par mail.