Créer un design web avec des médiums traditionnels

Dans cette ère de l'internet et des médias sociaux lorsque l'on conçoit un design de site web on pense très rarement à utiliser les médias traditionnels de création, mais pourtant il s'agit d'une des meilleures façons de concevoir un design web grunge et des textures ou éléments graphiques originaux. À vos pinceaux, gouaches et scanneurs... c'est parti!

Une table lumineuse

Une table lumineuse est encore un outil très utile pour les illustrateurs et designers. Avec une table lumineuse, vous aurez la possibilité de décalquer rapidement des photos de magazines ou autres choses qui pourrait vous servir pour vos maquettes.

Les outils de base

Si vous faites principalement vos croquis de maquette web à la main et simplement avec des tons de gris vous ne pourrait pas vous passer d'un crayon 2H ou même F si vous voulez un trait plus foncé. Ajoutez un bon cahier de croquis et un aiguisoir à crayon et vous êtes en business!

La fonction Descreen

Si vous travaillez avec des médias traditionnels lors de vos créations web, vous ne pouvez vous tromper avec un bon scanneur. Une des choses que vous devez vous assurez c'est d'avoir une fonction Descreen. Cette fonction vous permet d'enlever les points de trames qui apparaissent lorsque vous scannez des images et documents imprimés. Si vous n'avez pas un scanneur qui offre cette fonction, vous pouvez toujours utiliser le filtre Despeckle ou Gaussion Blur dans Photoshop.

À vos pinceaux!

En créant vos propres textures et vos éléments visuels vous même, vous vous sentirez plus fière de votre travail. Et de plus, c'est très amusant! Salissez-vous et faites des essais avec plusieurs objets qui vous entourent. Plongé une éponge dans de la peinture acrylique, soufflez dans une paille pour étaler de l'encre de chine, prenez une brosse à chaussures pour créer des effets spéciaux ou encore poser un bol sur du papier et lancer de la peinture autour et photographié le tout. La seule limite est votre imagination.

Le retour du noir et blanc

Les tons de gris sont un classique à ne pas négliger. C'est très utile pour créer des blocs graphiques et augmenter le contraste de vos designs, par-dessus une photographie ou pour donner de l'importance à un élément de votre design web. Utilisez un fusain et une gomme à effacer pour créer des zones d'ombres et de lumières.

Texturer

Une belle texture ou un élément graphique fait à la main est beaucoup plus dynamique et peut rendre votre design plus original. De plus, vous pourrez mieux contrôler l'effet désiré pour ajouter du punch à votre création. En prenant une photo d'un bout de métal rouillé ou de vieilles pierres des champs, vous pourrez créer des effets de textures intéressantes en seulement quelques minutes. Il vous faudrait passer plusieurs heures dans Photoshop pour obtenir le même résultat.

Haute résolution

Scanner vos images à la plus haute résolution possible, puisque vous voulez le plus de détails possible. Vous pouvez également activer la fonction Unsharp Mask du scanneur ou l'ajouter comme filtre dans Photoshop. Un autre truc pour avoir plus de résolution et de détails est de mettre un peu de poids sur le scanneur pour que votre image ou élément soit collé le plus près de la vitre possible.

Enlever l'arrière-plan

Une fois que votre croquis est scanné vous pouvez facilement enlever l'arrière-plan dans Photoshop. Premièrement, ouvrez votre fichier et choisissez Image > Adjustments > Levels, ajuster les paramètres pour créer un haut contraste entre le noir et le blanc de votre croquis et cliquez OK. Maintenant choisissez Select > Color Range, cliquez sur n'importe quelle ligne noire dans l'image et une sélection de tout le noir sera créé. Faites un copier coller de cette sélection sur un nouveau calque, et voilà!

Maîtrisez la théorie de la couleur

Sur n'importe quel média que vous avez travaillé, appliquer la théorie de base des couleurs vous aidera à obtenir de meilleurs résultats. Vous vous souviendrez surement que le jaune, le bleu et le rouge sont des couleurs primaires et que le vert, le mauve et l'orangé sont des couleurs secondaires. Quel que soit les couleurs que vous choisissez ou mélanger, assurer vous de créer des teintes additionnelles et travailler avec plusieurs variations dans vos montages. Vous aurez plus d'harmonie dans vos couleurs en créant de meilleures tonalités dans vos images.

Mettez-y de l'eau!

Expérimenter avec de l'aquarelle peut créer des résultats fantastiques. En commençant par des tons pâles, presque sans couleur, ensuite, ajoutez différentes zones de couleurs utilisant des couleurs primaires comme du rouge ou du bleu. Ajouter par dessus des teintes plus foncée ou plus pâle de la même couleur. Vous pouvez ensuite donner un accent à votre composition en ajoutant des éclaboussures de couleurs complémentaires pour créer une image abstraite et dynamique.