background preloader

Tuto Photoshop : Créer un webdesign de qualité avec Photoshop

Tuto Photoshop : Créer un webdesign de qualité avec Photoshop
Étape 1 : Création du .psd et mise en place des règles Je crée un document de 1400x1450, résolution 72 pixels/pouce. Je place ensuite deux règles à 220px et 1180px, dans le sens de la largeur. Étape 2 : Header + Carousel Commencons à créer ce webdesign, je place une règle à 450px dans le sens de la hauteur. Je crée un nouveau calque, sélectionne toute la partie supérieure à la règle que je viens de créer et rempli la sélection de gris foncé (#333333). J'ajoute du grain à ce fond, c'est très simple : je duplique le calque que je viens de remplir de gris, je le sélectionne pour faire : Filtre > Bruit > Ajout de bruit (Quantité : 25%, Répartition : Uniforme), puis Image > Réglages > Désaturation [Maj + Ctrl + U], je passe mon calque en "Densité couleur -" et je diminue l'opacité à 50%. Je ne m'attarde pas sur le logo dans ce tutoriel, un simple texte suffira. Le menu est simpliste lui aussi, il ne s'agit que d'un texte, seul le hover sera différent. Étape 3 : Content Étape 4 : Footer Related:  TUTORIELS, COURS, CONSEILS et ASTUCES...Tutoriels, Formations, conseils utiles, bonnes pratiques etcTutos

15 tutoriels pour créer des maquettes web sur Photoshop Vous souhaitez réaliser des maquettes web à l'aide de Photoshop, si vous êtes étudiant ou webdesigner découvrez une sélection de tutoriels qui vous aideront à maîtriser les différents outils de création autour du web design. Nous avions rédigé il y a quelques mois un premier article basé sur des tutoriels avec Illustrator : 15 tutoriels pour découvrir et maîtriser Illustrator. Aujourd'hui nous revenons avec un nouveau sujet autour du logiciel de Photoshop et de la création de maquettes web. Si vous êtes débutant ou/et étudiants et que vous souhaitez créer vos premières maquettes web sous Photoshop, nous avons sélectionné pour vous une série de 15 tutoriels complets. Ils vous permettront de voir les différentes étapes de création et les techniques ainsi que les raccourcis sous Photoshop. Pour les personnes plus confirmées, il reste intéressant de survoler ces tutoriels pour observer et découvrir de nouvelles techniques. La plupart des tutos présentés sont en anglais.

The Makings of a Great Logo - BOLD by Pixelapse Your company's logo is the fundamental foundation to your business branding. It is probably the first interaction that you will have with your customers. An effective logo can establish the right tone and set the proper ethos. After years of crafting logos for different projects, I've come up with a set of questions that I always ask myself before delivering a new logo. Above all design guidelines, the most important criterion is whether the logo reflects the character of the company. The emotions that the logo evoke should be appropriate to the company values. Designers should understand the psychology of colors and the effect that typeface has on the design of a great logo. Behind every great logo is a story. A great logo is not about slapping your business name on a generic shape, which is why choosing from ready-made logos is a poor idea. How will the logo look in 2, 10, 20 years' time? A good way to test the logo is to let it 'sit' with you for a while before releasing it.

Comment créer un site internet avec Wordpress, le guide complet! 30 nouveaux Tutoriels de qualité gratuits pour Photoshop Grâce à cette nouvelle sélection de tutoriels de qualité, vous n’avez plus d’excuse pour ne pas progresser sur Photoshop ! Que ce soit dans le domaine de la photomanipulation, pour des effets de texte ou encore pour maîtriser les dernier outils de Photoshop ou les derniers effets tendances, tout y est ! Je vous invite à parcourir la liste et à vous attarder sur les tutoriels susceptibles de vous intéresser. Pour information, certains tutoriels n’ont peut-être pas de résultat final spectaculaires (comme par exemple « Comment créer une photomanipulation en pleine nature » ou encore « Très bon tutoriel pour intégrer un rendu 3D dans une photographie pour un résultat photoréaliste ») mais ils sont incroyablement propres et intéressants. Bien souvent l’auteur du tutoriel va jusque dans les détails et démontre un savoir-faire et des techniques très intéressantes qui ne sont pas à la portée du premier débutant. Si vous souhaitez donc progresser, prenez le temps de vous plonger dedans ! Divers

Tutoriel Vidéo Divers Avocode Lorsque l'on fait de l'intégration on est souvent obligé de travailler avec des fichiers PSDs qui nécessitent l'utilisation Photoshop. Le principal problème de ce logiciel est qu'il est conçu pour le traitement photo plutôt que le Webdesign. Inspecter les propriétés des calques et exporter les assets et loin d'être pratique. Certains designers ont même sauté le pas et utilisent maintenant Sketch plus adapté au webdesign. Le principal problème est alors l'accès au logiciel qui ne fonctionne que sur MacOS. Retour au Source Pour vous aider dans votre travail Source a commencé par développer des plugins pour Photoshop comme CSSHat qui permet d'obtenir le CSS correspondant à un calque. Avec Avocode Source propose une solution plus complète afin de pouvoir se passer de Photoshop et Sketch. Une interface travaillée La première chose qui saute aux yeux lorsque l'on ouvre Avocode c'est le travail qui a été fait sur l'interface. Avocode vs Adobe Extract

Recruiting a Designer? Here's What You Should Know - BOLD by Pixelapse Design is a rather broad and vague term. When someone says "I'm a designer", it is not immediately clear what they actually do day to day. There are a number of different responsibilities encompassed by the umbrella term designer. Design related roles span many industries, ranging from industrial design (e.g. cars, furniture) to the traditional print industry (e.g. magazines, publications), to the new media tech industry (e.g. websites, mobile apps). With the relatively recent influx of tech companies focused on creating interfaces for screens, many new design roles have emerged. Job titles like UX or UI designer are confusing to the uninitiated and unfamiliar even to designers who come from other industries. Let's attempt to distill what each of these titles really mean within the context of the tech industry. UX designers are primarily concerned with how the product feels. "Define interaction models, user task flows, and UI specifications. You might hear them say this in the wild:

6 Etapes Pour Créer un Site avec WordPress en Toute Simplicité Vous disposez maintenant d’un nom de domaine et d’un hébergement web. Les choses sérieuses vont enfin pouvoir commencer ! Note : Je vais vous montrer pas à pas comment installer WordPress. Mon hébergeur étant 1&1, les captures d’écran seront donc issues de cet hébergeur. Télécharger WordPressCommençons par le commencement. <img class="aligncenter size-full wp-image-6826" title="Permaliens Site WordPress" alt="Permaliens Site WordPress" src=" width="560" height="303" /> J’ai rédigé il y a quelques temps un article invité sur le blog GeekPress pour indiquer quelques méthodes afin de renforcer la sécurité d’un site sous WordPress.Je vous conseille vivement d’aller lire mes “7 Conseils pour Sécuriser WordPress et Eviter que ce soit un Véritable Gruyère“, on est jamais trop prudent.

Advanced Creation Photoshop n°80 - Un guide expert pour la retouche naturelle TOUT Photoshop - La référence du Tuto Photoshop CS5, CS6 et CS4 Webdesign Tutoriaux .com Grooveshark Shortcode Change Okay, grooveshark's embed code appears to have changed. I've been using it to embed songs on wordpress.com for some months, but today I went to embed a new one, and it's all different and I'm not sure how to convert it now. Here's an example: The blog I need help with is southerngospelyankee.wordpress.com.

Related: