higherweb.fr - Solutions Web & Graphic Design » photoshop

Dernières réalisations web (septembre 2009)

Gaëtan — Thu, 10 Sep 2009 08:39:07 +0000

Dés que possible, je vous présente les réalisations web et projets internet en cours ou terminés. Il peut s’agir du développement de sites web, de chartes graphiques, de templates pour CMS ou Blog, etc… Ceux-ci peuvent être lié à des projets d’entreprise ou bien simplement des conceptions personnelles.

Voici celles de septembre… Votre avis est le bienvenu !

Tutoriel Web Design / xHTML / CSS

Dans le cadre d’une formation que je dispense à l’Univerité de Strasbourg, j’ai réalisé un tutoriel complet :

Création de la maquette graphique
Découpage de la maquette et préparation des éléments visuels
Codage du contenu XHTML
Mise en page avec les feuilles de styles CSS

Dont le croquis d’origine est ceci :

Et le résultat final est celà :

Voir la version xHTML/CSS

[Fun] Tuto rigolo avec Photoshop en carton

Gaëtan — Mon, 09 Mar 2009 12:27:22 +0000

Voici une vidéo d’un vrai/faux tutoriel sur Photoshop. Interface en papier et carton, voix naiseuse et commentaires plus vrai que nature : un bon moment de détente et de dérision. Cela nous change des tutos vidéos habituellement rasoirs… mais plus professionnel !

[Tuto-vidéo] Fondre un visage au noir

Gaëtan — Thu, 29 Jan 2009 19:34:13 +0000

Le site Tutomaster.com nous propose une petite vidéo présentant un tutoriel abordable. A partir d’une photographie de visage, vous arriverez à fondre ce visage dans un fond noir intense. Facile à suivre et à appliquer sur d’autres sujets (voiture, avion…)

Un bon tuto tout simplement…

[Tuto-vidéo] Retouche photo professionnelle

Gaëtan — Tue, 20 Jan 2009 12:35:24 +0000

Le site Abduzeedo.com nous gratifie d’une longue vidéo (40 min.) sur une retouche photographique professionnelle menée d’un bout à l’autre. Biensur c’est une fois de plus en anglais.

Ainsi vous pourrez appréhender :

Correction chromatique
Remodelage des traits (yeux, lèvres, joues, etc…)
Ajustement des valeurs tonales
Simulation de la profondeur de champ
Amélioration sélective de zones

Voir le résultat et la vidéo ci-dessous :

Disponible en HD sur HDshare

Ta copine maquillée pour Resident Evil

Gaëtan — Fri, 16 Jan 2009 15:41:43 +0000

Cameron, excellent graphiste, s’ennuyaient à la maison. Alors il décide de nous prendre un modèle pour une retouche inspirée sur l’instant.

Une vidéo sympa à regarder en HD aussi. Ce n’est pas un guide pas à pas mais en vitesse peu accélérée on arrvice à suivre le travail.

Résultat, on rentre plus chez soi si sa femme se transforme comme cela (quoique ?)

Via : PSDTUTS

Makeover Barbie

Gaëtan — Tue, 11 Nov 2008 10:53:56 +0000

Un tutoriel vidéo bien sympathique pour vous aider à retoucher un visage (féminin dans ce cas) avec Photoshop…

Merci à draf

Convertir un PSD en site 100% XHTML & CSS

Gaëtan — Thu, 06 Nov 2008 16:28:18 +0000

Le site NETTUTS nous gratifie de 3 vidéos magistrales expliquant la création d’un site XHMTL/Full CSS à partir d’un fichier graphique PSD de Photoshop.

En anglais, certes, mais c’est parfaitement compréhensible (si on s’y connait ou qu’on maîtrise parfaitement la langue de Shakespeare)… Si toutefois vous n’y comprenez rien, je vous rappelle cet article : Découpage et Codage en XHTML/CSS, en français cette fois !

Le PSD de départ[...]

>>> Lire la suite de cet article : Convertir un PSD en site 100% XHTML & CSS (53 mots)

Revue de web semaine 42

Gaëtan — Sun, 19 Oct 2008 13:35:23 +0000

La “Revue de Web” hebdomadaire me permet de partager avec vous, les articles et informations intéressantes de la semaine. Voici les réjouissances de la semaine 42, du 13 au 19/10/2008.

A LA UNE !

Chris Sponner, nous régale d’un excellent petit tutoriel pour réaliser un webdesign tendance avec photoshop.
Create a Vibrant Modern Blog Design in Photoshop – Blog.SpoonGraphics[...]

>>> Lire la suite de cet article : Revue de web semaine 42 (108 mots)

© Gaëtan PICHON sur higherweb.fr - Solutions Web & Graphic Design, 2008. | Permalien | Tags: photoshop, revue de web, tutoriel, webdesign

Web Design en 2 minutes

Gaëtan — Sat, 18 Oct 2008 08:19:58 +0000

Bien sur, il s’agit d’une séquence accélérée de la réalisation d’un site web, dans un premier temps avec Photoshop pour le graphisme, puis sous Dreamweaver pour la programation XHTML et CSS…

Même si cela va plus vite que dans la réalité, c’est tout de même une belle démonstration. Les habitués du webdesign arriveront à décortiquer les étapes habituelles…

Pour voir un tutoriel dans le même genre mais en vitesse normal et avec les commentaires, je vous invite à (re)lire cet article : Découpage et Codage en XHTLM/CSS

Animaux du monde 2.0 (n°2)

Gaëtan — Tue, 14 Oct 2008 07:10:08 +0000

Chaque semaine (ou presque) je vous propose une pensée humoristique et illustrée sur l’internet, le web 2.0, le référencement, le graphisme…

Voici la seconde édition

Tutoriel Site web « Grunge »

Gaëtan — Wed, 24 Sep 2008 15:38:01 +0000

L’excellent site PSDTUTS, qui comme sont nom l’indique propose des tutoriels pour Photoshop, vient de mettre en ligne un superbe tuto pour fabriquer le design d’un site web grunge, très « tendance ».

Le résultat (en image à la fin d’article) est soigné et l’explication « étape par étape » est limpide, si toutefois vous maitrisez correctement le logiciel. [...]

>>> Lire la suite de cet article : Tutoriel Site web « Grunge » (57 mots)

Découpage et Codage en XHTML/CSS

Gaëtan — Sat, 09 Aug 2008 11:41:53 +0000

Deux excellents tutoriels en vidéo, réalisés par le site JojoRatonLaveur, montrent en images les 2 premières étapes de la réalisation d’une page web. Le premier est consacré au découpage de la maquette. Le second s’occupe du codage en utilisant le xHTML 1.0 et les CSS.[...]

>>> Lire la suite de cet article : Découpage et Codage en XHTML/CSS (105 mots)