background preloader

La Typographie #3 – Comment créer et trouver sa typo - typographie

[TUTORIAL] Créer votre police - forum Avant de commencer quoi que se soit, je tiens à dire que le tutorial suivant est extrait du magasine Computer Art n°73. Ce tutorial est principalement destiné aux débutants et a pour but de vous initier à la création typographique. Gardons en tête que ce n’est qu’une initiation, la réalisation d’une police reste un travail long et fastidieux. ---------------------------------------------------------------------------------------♦Créez votre propre police manuscrite ♦ A l’aide des logiciels ScanFont et TypeTool, apprenez à créer une police avec votre propre écriture manuscrite. La clé de la réussite de la création d’une police manuscrite se trouve dans la simplicité et l’originalité. ÉTAPE 1 RESTEZ SIMPLE Plus vous dessinez des lettres compliquées, plus il vous sera difficile de les scanner et de séparer chaque glyphe. 1 Pour commencer à travailler sur votre typo, dessinez des lignes sur une feuille de papier A4. ♦CONSEIL♦Contraste fondamental Utilisez toujours un feutre noir.

Les codes de la Typographie #2 – Histoire et Familles - typographie Voici le deuxième volume de notre dossier sur "La Typographie", après avoir vu "La structure et le vocabulaire de la lettre" dans le premier numéro, aujourd'hui nous allons nous intéresser à son histoire et son évolution. Le terme "typographie" est arrivé avec la naissance de l'imprimerie vers 1440, avec la technique d'impression. On disposait des caractères mobiles (en plomb) pour former des mots et des phrases. Depuis ce temps les techniques et l'utilisation des typographies n'ont cessées d'évoluer en devenant automatiques à l'aide de la Linotype vers 1880 (composition sur un clavier puis fonte de la ligne-bloc) pour ensuite arriver à nos jours avec l'ère du numérique. Celui-ci à fait connaitre un essor à la typographie, la création et l'utilisation de celle-ci se fait beaucoup plus facilement. La typographie nous aide en tant que graphiste à connoter et donner des valeurs à nos projets quels qu'ils soient, elle fait partie intégrante de notre métier. Les Garaldes Les Réales Les Didones

La Typographie - Éditer ses propres caractères Les logiciels pour éditer ses propres caractères numériques. Nous avons vu qu'il existe différentes régles et normes pour construire une typo. Si vous envisagez de réaliser votre propre alphabet il faut savoir que vous devrez utiliser un logiciel d'édition ou un outil RIA. Il existe très peu de logiciel qui permette d’éditer vos fonts, gratuit encore plus. Toutefois il faut bien réfléchir au type d'éditeur que vous allez utiliser car il n'offre pas tous les même possibilités. Voici les quelques logiciels d'édition que vous pourriez utiliser : DoubleType Double Type permet de créer vos propres polices de caractères. FontForge Anciennement PfaEdit entre 2001 et 2004, FontForge est un des rares éditeurs de polices de caractère libre sous Windows (mais il fonctionne aussi sous Mac OS X et Linux). Vous pourrez télécharger FontForge sur la page suivante : FontMaker Petit logiciel gratuit qui permet de faire des fontes graphiques sous un format propriétaire.

Les codes de la Typographie #1 - Structure et vocabulaire de la lettre Pour ce mois d'avril, nous allons réaliser un dossier complet sur la Typographie. Essentiel dans la réalisation d'un logo ou d'un slogan elle peut véhiculer des messages puissants et différents selon ses formes. Dans ce premier numéro nous allons compre Définitions : Caractère : Désigne une lettre. 1 - Capitale : Appellé grossièrement Majuscule, il existe deux type de capitales : Les grandes ( 1a ) utilisées en début de phrase et les petites ( 1b ) avec la hauteur et la graisse des minuscules. 2- Minuscule ou Bas de case : Lettre de hauteur moyenne, pouvant posséder des parties scendantes et descendantes. 3 - Barre ou traverse : Partie horizontale des lettres 4 - Diagonale ou branche : Représente les parties obliques d'une lettre 5 - Ligne de base ou ligne de pied : Ligne sur laquelle les lettres sont alignées 6 - Hauteur du X ou hauteur courante : Hauteur des lettres bas de case ne contenant aucune ascendante et descendante. 11 - Empattement : Cela représente le pied du Fut ( Montant ).

January - Pixel Font -Supports a lot of Languages- by *typesprite on deviantART Lisibilité des sites web, font-size : 100% – 16px Dans ce nouvel article je vais présenter les solutions mises en place par les webdesigners pour améliorer la lisibilité de leur contenu textuel. Je ferai une analyse des « bonnes » pratiques typographiques pour optimiser la lisibilité du contenu et présenterai une sélection de sites web affichant leur contenu textuel à la taille par défaut de 100% soit 16px. Trop gros ? Pas esthétique ? Hum… pas si sur que ça… Cet article est disponible en Français et en Anglais : EnglishFrançais Le travail des webdesigners est de concevoir et de réaliser des sites web répondant à la problématique de leurs clients. La lisibilité du contenu est donc un point crucial qui doit attirer toute notre attention. Pour une meilleure lisibilité sur le web Bien qu’il n’existe pas de solution toute faite pour optimiser la lisibilité d’un contenu textuel sur le web, il existe cependant quelques rêgles qu’il est bon de connaître : Choisir un corps de texte suffisamment élevé. Wilson Miner : Relative Readability Analog

FontStruct | Build, Share, Download Fonts helps you choose fonts! Typographer's Glossary Serif: Serif's are semi-structural details on the ends of some of the strokes that make up letters and symbols. A typeface that has serifs is called a serif typeface (or seriffed typeface). Some of the main classifications of Serif type are: Blackletter, Venetian, Garalde, Modern, Slab Serif, Transitional, and Informal. Fonts in each classfication share certain similiar characteristics including the shape or appearance of their serifs. Serif fonts are widely used in traditional printed material such as books and newspapers. Show all Serif Didone is a typeface classification characterized by slab-like serifs without brackets; vertical orientation of weight axes.

La Typographie #4 – Place à l'animation et au Motion Design ! - typographie Voici le 4eme numéro de notre dossier sur la typographie, on commence à avoir vu en grande partie ce qui compose une police. Mais il nous reste maintenant à s'intéresser à son utilisation en animation, dans des clips, teasers, etc. On sait que la typographie fait partie intégrante de tout projet créatif qu'il soit un logotype, une affiche, un visuel, un site internet mais également une vidéo ou une animation. Dans cette article nous allons essayer de faire un tour rapide sur son utilisation dans les teasers, clips musicaux, sur les sites web, mais également dans des livres ! Commençons tout de suite avec ce qu'on peut appeler le Motion Typo que l'on voit depuis plus de 2 ans envahir les animations du web. En quelques mots je dirais que c'est l'art de créer une animation, avec comme seul élément principal "la typographie", ensuite c'est un jeu de mouvements, de compositions et de constructions avec les caractères. La déclaration des droits de l’homme Intelligent Design Hocus pocus - Hip hop

Free Japanese Font - Download Japanese unicode fonts free to download for Mac and Windows Signification des couleurs dans les sites web La façon dont les couleurs influencent notre état d’âme, notre moral et notre corps est une chose vraiment passionnante. Le sujet du billet d’aujourd’hui concerne donc notre perception des couleurs dans le design web et de la manière elles sont utilisées par différentes compagnies dans leur site Internet. « Le billet suivant est une traduction d’un article paru sur le site web de 1stwebdesigner.com écrit par Anastasia Miles ». À la base, les couleurs sont divisées en 2 catégories. Les couleurs situées dans la zone rouge (sur le dessein à gauche) sont les couleurs chaudes (rouge, orange, jaune) et les couleurs situées dans la zone bleue sont les couleurs froides (bleu, mauve, vert). Les couleurs chaudes évoquent plusieurs sensations et émotions, dont la sensation de chaleur, de conforts et d’agrément, et en opposition, de rage et d’agressivité. Dans les temps anciens, les gens croyaient que les couleurs pouvaient guérir de différentes maladies. 1. 2. 3. 4. 5.

Les polices de caractères indiennes Dans son souci d'apporter toujours plus de confort à l'usage des langues indiennes, indeaparis.com vous propose un concentré de liens permettant le téléchargement des polices les plus usitées dans les langues courantes de l'Inde, hindi, télougou, malayalam, tamoul, panjabi ou oriya, mais aussi des polices latines imitant les caractères indiens... Polices latines imitant l'écriture devanagari Polices gratuitesDevanagarish Almost Sanskrit Taj Prakrta Samarkan Polices payantes Faux Sanskrit Modakshar BT Divine Town Regular Divine Town Linear Police gratuites pour ordinateurs personnels Les polices proposées sur les sites listés ci-après s'installent suivant des modes opératoires qui diffèrent selon qu'il s'agisse de Windows sur PC ou de MacOS sur MacIntosh. Polices Baluchi (voir Ourdou) Polices Bhili (voir Devanagari) Polices Bhojpuri (voir Devanagari) Polices Dzongkha (voir Tibétaines) Polices Kashmiri (voir Ourdou) Polices Kodagu (voir Télougou) Polices Konkani (voir Devanagari)

Related: