Plugin Try FontShop fonts in Adobe® Creative Suite® The free FontShop Plugin lets you preview any of our 150,000+ fonts, in the context of your own artwork in Adobe® Photoshop®, Adobe® Illustrator®, Adobe® InDesign®, or Adobe® Fireworks® (CS5, CS5.5 and CS6). This is a great new way to find the perfect typographic fit for your project. Features: Supports Adobe Photoshop, Illustrator, InDesign & Fireworks Preview fonts in your document Search by name, designer or foundry Collect and tag favorite fonts Watch the introductory video and read on for details on how to download, install and use the FontShop Plugin. Free Download This is the beta version. Installation First download the latest version of the plugin. Double-click on the downloaded file to install the extension using the CS5, CS5.5 or CS6 Adobe Extension Manager (AEM). That’s it! Note: Windows Users, if double-clicking does not work, you may need to right-click on the downloaded file and then choose “Run as Admin”. Getting Started Finding Fonts
Adobe Adobe Originals About the foundry The Adobe Originals program started in 1989 as an in-house type foundry at Adobe, brought together to create original typefaces of exemplary design quality, technical fidelity, and aesthetic longevity. Today the Type team’s mission is to conduct original research and development for type at Adobe, making sophisticated and even experimental typefaces that explore the possibilities of design and technology. Typefaces released as Adobe Originals — fully-featured families and smaller “Concept” projects alike — are the result of years of work and study, regarded as industry standards for the ambition and quality of their development. Visit the Adobe Originals website Meet Adobe Type The in-house type foundry at Adobe Enter your own text... ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 ¿ ? 50px Featured Name Newest Introducing Typekit Marketplace Introducing Typekit Marketplace Find and buy great fonts from some of the biggest names in the type world. Learn more Browse Fonts
Beautiful web type — the best typefaces from the Google web fonts directory Lucius Annaeus Seneca60 AD Among the numerous faults of those who pass their lives recklessly and without due reflexion, my good friend Liberalis, I should say that there is hardly any one so hurtful to society as this, that we neither know how to bestow or how to receive a benefit. It follows from this that benefits are badly invested, and become bad debts: in these cases it is too late to complain of their not being returned, for they were thrown away when we bestowed them. Introduction à Canvas Depuis l’arrivée de HTML5 et de ses nouveaux éléments, les sites et applications web peuvent profiter de grandes avancées pour rendre ce média attractif : audio, vidéo et Canvas pour disposer de fonctionnalités de dessin en 2D et 3D dans le navigateur. L'élément qui nous intéresse ici est <canvas>. Il s'agit d'un espace de pixels initialement transparents, armés de JavaScript pour réaliser un bon nombre de fonctions graphiques, partant du simple tracé de courbe pour aller jusqu'aux animations et jeux vidéo. Flash est-il mort ? De nombreux parallèles avec la technologie Flash ont été réalisés et diffusés. Voici quelques avantages de Canvas : De quels outils dispose-t-on ? L'inconvénient encore actuel de Canvas est que ses usages sont si variés et modulaires (dépendant de librairies, d'images chargées, d'interactions) qu'il n'existe pas d'outil miracle ou d'IDE (Environnement de Développement Intégré) pour produire le code nécessaire sans devoir toucher directement au code JavaScript.
Make use of grids for typographical layouts. Good typography skills are essential for any graphic designer - and those of us who work with text every day know how difficult it can be at times. A well-planned grid is key to creating a good typographical layout, as having a strong foundation to work with is a great way to keep a text-heavy document looking clean, consistent and easy to navigate. InDesign has some great features to make this process simple, enabling you to achieve some impressive results with minimal time and effort. As designers, we're always experimenting and pushing the boundaries of design, at times creating very complicated layouts. However, I believe a clean, simple and well-structured approach can be just as effective. Click here to download the tutorial for free
8 gratuit Adobe Icons produit | Télécharger PSD gratuitement Best 20 webfonts from Google Web Fonts and @font-face embedding At the moment there are several ways to use non-system fonts on a website. We will focus on the two least complicated, least expensive systems, Google Web Fonts and the @font-face rule. Fear not, we have not ruled out other paid methods such as Typekit, Fonts.com Web Fonts, Fontdeck, Webtype, WebINK or Fontspring for future posts as they certainly offer high quality typefaces and deserve to be considered. Basically, there are two implementation models: 1. 2. Web font embedding services Google Web Fonts (GWF) or Typekit are systems which allow the use of fonts hosted on their servers. Implementation It really is quick and simple: 1. 2. 3. Here you can consult a extended manual for styles, script subsets, and using multiple fonts. Top recommended fonts from Google Web Fonts You will find many unfavorable reviews about the quality of GWF’s fonts and the amateur nature of many typefaces. Open Sans Josefin Slab Arvo Lato Vollkorn Abril Fatface Ubuntu PT Sans + PT Serif Old Standard TT Droid Sans
Les grilles dans le webdesign "Il y a quelque chose de différent entre ce site et le mien… Il a l'air de faire plus pro et je ne sais pas pourquoi !" N'avez-vous jamais eu ce genre de remarque ? Pourtant vous utilisez Photoshop (ou autres programmes équivalents) depuis un certain temps, vous connaissez les règles typographiques et celles du web, la palette de couleur a été choisie avec soin... Bref, rien n'y fait : votre site semble déstructuré / désharmonisé. Pas d'inquiétude, vous n'avez sans doute pas utilisé de grille dans votre design ! Une grille, comme dans le film* ? Utilisée en imprimerie, il est tout à fait possible de transposer le système de grille dans le domaine du web. * Un film très bleu avec des motos, des combats de disques et un certain monsieur Flynn. Grilles : les bases Il existe beaucoup de grilles différentes avec autant de cas concrets d'utilisations. Anatomie d'une grille Elle sert d'armature pour organiser la page et son contenu. On obtient alors une page plus lisible et plus homogène.
75 top typography tutorials The web is brimming with typography tutorials, but many are low quality and others are very out of date. So we’ve trawled the internet to uncover the diamonds in the rough, in the form of 50 top-quality typography tutorials, to bring your knowledge and skills up to speed. Get Creative Cloud Perhaps you’re looking for a good introduction to the fundamentals of typography? Or perhaps you want to develop and push your type abilities further? Either way, you’re sure to find just what you’re looking for on this list, which includes typography lessons in the form of traditional text-and-image tutorials, animations and video, and even games. We’ll be adding to this list as time moves on, so make sure you bookmark this fantastic resource, and come back from time to time to see what’s new in the world of typography tutorials. We'll start by looking at tutorials to help you with mastering the fundamentals of typography – skip through to another page if you're after something more advanced. 01. 02.
Intégrer les réseaux sociaux sur son blog Si vous arrivez sur ce blog pour la première fois, vous serez peut-être intéressés par mon guide de 36 pages sur le référencement : je vous explique comment référencer votre blog en 20 étapes. Pour télécharger gratuitement ce guide, cliquez ici. Vous serez redirigé sur un autre onglet et pourrez continuer votre lecture ensuite sur cette même page. Des boutons sociaux pour son blog Un blog sans réseaux sociaux, c’est comme une voiture sans roues : ça roule quand même un peu moins bien. Si je regarde mes résultats du mois d’avril, je vois que 24% de mon trafic vient des réseaux sociaux tels que Facebook, Twitter, Pinterest, et 44% vient de Hellocoton, que je considère comme un réseau social (je dis ça car ce n’est pas le cas pour Google Analytics). D’où l’importance d’avoir des profils sur les réseaux sociaux les plus connus, et de les intégrer sur son blog, de 2 manières : Faciliter le partage sur les réseaux sociaux Tout va très vite sur Internet. Un lien vers ses pages de réseaux sociaux
Nice Web Type