<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>svebee &#187; vektor</title>
	<atom:link href="http://www.svebee.com/tag/vektor/feed" rel="self" type="application/rss+xml" />
	<link>http://www.svebee.com</link>
	<description>Something about everything...</description>
	<lastBuildDate>Sun, 20 Mar 2011 09:44:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Izrada bilo kojeg fonta s Fonts, MyFonts, Type&#8230;</title>
		<link>http://www.svebee.com/1147/izrada-bilo-kojeg-fonta-s-fonts-com-myfonts-com</link>
		<comments>http://www.svebee.com/1147/izrada-bilo-kojeg-fonta-s-fonts-com-myfonts-com#comments</comments>
		<pubDate>Mon, 07 Sep 2009 21:24:02 +0000</pubDate>
		<dc:creator>svebee</dc:creator>
				<category><![CDATA[Razno]]></category>
		<category><![CDATA[Tips & tricks]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[myfont]]></category>
		<category><![CDATA[raster]]></category>
		<category><![CDATA[tipografija]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[vektor]]></category>

		<guid isPermaLink="false">http://www.svebee.com/?p=1147</guid>
		<description><![CDATA[Na Internetu postoji mali milijun stranica posvećenih besplatnim fontovima (tzv. &#8220;slova&#8221;), no velika većina (osim nekoliko izuzetaka od kojih preporučam DaFont.com) nudi prilično oskudnu kolekciju fontova te uz to ih nudi sa hrpu reklama i spywarea. Na navedenim stranicama fontovi se mogu slobodno skinuti te koristiti za vlastitu, ponekad i za komercijalnu upotrebu bez ikakve [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin: 10px" src="/images/izrada_fonta/izrada_font_fonts_myfont_00.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." align="left"/>Na Internetu postoji mali milijun stranica posvećenih besplatnim <strong>fontovima </strong>(tzv. <em>&#8220;slova&#8221;</em>), no velika većina (osim nekoliko izuzetaka od kojih preporučam <strong><a href="http://www.dafont.com">DaFont.com</a></strong>) nudi prilično oskudnu kolekciju fontova te uz to ih nudi sa hrpu reklama i <em>spywarea</em>. Na navedenim stranicama fontovi se mogu slobodno skinuti te koristiti za vlastitu, ponekad i za komercijalnu upotrebu bez ikakve naknade autoru. S druge strane postoji nekoliko komercijalnih web stranica koje broje <strong>milijune </strong>različitih (profesionalnih) fontova za najrazličitiju upotrebu (logotipovi, web-stranice, krasopis itd.), no dakako svaki font košta po nekoliko desetaka, najčešće 30-40 dolara, (pa i stotina) dolara, a nerijetko se pojave paketi (kao na npr. <strong><a href="http://www.adobe.com/type/">Adobe Type</a></strong>) koji sadrže nekoliko desetaka podvrsta istog fonta (debljina, kosina i sl.) te ćete za njih morati izdvojiti i preko <strong>$1000 dolara</strong> (primjer &#8211; <strong><a href="http://store1.adobe.com/cfusion/store/html/index.cfm?store=OLS-US&#038;event=displayFontPackage&#038;code=1776">Minion Pro</a></strong>). Jedna od najkvalitetnijih (i najskupljih) stranica za profesionalne fontove nudi i vektorski prikaz svih znakova i slova u odabranom fontu, dok ostale (<strong><a href="http://www.fonts.com">Fonts.com</a></strong>, <strong><a href="http://www.myfonts.com">MyFont.com</a></strong>, <strong><a href="http://www.type.co.uk/">Type Co UK</a></strong>) nude isprobavanje (pregled) fonta u <strong><em>rasterskom </em></strong>formatu na način da upišete nekoliko znakova te vam ih stranica prikaže u željenom fontu. Upravo taj <strong>pregled fontova</strong> može se upotrijebiti za kreiranje vlastitog fonta koji će biti identičan onome na stranici. <span id="more-1147"></span><strong><font color=red>Moram napomenuti da navedeni font ne smijete distrubuirati trećim osobama, prodavati ga ili dijeliti besplatno već koristiti samo za kratkoročna osobna testiranja te nakon toga izbrisati. Ukoliko želite koristiti određeni font u privatne ili komercijalne svrhe, kupite ga!</font></strong></p>
<p>Prva stvar koju morate napraviti jest slikati/uhvatiti <strong>Preview </strong>željenog fonta. Što to konkretno znači? Kao primjer uzet ću font <strong><a href="http://new.myfonts.com/fonts/intellecta/students-alphabet/">&#8220;Student&#8217;s Alphabet&#8221;</a></strong> iz kategorije <em>Intellecta Design</em> sa stranice <strong>MyFonts</strong>. Otvorite željeni font te ćete dobiti slijedeće (za svoje potrebe uzmite drugi <em>Sample Text</em>).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_01.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_01_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Sa tehnikom pritiska tipke PrintScreen te <em>pejstanja </em>u Photoshop ili jednostavno pomoću <strong><a href="http://www.techsmith.com/">SnagIt</a></strong> programa (<strong><a href="http://www.svebee.com/111/screenshots">vodič</a></strong>) uhvatite navedeni <em>Sample Text</em>.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_02.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_02_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Kao što možete vidjeti, konkretno u mom primjeru u gornjem desnom uglu se nalazi <strong>odsječak </strong>cijene, to možete slobodno ukloniti jer će vam olakšati posao koji slijedi.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_03.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_03_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Ključan korak jest pretvaranje <strong>rasterske </strong>slike (naš <em>Preview </em>fonta) u <strong>vektorsku</strong>. Zašto bih pretvarao iz rastera u vektor? Zato što je sam <em>Preview </em>font premalen za kasnije ubacivanje u program kojim ćemo izraditi font, a samim pukim povećavanjem rastera dobili bismo mutnu i nejasnu sliku/obrise slova. Nakon prebacivanja u vektorsku grafiku, font ćemo moći povećavati koliko god nas volja bez gubitka <em>&#8220;kvalitete&#8221; </em>(tj. rubovi će uvijek ostati glatki i ravni). Osobno sam za prvi put probao navedeni sliku pretvoriti u vektor pomoću <strong><a href="http://www.adobe.com/products/illustrator/">Adobe Illustrator</a></strong> programa i mogu reći da nisam dobio očekivano, neovisno o postavkama, rubovi su uvijek ostali čudnovato zakrivljeni i zaobljeni, naročito kod ravnih dijelova (pretvarano pomoću <em>Live Trace</em> funkcije).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_04.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_04_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Zatim sam na Internetu pronašao alternativu posebno <strong>specijaliziranu </strong>za pretvaranje u vektorsku grafiku pomoću nekoliko jednostavnih klikova (nije mi bilo u interesu ručno pratiti linije fonta te ih tako pretvarati u vektor zato što slova jednostavno ima preko 30 komada pa bi to bio mukotrpan posao). Alternativa se zove <strong><a href="http://vectormagic.com/desktop">Vector Magic Desktop Edition</a></strong>, nakon instalacije programa i pokretanja dobit ćete slijedeće.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_05.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_05_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Kao što i sam program kaže, jednostavno odvucite svoju <em>Preview </em>(rastersku) sliku u program te odaberite <em>&#8220;pozelenjenu&#8221;</em> opciju koja je u većini slučajeva točna, a to je <strong>Basic</strong>.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_06.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_06_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Odaberite <strong>Artwork with Blended Edges</strong> što znači da slika ima fine/zaobljene rubove tj. tonove sive na svojim rubovima.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_07.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_07_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Kvaliteta slike je visoka te odaberite <strong>High </strong>(pri postavljanju <em>Sample Texa</em> na stranici uvijek odaberite <strong>maksimalnu </strong>veličinu fonta kako bi kvaliteta bila što viša/bolja).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_08.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_08_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Odaberite <strong>Two Colors</strong> kako se radi o fontu (ponekad će vam ponuditi opciju <strong>Unlimited Colors</strong>, vjerojatno zbog tonova sive na rubovima, svejedno odaberite <strong>Two Colors</strong>).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_09.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_09_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Nakon nekoliko trenutaka (ovisi o veličini i kompleksnosti slike) dobit ćete <strong>kvalitetnu vektorsku</strong> sliku iz bijednog <em>Previewa</em>. </p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_10.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_10_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_11.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_11_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_12.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_12_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Kliknite na kvačicu te odaberite <strong>Save As</strong> te spremite pod <strong>neko_ime.ai</strong> (obavezna ekstenzija <strong>.ai</strong>) ili odaberite pod <strong>Drag and Drop</strong> ekstenziju <strong>.ai </strong>te jednostavno datoteku samo izvučete iz programa van na željenu lokaciju.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_13.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_13_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Otvorite <strong>Adobe Illustrator (.ai)</strong> datoteku u, logično, <strong><a href="http://www.adobe.com/products/illustrator/">Adobe Illustratoru</a></strong> (iako je naravno i drugi programi mogu otvarati).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_14.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_14_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Lijevim klikom označite font te zatim desni &#8211; <strong>Ungroup </strong>kako bi rascijepali svako slovo zasebno (u slučaju spojenih slova/fontova) morat ćete ili posebno slovo po slovo pretvarati/konvertirati ili ćete uz malo vještine ih osobno raspoloviti u Illustratoru. Osobno preporučam prvi način, iako mukotrpniji, dobit ćete kvalitetniji rezultat jer kod <em>Previewa </em>ukoliko se više slova spaja ona se najčešće preklapaju te ako ih tako spojena idete razlomiti, nećete dobiti &#8220;puna&#8221; slova već će vam faliti početak i kraj.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_15.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_15_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Nakon <strong>Ungroup </strong>opcije moći ćete selektirati svako slovo zasebno.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_16.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_16_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Odaberite <strong>Copy </strong>(sa jednim označenim slovom) te <strong>Paste </strong>u novi dokument.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_17.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_17_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_18.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_18_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Spremite datoteku pod <strong>slovo.ai</strong>.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_19.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_19_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Pretvaranje je završeno (barem za nekoliko slova). Zadnji korak je ubacivanje spremljenog vektorskog slova u program za kreiranje fontova kako bi ga mogli normalno koristiti. Osobno koristim <strong><a href="http://www.high-logic.com/fontcreator.html">FontCreator 6.0 Professional Edition</a></strong> iz razloga što nudi najveći broj opcija te nije nešto previše zahtjevan za učenje/baratanje. Otvorite npr. <strong>Arial </strong>font iz razloga što ima najveći broj znakova/slova te prema tome nećete trebati dodavati nove znakove te im dodjeljivati kodove već ćete samo prelijepiti nova slova preko starih. Pri spremanju fonta <strong><font color=red>obavezno radite kopiju</font></strong> (<strong>Save As&#8230;</strong>) kako bi zadržali stari font (Arial), jer ćete u suprotnom ostati bez njega. Možete osobno raditi novi font no smatram to bespotrebnim poslom.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_20.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_20_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Odaberite slovo koje ste spremili, te desni klik na njega &#8211; <strong>Import Image&#8230;</strong></p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_21.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_21_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Odaberite <strong>slovo.ai</strong> datoteku te je otvorite.<br />
<strong>NAPOMENA: Ranije verzije programa ne podržavaju vektorsku grafiku već samo raster (JPG, BMP, PNG&#8230;)!</strong></p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_22.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_22_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Izbrišite postojeće slovo te na njegovo mjesto postavite novo (pri povećavanju vidjet ćete da nema gubitka kvalitete).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_23.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_23_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_24.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_24_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Možete slobodno kliknuti na <strong>Close </strong>te spremiti font (u našem slučaju <strong>File &#8211; Save As&#8230;</strong> kako bi zadržali originalan font).</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_25.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_25_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Iz <strong>Control Panel &#8211; Fonts</strong> kopirajte (spremite) postojeći font, izbrišite ga (<em>Overwrite </em>ne funkcionira) te kopirajte novi font (sa novim slovima).</p>
<p>Kako bi se uvjerili da sve radi kako treba upalite npr. <strong><a href="http://www.microsoft.com/word/">Microsoft Word</a></strong> te otipkajte nešto u vašem fontu.</p>
<p style="text-align: center"><a href="/images/izrada_fonta/original/izrada_font_fonts_myfont_26.jpg"><img style="margin: 5px" src="/images/izrada_fonta/izrada_font_fonts_myfont_26_thumb.jpg" alt="Izrada bilo kojeg fonta s Fonts.com, MyFont.com..." /></a></p>
<p>Isti postupak primijenite na sva ostala slova koja vam trebaju. Uživajte.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.svebee.com/1147/izrada-bilo-kojeg-fonta-s-fonts-com-myfonts-com/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

