background preloader

So you want to create a font. Part 1

So you want to create a font. Part 1
By Alec Julien So you’re a brilliant designer, a master calligrapher, and you’ve learned all about serifs, side-bearings, and kerning. Now you want to create your own font. (What! You haven’t learned all about serifs, side-bearings, and kerning? The Crux: Font Editing Software All the brilliant design, precise calligraphic work, and deep knowledge of kerning won’t mean anything if you can’t translate your work into a computer-friendly format, which is why you’ll need a good piece of font editing software at your disposal. Font Editing Programs FontLab Studio is what I use to make my fonts. All of these programs operate on the same principles, differing in specifics, interface, and levels of options and power. Once you have a good font editing program, there are three basic routes to creating a font. Method 1: Draw it on paper Tools You’ll Need Are you artistic? Scan your beautiful work into Photoshop, and then turn your image into a bitmap (black and white—no shades of grey). Almost there.

Neil Watson | Typojungle Have a look at the showcase of Neil Watson personal creative work and commercial commissions over the last 8 years working in retail, luxury and fashion. Making a Book of Magical Playground Scene This tutorial will show how to create a fantasy book scene. We will be using various advanced Photoshop techniques to make the composition as realistic as possible. Preview of Final Image Create a new document of size 1200×600 pixels. I need a smoother wall, so I randomly downloaded a beautiful texture from Krakograff’s Gallery. Download "open book" from ShutterStock. Create a new layer below the book. Create a new layer above the rest. Then set the Blend Mode of Gradient Overlay layer to Soft Light. Create a new layer above the rest. Pick the Eraser tool with soft round type and 700pt size, click once or twice at the center of the document to reveal the book again. Create a new Levels Adjustment Layer above all the other layers. Download "green field and blue sky" from ShutterStock. Make a layer mask on the Grass layer. Repeat the same processes for the right side of the book, leaving a small gap at the middle for building a small river later on. Download "blue sky" from ShutterStock.

fonts, typefaces and all things typographical — I love Typography (ILT) 25 Christmas Inspired Free Fonts Resources November 30, 2012 Hello creatives! December is officially on so the most celebrated time of the year in most countries is just a few days to go. For designers and creatives, Christmas is not just a season for giving and a moment to spend time with loved ones but also a nice opportunity for possible design projects for the holidays. DK Clair De Lune font | Download Source One Starry Night | Download Source ChopinScript | Download Source Candy Cane | Download Source Snowhouse DEMO | Download Source Mountains of Christmas | Download Source St. Santa’s Big Secret BB | Download Source Fonts-Lab Symphony | Download Source Harrington | Download Source Lane – Cane | Download Source AlaskanNights | Download Source Noel | Download Source Christmas On Crack | Download Source akaPotsley | Download Source XmasTerpiece | Download Source Greetings | Download Source Hultog Snowdrift | Download Source Xmas Gingerbread | Download Source Precious | Download Source Eutemia I | Download Source

Give Your Photos a Retro Comic Book Effect Creating a old comic book effect for your photos is easy and the results are visually appealing. More fun is achieved when adding captions to your photos using comic book fonts and design elements. This tutorial will show you how to give a comic book look to your photos using a couple of filters and some additional decorations. Process preview Read tutorial at Creative Closeup… Fonts - using them in web design This gives information about fonts in web pages. Note : this page uses the word font for what is more correctly termed a font family. E.g., this page uses “Arial font” to refer to all members of the Arial font family, in all its sizes, weights, and variations; and this page uses “generic font” for the term “generic font family” which appears in CSS specifications. User Default Fonts Browsers typically let users pick fonts to be used when pages do not suggest fonts using either CSS or <font>, or when the user has set an option not to use fonts suggested by the page. E.g. With many browsers these fonts may be different from the 5 CSS generic fonts. Generic Fonts When using the CSS font-family property to style text, there are five generic fonts: serif, sans-serif, cursive, fantasy, and monospace. There are three important issues to consider about these fonts. Let’s consider each of these issues. Selecting Installed Fonts as Generic Fonts CSS List of Fonts Suggesting Fonts Common Fonts Mobile Fonts

How much to charge for design work? Posted on 26'09 Feb Posted on February 26, 2009 along with 98 JUST™ Creative Comments Often I get asked this question via email, facebook or twitter about how to price yourself as a designer. The usual phrase goes something along the lines of “how much should I charge for” … web design, graphic design, logo design, etc. In reply, I usually send them off to Freelance Switch’s pricing yourself section (they removed it) and / or refer them to my article on the fast, good, cheap pricing method however I have come across a few other valuable resources: Danny Outlaw suggests to ask yourself 10 Questions when pricing yourself: What services am I pricing? Similarly, Jeff Fisher suggests some other questions to ask yourself, in his article How Much Should I Charge? What is your experience in the field of graphic design or with a specific type of project? So really, there is no magic formula? Here, Josh provides four steps to effective design pricing: But always remember… there is no exact formula.

Realistic Denim Texture | PSDTOP Blog On 09.23.09, In Designing, Effects, by sergio This tutorial is about creating a realistic denim texture from scratch by mixing grayscale layers using Blend Modes and Filters. So let’s start! Final Image Preview Step 1. To start create a new RGB document 900px wide x 1500px high, set the resolution to 150 ppi and the Background Contents to white. Set the Background [...] This tutorial is about creating a realistic denim texture from scratch by mixing grayscale layers using Blend Modes and Filters. Final Image Preview Step 1. To start create a new RGB document 900px wide x 1500px high, set the resolution to 150 ppi and the Background Contents to white. Set the Background Color on Color Picker dialog box to R:30, G:73, B:126. Press Ctrl+Backspace (MAC: Command+Delete) to fill the Background Layer with blue color. Step 2. Create a New Layer by clicking on the icon at the bottom of the Layers panel. Set Foreground and Background colors to default black and white by pressing D. Step 3. Step 4. Step 5.

@font-face and 15 Free Fonts You Can Use Today Fonts are a huge part of design (as we all know). Text on the web needs to be much more dynamic than in any other media. We have solutions like Cufón, sIFR, etc. but perhaps one of the better options is using @font-face in CSS. We’ll take a quick look at using @font-face in CSS and 15 great free fonts you can start using today. What is @font-face? @font-face is a CSS rule that lets web designers link to a font that visitors may not have installed. Once the font is linked, it is used just like you would use any other font in your CSS. You MUST be sure the font you intend on using is appropriately licensed for @font-face linking/embedding. Why Use @font-face? @font-face doesn’t rely on any technologies other than good’ol CSS, the font file you want to use and a capable browser. Browser compatibility is getting much better too. While that still leaves a lot of web users without @font-face support, it’s okay because they will just get another font in your font stack. Here’s what we get. ttf2eot

Related: