Kuler. ColorBlender.com | Your free online color matching toolbox. Créer un fond pour twitter avec The Gimp très facilement. Tutoriel expliquant comment créer un fond avec une image répétable horizontalement et ou verticalement. M'intéressant de plus en plus à Twitter, et voulant personnaliser un peu son interface pour la rendre plus homogène avec mon blog, je me suis penché sur la question.
Ça tombe bien, je viens de mettre the Gimp sur ma Liberkey (Oui, the Gimp existe en version portable, c'est à dire sans aucune installation), et c'est donc le moment où jamais de trifouiller un peu dans l'interface de ce logiciel, en concurrence majeure avec Photoshop, pour voir comment il fonctionne. Il est bien sûr entièrement gratuit et même libre, puisqu'il a été conçu pour Linux. Il fonctionne plutôt bien sous Windows maintenant. Bizarrement, je ne l'avais jamais utilisé auparavant, et pourtant, après un petit temps d'adaptation, et deux ou trois tutoriels, j'étais dans les starting-blocks. Rien ne vous empêche déjà de l'envoyer (File -> Save As) pour tester sur Twitter dans (Setting -> Design).
Réaliser un fond dégradé pour votre blog avec Gimp | davidlouis.fr. Je ne sais pas si vous l’avez remarqué, mais de plus en plus de blogs ont des fonds dégradés. Dans ce billet, nous allons voir comment créer l’image de fond avec Gimp et nous allons ensuite l’incorporer dans la feuille de style (style.css) de notre thème WordPress. MAJ du 2/11/2009 : Vu que j’ai perdu toutes mes images, j’ai réalisé ce tuto en vidéo, cliquez ici pour voir le tuto Prenons comme exemple le récent blog de Fran6art, blogalwarming.com : Le dégradé est formé par les deux couleurs : #0a243d pour la plus foncée et #3c638c pour la plus claire.
Nous n’allons pas réalisé une image de fond dont la taille serait égale à notre fond d’écran car 1/ l’image serait lourde à charger et 2/ tout le monde n’a pas la même résolution d’écran. L’alternative est de créer une image dégradée avec comme taille 50px en largeur et 900px en hauteur. Ensuite, indiquer dans votre boîte à outils les couleurs de premier (#0a243d) et d’arrière (#3c638c) plan. Body { Voilà c’est tout pour aujourd’hui. A+ David. Tutoriaux - Top 50 Photoshop Web Layout Tutorials from 2011 | Design Inspiration-Resources for Design and Development. We all know that Photoshop is the best computer software program for editing digital photos and images.But it is also excellent for web designers.Most of the web designers use Photoshop to design web layouts.
Today we have compiled really high quality photoshop layout tutorials from 2011.I’m sure that you will learn many new photoshop techniques from these tutorials. Create an Elegant Photography Web Layout in Photoshop View Tutorial Create a Modern Lab Theme Web Design in Photoshop View Tutorial Create a Consulting Web Layout-business layout View Tutorial How to Design a Trendy WordPress Theme View Tutorial How to Create an Advanced Game Portal Layout View Tutorial How to Create a 3D Portfolio Layout View Tutorial Graphic Design Studio Web Layout Tutorial View Tutorial Create a Gritty Portfolio Layout – Moleskine Layout View Tutorial Create A Dark, Clean Website Design In Adobe Photoshop View Tutorial Design a Sleek, Dark Mobile App Website View Tutorial Design a Professional, Clean Community Blog Theme.
Tutoriaux - How to design an HTML and CSS web site using Adobe Photoshop and Dreamweaver. Part 1 Many people have told me that they wish that they could design web sites. So I thought I'd create this tutorial, since there doesn't seem to be too many free courses online that teach both the graphic design skills and HTML and CSS necessary for creating web pages. I would like to outline (not a good word for right brained people like me) a workflow (?) For creating a web page using my home page as an example and Windows as the operating system (Mac users will have to find alternate keyboard shortcuts). Since I am a self taught designer, I'm not sure how unconventional my methods will seem, but hope this will be helpful.
Adobe® Photoshop® is the industry standard for digital imaging. The types of files we will use are jpgs and gifs. I don't know which version of Photoshop you have, so you'll have to at least play around with it for a few hours to find out how the layers link together and other basics. First, I'll start off with a blank canvas.
Create a new layer.