bbxdesign

CSS + WordPress + Web Design

photoshop
bd couleur css firefox Flash google gratuit ie6 interface iphone javascript jeu musique navigateur new york photo photoshop vidéo w3c wordpress

Générateur de nuancier à partir d’une image

En uploadant une image sur le Colors Palette Generator de CSS Drive, vous obtenez un 4 nuanciers différents, ainsi que des fichiers CSS et .aco (pour Photoshop) associés.

Un exemple en utilisant une de mes photos prises récemment à New York:

empire-palette

Commenter »

L’interface de l’iPhone en psd

Si vous comptez développer une application pour iPhone et que vous voulez créer des ébauches de l’interface, utilisez donc ce PSD de l’interface de l’iPhone. Quasiment tout y est : boutons, clavier, liste déroulante, barre de progression, liste alphabétique… et bien sûr, l’iPhone lui-même avec plusieurs écrans déjà prédéfinis.

C’est très pratique car on se rend compte au pixel près de l’espace dont l’on dispose. Par exemple, si l’on décide de faire afficher le clavier, quel espace reste-t-il pour l’application ?

Non seulement, ce psd est complet, il est aussi graphiquement très proche de la réalité, et le fait que la plupart des éléments soient en vectoriel est un plus non négligeable. Gardez bien ce lien dans vos favoris car le psd sera régulièrement mis à jour par leurs auteurs.

Commenter »

Photoshop pour la vidéo

Des étudiants de Washington ont développé une technologie qui permet d’améliorer considérablement la qualité des vidéos en leur associant des photos de la même scène. L’amélioration de la qualité est extraordinaire.

Il est alors possible d’utiliser des techniques habituellement réservées à la photographie : retouche d’image, exposition, effets “Photoshop”… et surtout faire disparaitre un objet de la scène ! Allez voir ce projet génial : Video Enhancement.

Commenter »

Le web design ce n’est pas que du graphisme

Après une année (ou presque) passée dans le monde professionnel du web design en tant que novice encore en rodage, je me pose encore la question : c’est quoi être web designer ? J’utilise cette dénomination parce que c’était celle de la formation que j’ai suivie, et qu’elle correspond aux 2 principaux aspects de mon travail : intégration et graphisme.

Intégration : l’écriture du code (X)HTML et des feuilles de styles (CSS) associées.
Graphisme : création de visuels, animés ou non, sous Photoshop, Illustrator, Flash…

A ce stade, j’ai d’ores et déjà inclus autre chose que du graphisme dans la notion de “web design” : l’intégration. En effet, coder c’est du web design aussi, et correspond en l’occurrence à la moitié de mon travail.
Cela peut prêter à confusion. On se dit “design = graphisme” et donc que le “web design” se résumerait au “graphisme sur le web”. Mais “to design”, c’est concevoir, penser, réaliser les sites web. Comme le résume très bien l’article Wikipedia :

Le web design désigne la conception de l’interface web : l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation d’un site web.

Lire la suite »

7 commentaires »

Graffitis de lumière

Graffitis de lumière

Prenez un appareil photo. Ajoutez un long temps d’exposition, un soupçon de créativité et une tonne de fun. Vous obtenez des graffitis de lumière. C’est franchement plus sympa que certaines créations “lumineuses” sous Photoshop.

2 commentaires »

Les pires erreurs Photoshop

Photoshop Disasters

J’avais déjà parlé d’une belle erreur Photoshop. En voici un florilège : PhotoshopDisasters répertorie les pires erreurs Photoshop (ou les meilleures, selon votre point de vue). Que ce soit un léger oubli, une erreur de jugement ou même un changement radical, ces images sont l’oeuvre de “graphistes” peu recommandables (ou alors tellement doués qu’on ne reconnaît rien de l’original). Bref, amusant et instructif.

1 commentaire »