tuto

Raccourci pour « tutoriel », un mode d’emploi permettant d’aider à l’apprentissage d’un programme ou un langage informatique.

Effet graffiti sous Photoshop

Publié le 30 novembre 2011 - Webdesign.

Comme c’est devenu une habitude pour les tutoriaux Photoshop de ce blog, nous allons une nouvelle fois apprendre à réaliser un effet graphique en tout simplicité (ex. transformer une photo en dessin, etc.). Là ou des nombreuses étapes sont souvent nécessaires, je vais vous montrer que créer un  Graffiti à partir d’une image sous Photoshop ne prend pas plus que 2/3 clics. Pour commencer, nous avons besoin de 2 photos: Un mur, en guise de toile, Un logo (ou un texte, au choix), le graffiti Munissez-vous des éléments ci-dessus et suivez les étapes qui suivent. Etape #1 Ouvrez- l’image qui […]

Mise en cache d’un site

Publié le 18 octobre 2011 - Developpement Web.

N’ayant rien de spécial à publier cette semaine, j’ai décidé de vous présenter un petit script de mise en cache de vos pages internet. Avant de commencer, la mise en cache c’est quoi ? Grosso modo la création d’une page html statique à partir d’une page dynamique, mise à jour à intervalles réguliers. Le but est bien évidemment d’économiser des requêtes SQL, ressources PHP, etc. et d’accélérer la vitesse de chargement de votre site. En bonus, vu que l’affichage est statique, vous limitez par la même occasion les problèmes inhérents aux injections et autres réjouissances. C’est une technique extrêmement efficace, […]

Comment créer un thème wordpress ?

Publié le 3 octobre 2011 - Developpement Web, Webdesign.

  Profitant de la mise à jour du papier peint de ce blog (attention, peinture fraiche), j’ai décidé de vous proposer un petit tutoriel destiné à vous expliquer comment créer un thème WordPress à partir d’un template HTML. Étant donné que l’on trouve un peu tout et n’importe quoi sur le sujet, ce petit article ne fera pas de mal. Pas que les informations proposées soient erronées, mais elle donnent souvent l’impression que la création / découpage d’un design pour WP est une tâche compliquée, alors qu’en fait, quelques notions de PHP suffisent… Pour commencer, il faut savoir que WordPress […]

Apprende javascript en ligne sur codecademy

Publié le 16 septembre 2011 - Developpement Web.

Aujourd’hui, je vous présente un outil assez exceptionnel pour peu que vous ayez envie d’apprendre à coder en Javascript, et le joyau se nomme CodeCademy. Lancé en août après avoir levé pas moins de 2 millions, les débuts sont pour le moins prometteurs, plus de 2 millions de cours on été complétés ! Le principe : un programme d’apprentissage constitué de différents niveaux, et pour chaque niveau différents exercices sont propopsés (allant crescendo niveau difficulté). Jusque là, rien de spécialement novateur. Sauf que vous ne devez pas bêtement apprendre des bouts de codes, mais vous devez les reproduire dans la […]

Convertir une photo en dessin cartoon avec photoshop

Publié le 18 mars 2011 - Webdesign.

Envie de transformer rapidement et simplement une photo en un dessin de bande dessinée ? Ne bougez plus, vous êtes au bon endroit. Grâce à ce tutoriel express, vous obtiendrez le résultat escompté en moins de 3minutes chrono. Pour commencer, ouvrez votre photo à « cartooniser » sous photoshop, puis, en mode RVB (Image > Mode > RVB), dupliquez le calque contenant votre photo (afin de travailler sur la calque au premier plan : Activez le contour postérisé (Filtre -> Artistique -> contour postérisé) en conservant les réglages par défaut : Réglez la luminosité à 10, le contraste à 30 (Image -> […]

Moteur de recherche de tutoriaux photoshop gratuits

Publié le 25 mai 2009 - Webdesign.

Comme c’est souvent le cas chez webstorming, parmi des articles assez inintéressants (à mes yeux) se trouvent de temps à autres de très bonnes trouvailles. Et c’est une nouvelle fois le cas avec Vunchy Search, un moteur de recherche anglophone de tutoriaux photoshop gratuits. Alors qui dit anglophone dit forcément des tutos un peu plus compliqué à suivre (surtout au niveau de la signification des outils/options), néanmoins c’est loin d’être incompréhensible et surtout une source non négligeable. Jugez plutôt : le site référence à ce jour plus de 350 tutos photoshop ! Évidemment ce n’est pas exhaustif et des sites […]

Comment changer la couleur d’un objet sous photoshop ?

Publié le 19 août 2008 - Webdesign.

Dans ce tuto nous allons apprendre à modifier très facilement la couleur d’un objet sous photoshop. 1. Pour commencer, ouvrez votre image contenant la photo à transformer. 2. Avec le lasso polygonal, faites un contour grossier de la partie de la carrosserie o๠il faut faire le changement de couleur. 3. Allez dans le menu « selection > plage de couleur ». Utilisez ensuite la pipette pour sélectionner sur l’image la couleur jaunà¢tre de la voiture. Reglez la tolérance de manière à avoir la partie dont on veut changer la couleur dans un blanc franc (le reste doit rester en noir). Normalement […]

Comment créer un reflet au sol, reflet dans l’eau sous photoshop ?

Publié le 13 août 2008 - Webdesign.

Un reflet au sol classique: 1. Ouvrez une image. 2. Utilisez « Image > taille de la zone de travail » pour agrandir l’espace de la zone de travail. Dans la fenêtre qui s’ouvre sélectionnez l’unité de mesure « pixel » (si ce n’est pas déjà le cas) et doublez la valeur correspondant à la hauteur. Cliquez sur la flèche du haut pour positionner l’image en haut du nouvel espace de travail et validez. Vous devriez obtenir ceci: 3. Dans la palette des calques selectionnez le calque correspondant à votre image et faites-le glissez sur l’icône de nouveau calque pour le dupliquer (ou « calque […]

Générateur de badges web 2.0

Publié le 27 juin 2008 - Webdesign.

Dans la lignée des nombreux générateurs en ligne disponibles sur la toile depuis l’avènement du web 2, je vous propose aujourd’hui de générerateur de badges web 2.0 : Web 2.0 Bagdes. Indispensable pour certains, complètement inutile pour d’autres, à chacun de se faire son propre avis sur la question. Toujours est-il que si vous aimez, ce Web 2.0 Bagdes est sans doute ce qu’il se fait de mieux à l’heure actuelle sur le sujet! Au menu : une 20aine de formes différérentes paramétrables à la volée (couleurs, angle, police, etc.). Et pour le puristes… voici un petit tutorial pour photoshop.