Tuto : Créer son nuancier à partir d’une image De nombreux outils en lignes, tels Pictalicious ou Kuler, permettent de créer des nuanciers à partir d’une image. C’est évidemment bien pratique, mais un peu limité: même si certains proposent de cibler les zones de couleurs qui nous intéressent, on se retrouve avec un nombre de nuances souvent restreint. Il existe pourtant une fonction dans Photoshop (un peu cachée, c’est vrai, mais sur Do It Yvette rien ne nous échappe) qui permet de faire la même chose, mais jusqu’à 256 couleurs ! Admettons que vous tombiez sur une illustration ou une photo aux tonalités incroyables, je suis sûre que ça vous arrive souvent: 1- Ouvrez votre visuel dans Photoshop (j’ai trouvé le mien sur ce billet) 2- Allez dans Fichier / Enregistrer pour le webOui, d’emblée comme ça, alors qu’on n’a encore rien fait ! 3- Dans la liste déroulante présentant les différents formats d’image, choisissez GIF. 4- Sous le format d’image, Dans Couleurs: vous pouvez sélectionner le nombre de couleurs à extraire, entre 2 à 256.
Quelle est la signification des couleurs dans les logos ? - #Olybop Les couleurs dans les logos couleurs inspiration est toujours quelque chose de compliqué à choisir. C’est d’ailleurs le cas avec un de mes clients en ce moment même. Le choix des couleurs par rapport à sa signification mais aussi par rapport à sa cible, son marché ou encore la tendance. Autant de paramètres (non exhaustifs) que vous devez prendre en compte. Il est donc important de poser sur la table les éléments contextuels gravitant autour du message souhaité pour une compréhension optimale. Je suis sûr que vous avez suivi l’histoire du logo mcdo qui passe en vert à certains moments. Bien évidemment, cette catégorisation est valable pour l’occident et elle peut être différentes dans le reste du monde (merci à @collectionneur pour sa remarque)
Créez vos palettes de couleur - Blog | Artionet Web Agency La définition d’une charte graphique est un élément primordial lorsque vous concevez les maquettes de votre futur site web. C’est votre identité graphique qui va révéler l’ensemble de votre projet et ainsi refléter votre image. C’est pourquoi le choix des couleurs ne doit pas être laissé de côté et doit retenir toute votre attention. Toujours soucieux de vous apporter les conseils les plus pertinents, nous allons vous présenter une sélection d’outils en ligne, vous permettant de définir et de créer vos chartes graphiques en toute simplicité et de façon très ludique. Comment bien définir sa palette de couleurs Comme nous venons de le voir, il est important de choisir la palette de couleur la plus adaptée à vos besoins afin de bien vous familiariser avec les outils que vous allez utiliser. Quel lien entre la palette de couleur et votre charte graphique ?
[Infographie] Les principales étapes d'un projet web Les projets web peuvent être complexes et faire intervenir plusieurs personnes. Pour bien piloter vos prestataires et mener vos projets web au bout, vous allez avoir besoin de vous appuyer sur une méthodo. On vous en présente une dans cette infographie, qui reprend les principales phases des projets web, et les livrables de chacune de ces phases. Verbatim 1 – Cadrage et plannification Le brief Il consiste à formaliser votre besoin : A quoi sert le site web ? Assurez-vous que votre prestataire a bien compris votre projet. La charte projet Elle regroupe les principaux éléments dimensionnants du projet : Macro-planningEquipe projetRôles et responsabilitésEstimation en jour/hommeEstimation en budgetPrincipales contraintes techniquesetc. Cette charte est un document de référence entre vous et votre prestataire tout au long du projet. Petite astuce pour le planning et les estimations budgétaires : ne cédez pas aux sirènes du moins disant, vous risqueriez d’avoir des surprises. Le sitemap Le contrat
21 outils et générateurs CSS pour développeurs web Les générateurs et outils CSS sont de plus en plus nombreux sur la toile, et facilitent la tâche des développeurs web en leur faisant gagner un gain de temps considérable, en particulier ceux qui génèrent du CSS3. Voici une liste non exhaustive de 21 ressources CSS à connaître et à tester dès maintenant ! 1. Bear CSS Bear CSS est un service qui permet de générer une feuille de style à partir d’un code HTML en prenant en compte les éléments et le balisage de la structure du document (id et classes CSS). Ainsi, vous gagnerez du temps au démarrage de la conception du style CSS. 2. CSS Type Set est un service qui permet de gérer la mise en forme d’un texte dans une interface simple et intuitive. 3. Border Radius est un générateur déstiné uniquement à la propriété CSS3 border-radius qui permet de créer des coins arrondis sur un élément HTML. 4. 5. 6. 7. 8. 9.
Cours vidéo en Infographie : Les Tuto vidéo elephorm Formez-vous aux métiers de l’infographie web et print avec des cours vidéo en ligne, toujours animés par des experts certifiés. Les métiers de l’infographie sont variés mais ont tous en commun une grande créativité alliée à une grande rigueur. Les outils d’infographies liés au web ou à l'impression numérique se sont démocratisés et les usages se sont considérablement développés. Aujourd’hui l’infographiste est… Plus Les métiers de l’infographie sont variés mais ont tous en commun une grande créativité alliée à une grande rigueur. Vous trouverez dans cette catégorie tous les tutoriels vidéo en infographie qui vous procureront l'apprentissage indispensable à l’exercice de votre métier. Elephorm est le spécialiste francophone des formations en tutoriels vidéos aux métiers de l’infographie. Vous apprenez bien sûr les outils de la suite Adobe, l’éditeur leader incontesté notamment avec son logiciel phare, Photoshop. Replier
Typographie : La mise en page modulaire Les ouvrages dits de consultation, les livres scolaires, techniques, scientifiques..., les encyclopédies, les catalogues, les magazines ou revues périodiques, les supports publicitaires (encarts, déliants, brochures....), certains imprimés administratifs et commerciaux, font plus ou moins largement appel à l'illustration afin de préciser, de confirmer, de démontrer, voire d'agrémenter le texte qu'elles accompagnent. Ainsi, la fonction fondamentale des illustrations consiste bien à servir le texte en le conservant la préoccupation de concevoir, pour le produit de communication, un ensembles de textes/images qui présente au lecteur un ensemble harmonieux et logique. Pour cela, on établira des gabarits, des grilles, des travaux types, des grilles de mise en page modulaire. I. Une grille ou gabarit de mise en page est nécessaire pour toute publication à périodicité (magazine, house_organe) ou toute imprimé à éléments multiples (catalogues, dépliants publicitaires, etc..). II. 1. 2. 3. III. V.
Les 6 règles de base en communication visuelle Les 6 règles de base en communication visuelle Que ce soit pour le design graphique d’une publicité, d’une couverture ou de la mise en pages d’un document, d’un site Web ou de tout autre visuel, il y a des règles à suivre pour s’assurer que l’image qui y sera reflétée dans son ensemble est équilibrée et donne l’impression que tous les éléments qui la composent sont positionnés aux bons endroits. Pour parvenir à un résultat parfait, voici 6 règles de base en communication visuelle qui doivent être respectées : 1. Chaque publicité, chaque page d’un document ou d’un site Web est perçue, dans son ensemble, comme une image. La règle des tiers divise une image en trois parties égales. Lorsque cette règle est respectée et contrôlée, elle garantit à une conception graphique l’équilibre qui captera l’attention. 2. Il est important de savoir comment notre œil se comporte lorsque nous regardons une image. 3. Avec ou sans empattements? À chaque typographie sa personnalité Principes de base 4. 5. 6.
Créer votre musique, intro, accompagnement, chanson pour vos capsules vidéos ou tout autre utilisation musicale. | Dans un billet précédent : Créer, jouer et imprimer vos partitions et bien plus gratuitement en open source Je vous propose deux outils pour créer votre musique, intro, accompagnement pour vos capsules vidéos ou tout autre utilisation. Aria Maestosa est un éditeur/séquenceur midi open source (GPL) avec une version française. Soundation Studio est un outil puissant pour créer de la musique en ligne avec ou sans inscription (la version gratuite suffit pour de simples créations) développé en flash en version anglaise. Aucun trackback pour l'instant Conversion des couleurs RAL Pantone, RGB hexadecimal How to convert the RAL Classic colours to use in Photoshop or Illustrator with Pantone, CMYK and RGB hex code values. One of the sign-maker companies I work with near Dijon in France, only use RAL colour swatches with designs and builds for their clients. However RAL is not designed to be easily represented on monitor screens and many graphic programs have no built in capabilities for RAL. Converting RAL colours to Pantone, CMYK and RGB Not all graphic programs allow you to easily switch between the various colour codes and formats. Please don’t forget that the displayed colours will vary depending on your monitor settings and that RGB values are only close matches for real life RAL and Pantone colours. Looking for the RAL Design 2 colour chart? RAL Classic to Pantone, CMYK and RGB conversion Nuanciers Télécharger le nuancier RAL Kit (nuancier Illustrator/Photoshop + fichiers PDF couleurs RAL vers couleurs Pantone). Swatches
Les 10 secrets d'une présentation réussie Vous en avez assez de voir vos collègues bailler quand ils vous écoutent faire un exposé ? Vous voulez faire des présentations professionnelles et efficaces ? Vous chercher des astuces simples pour réussir votre prochain PowerPoint ? 1. Adaptez votre message à votre auditoire : vous ne présenterez pas de la même manière votre projet à un groupe d’actionnaire qu’il faut convaincre ou à votre équipe de projet qu’il faut enthousiasmer. Une fois que vous avez compris ce que votre audience attend, présentez votre message de manière simple. C’est sur base de cela que vous allez construire votre présentation; 2. Sachez qu’il existe une multitude d’outils pour faire des présentations : PowerPoint, Keynote, Open Office Impress. mais n’hésitez pas à également tester des outils tels que Bunkr ou encore Prezi. 3. De la même manière qu’un pick-up artist qui souhaite séduire une femme doit soigner sa « pick-up line », soignez votre accroche. 4. 5. Keep It Simple, Stupid. 6. 7. 8. 9. 10.
13 exercices pour apprendre à parler en public Penser à son public et à ce qui l'intéresse avant de construire son intervention. Noter quelques idées claires, concises et imagées. Et surtout, être soi-même. Voilà, idéalement, comment on devrait se préparer avant chaque prise de parole en public. Mais, plus précisément, que faire pour se sentir prêt ? Voici quelques clés simples pour vous mettre en condition, très en amont ou juste avant vos interventions orales : De temps en temps, pour être progressivement plus à l'aise à l'oral 1. 2. 3. 4. 5. Avant votre intervention 6. 7. 8. 9. Juste avant votre prise de parole 10. 11. 12. 13. Vous êtes prêt!
Programmes gratuits pour ouvrir n'importe quel format de fichiers Créer des infographies et des présentations animées avec Easy Web Content Presenter Il existe sur le marché un certain nombre d’outils permettant de créer des présentations, ou des infographies. Easy Web Content Presenter fait partie de ces derniers, avec quelques subtilités intéressantes. Easy Web Content s’est tout d’abord fait connaître grâce à son Site Builder, soit grâce à son outil de création de sites. Relativement proche de Dreamweaver dans sa logique de conception, ce dernier permet à n’importe quel internaute de « dessiner » facilement un site par l’intermédiaire de son navigateur, sans avoir besoin de pondre une seule ligne de code. Presenter est le dernier module de la suite et il se concentre pour sa part sur la création d’éléments visuels. Tout commence par l’habituelle inscription. Il suffira d’un clic sur le bouton vert pour lancer la création d’un nouveau document. Presenter nous demandera ensuite de choisir un modèle. Ensuite, les choses sérieuses vont commencer. La liste n’est pas exhaustive mais voici un aperçu des fonctionnalités proposées :