Poměrně často se mě čtenáři
ptají, jak v Illustratoru ukládat a nahrávat vektorové ilustrace do
fotobank (nedávno jsem zde zveřejnil podobný
článek pro Corel). V následujícím článku se o této problematice
trochu rozepíšu, ukážu jak ilustrace exportovat do EPS i JPG formátu a
prozradím i několik fíglů spojených s fotobankami.
Uvedené postupy platí pro Adobe Illustrator CS2, i když skoro stejné to je i v předchozích verzích tohoto programu.
Jelikož každá fotobanka potřebuje u vektorové ilustrace kromě vektorového formátu EPS také JPG náhled, je potřeba jej vytvořit. Osobně používám příkaz File / Save for Web & Devices. Dá se použít i trochu krkolomná klávesová zkratka ALT+SHIFT+CTRL+S (kdo dělal někdy grafiku pro web ve Photoshopu, tak ji má zažitou). Předtím je vhodné nastavit „ořez“ (Crop Area), aby Illustrator věděl jakou výseč grafiky má exportovat. V opačném případě by tam zahrnul veškerou grafiku na plátně (což občas nechceme) a to bez okrajů.
Nuže vytvořte nejlépe v nové spodní vrstvě obdélník, který bude ohraničovat vaši grafiku, tak, jak vám to nejlépe vyhovuje (nezáleží při tom na výplni a tahu):

Vyberte pouze tento obdélník a zvolte Object / Crop Area / Make:

Měly by se vám zobrazit ořezové značky (pokud tento postup čte někdo, kdo opravdu umí s Illustratorem pracovat, nechť se neděsí mého názvosloví – učil jsem se Illustrator sám, bez kurzů a bez knih).
Nyní k vlastnímu exportu do JPG – k tomu používám již na začátku zmíněný příkaz File / Save for Web & Devices, který zobrazí následující formulář.

Před uložením této vyexportované bitmapové grafiky byste se měli zamyslet, jak velký obrázek požadujete. Například Stockxpert vyžaduje jen malý náhled, oproti tomu Dreamstime chce co největší (tam totiž figuruje vektorový formát EPS jen jako doplňková možnost). Osobně většinou ukládám velký náhled. Asi tak 3000 px krát 4000 px (to jest asi 12 megaPIXELŮ), občas větší, občas menší, jak to vyjde. O důvodech se dozvíte více na konci článku.

Výsledná velikost grafiky v pixelech se změní snadno – stačí se přepnout na příslušnou paletku (viz krok 1 na obrázku), zadat patřičnou velikost (stačí v jednom políčku, druhé se dopočítá samo – krok 2), zaškrtnout vyhlazování hran (to aby to nebylo kostrbaté – krok 3) a potvrdit (krok 4). Program bude chvilku pracovat a poté zobrazí přegenerovanou grafiku (aby to bylo trochu rychlejší, doporučuji předtím v tomto dialogu přepnout na první záložku – v levém horním rohu – Original, nebude se tak aplikovat JPG komprese).
V dalším kroku nastavíte parametry komprese výsledného JPG souboru. Pro fotobanky je potřeba mít co nejkvalitnější obrázky, proto nastavíte (krok 5) kvalitu na 100, Blur na 0 (pokud tam nevidíte tyto parametry, přepněte si formát na JPEG). A výsledek uložíte na disk (krok 6).
Nyní je potřeba uložit grafiku ve vektorovém formátu, který fotobanky požadují – tedy do formátu EPS verze Illustrator 8.
Stačí k tomu použít příkaz File/Save As (SHIFT+CTRL+S) a vybrat formát EPS:

Zobrazí se následující dialog, ve kterém bude potřeba některé volby změnit:

Tak předně je potřeba zvolit formát Illustrator 8 EPS, Preview doporučuji vypnout (pouze zabírá místo), fonty nepřidávat ke grafice – pokud v ní máte jakékoliv písmo je nutné jej před exportem převést na křivky pomocí příkazu Object / Expand, pokud jej nerozložíte na křivky, fotobanka tuto ilustraci odmítne). A ještě jednou odškrtněte, že náhled se nemá do souboru přikládat. Uložíte na disk a máte hotovo.

Tedy skoro hotovo. Fotobanka Shutterstock (pro kterou kreslím nejvíce) má limit na velikost EPS souboru a to 5MB. Pokud váš výsledný EPS soubor pro tuto fotobanku má více megabajtů, je nutné jej zoptimalizovat – viz tipy níže.
Na závěr jsem si nechal několik odpovědí na časté dotazy a pár tipů:
I to se může stát, mě se jednou podařilo udělat 500 megabajtovej! Doporučuji následující:

Občas si při práci v Illustratoru nedám pozor a zamíchají se mi do ilustrace objekty s jiným barevným režimem, to mi pak Shutterstock napíše:
When opened in Illustrator, the pop-up reads: „This document contains objects using both CMYK and RGB modes. Illustrator allows only one color mode per document. Which color mode would you like to use?“ Please choose one color mode and resubmit.
Color Profiles – Your image contains both RGB and CMYK color profiles. Please resubmit your vector with only 1 color profile
Co s tím? Stačí otevřít v Illustratoru a použít Soubor / Barevný režim dokumentu / Barvy RGB (File / Document Color Mode / RGB Color), uložit a znovu nahrát na fotobanku.
Proč dělám tak velké JPGy, když na Shutterstocku jim stačí 400×500 pixelů? Odpověď je prostá – jinde to nestačí a tak než abych generoval několik verzí JPGů pro různé fotobanky, raději vytvářím jeden – ten největší. Fígl je v tom, že do něj (do IPTC tagu) poté zapíšu název, popis a klíčová slova a můžu jej snadno nahrát na dalších pět fotobank. Popravdě řečeno, nechce se mi nahrávat vektory na některé fotobanky, protože mi to přijde zbytečně složité, pracné a časově náročné. Navíc na některých fotobankách, mají i vyšší nároky na obsah vektoru (například, že musí mít uzavřené cesty a podobně). Proto vektory primárně nahrávám jen na Shutterstock (tam to má smysl a nároky jsou minimální) a na Dreamstime (tam to dělám až po schválení ilustrace, většinou nárazově po měsící či dvou – viz článek o Dreamstime – sekce přidávání dalšího formátu). Na StockXpertu jen občas přidám vektorovou verzi u grafiky, která se dobře prodává a všude jinde nahrávám pouze velký JPG.
Dobrý článek. Jinak, 500 mega? To se Vám počítač málem zavařil ne:)? Používáte na grafiku Mac?
[2] No chvíli chroupal, to je fakt :)
Všechno dělám na PC ve Windows, Maca máme v práci, ale nějak si na něj nemůžu zvyknout.
[4] Ono je celkem jedno jak velké plátno na začátku v tom Illustratoru máte (já začínám s 800px x 800px), ale pak to oříznu na míň a nebo naopak kreslím i mimo plátno a zvětšuji.
Dokud se jedná o vektor, tak je rozměr vedlejší, neboť vekotry se můžou libovolně zvětšovat a zmenšovat. Jakmile ale exportujete do bitmapového formátu (JPG), tak si rozměry můžete nastavit dle svých požadavků.
Ahoj Vasku,sve obrazky vytvarim ve Photoshopu.Nedari se mi ukladat vysledek v pozadovane EPS.Muzes mi poradit.
Dekuji
[6] Nevim o jakem Vaškovi mluvíte (já jsem Petr), ale z Photoshopu rozumné (vektorové) EPSko neuděláte. To už je lepší to pak nahrát jako JPG. Pokud chcete tvořit vektory, tak použijte Illustrator, nebo jiný vektorový editor.
Dobrý den, vadí tedy, když vytvořím nějaké obrázky ve photoshopu a ukládám je pouze jako jpg? Musím je nahrávat i ve formátu eps do fotobanek?
Mohou to být i JPEGy, ale vektorové ilustrace se prodávají lépe. U JPEGů je požadovaná maximální kvalita komprese.
AI CS3 do EPS AI8 export
Dobrý den! Používám AI CS3 a při převodu do EPS verze AI8 mi to dělá dost velké potíže. Hlavně u obrázků, kde používám blend (prolnutí) nebo různé průhlednosti.
Například tlačítko vyrobené blendem (dva kruhy prolnuté) mi to převodlo na spoustu cest. Průhlednosti mi to většinou převede na čistou bitmapu, stejně tak Illustratorovske effekty.
Nastavení převodu používám přesně tak, jak je popsáno v tomto článku, hrál jsem si i s nastavením poměru vektorizace/bitmapy, abych se vyhnul těm bitmapám. Taky nepomohlo.
Jak se s tím vyrovnáváte vy?
[10] Z blendu vždy vznikne spousta cest, na tom je blend postavený, to je jeho podstata, že vytvoří zadané množství křivek, které přechází z jednoho tvaru do druhého.
Průhlednost nevadí některým fotobankám, iStock ilustrace s průhledností nepřijme (alespoň si to myslím).
Já se s tím nijak nevyrovnávám, pro Shutterstock a Dreamstime stačí, když výsledné EPS má velikost pod 5 MB, což jsem vždy dokázal (průhlednost se musí používat s mírou).
Dobrý den, mám dotaz, který s tímto článkem moc nesouvisí, ale nevím, kam s ním… Můžu udělat obrysy postav z cizích fotek nebo musím použít svoje? Myslím tím takové ty sady černých postaviček např. sportovců atd. Děkuji za odpověď
[13] Fotky musíte použít svoje, některé fotobanky (např. iStock) dokonce k takovýmto vektorům vyžadují přiložit původní snímek, podle kterého byla ilustrace vytvořena.
[10] Právě proto požadují fotobanky AI a EPS ve verzi 8. Takový soubor je pak bez problémů kompatibilní a editovatelný ve všech známých vektorových editorech. Vyšší verze Illustratoru – než Illu.8 – poskytují možnost různých efektů (průhlednosti, prolnutí, 3D efekty…), které jiné vektorové editory při otevření takového dokumentu neumějí zpracovat správně nebo vůbec.
Tam kde povolují průhlednosti převedené do bitmap, riskují naštvaného zákazníka, který koupí vektor a má v úmyslu mnohonásobně ho vyzvětšovat. V takovém případě mu totiž bitmapa bude „pixelatit“ (stejně jako u přezvětšované fotky).
Všechno se dá ale i ve verzi 8 vyrobit tak, aby výsledný obraz působil stejně jako s použitím různých efektů. Dá to jen víc práce. Zde http://www.shutterstock.com/pic.mhtml?… není použitá průhlednost, jen odstíny barev. Jindy lze zas použít Gradient mesh, který nádherně modeluje, ale zase datově soubor velice nafoukne.
super clanek. Jen poznamka k te velikosti 500MB. Kreslim doma v CS3 a pokud jsem prevedl hodne detailni a fotorealisticky (co nejvic) obrazek do ESP8 tak me vylezl soubor o velikosti okolo cca 900MB :) Odted uz budu muset pouzivat nektere funkce s rozmyslem :)
Dobrý den,
zkoušela jsem se držet návodu, ale soubor eps se mi přesto nepodařilo zmenšit. Při exportu z Corelu se mi velikost podařilo zmenšit, ale po převodu v Illustratoru na požadovaný Illustrator EPS 8 jsem dosahovala stejných velikostí jako předtím. Přitom má kresba není složitá, několik objektů, které mají vybarvení „solid barvou z palety“ a přes ně několik čar (ve výsledku to je vážka). Nebyli by nějaké další tipy?
[17] Jestli chcete klidně se na to mrknu, ale takhle na dálku… pošlete mi .ai soubor (nemám moc důvod ho zněužít na export do vlastního portfolia)
mandoral(zavinutec)seznam(tecka)cz
← Nová reference: Každá žena může být krásná Čtenářské deníky, online knihovničky a databáze knih →
Už jste zkusili prodávat fotky a ilustrace přes fotobanky?
Všechny články o fotobankách
Knihy o webdesignu, grafice, digitální fotografii.
Kompletní seznam nabízených knih
Nebo alespoň pozemek. Důležité je dobré spojení vlakem.
Prodáváte takovou nemovitost?
Domény zdarma
Český hosting dává domény zdarma k webhostingu -
www.cesky-hosting.cz
Jaryn (Shutterstock - návod na vyplnění daňového formuláře)
Johny Drake (Danění příjmů z fotobank)
90 % Stephen Clarke: Už zase skáču přes Merde!
Výborné pokračování knihy Merde! Rok v Paříži, děj více popisuje milostné pletky hlavního hrdiny (v předchozí knize to bylo více o Francouzích obecně). Místy mi to pripomínalo Nicka Twispa po dvaceti letech (hrdina knihy Mládí v hajzlu). Ale dobré to bylo a další díl si určitě také seženu a přečtu.
90 % Petr Syrový: Financování vlastního bydlení
Stručně jasně a přehledně popsané způsoby jak financovat koupi bytu, domu - autor dobře popisuje jednotlivé způsoby, které jsou stále platné. Některé detaily však od dob vydání co jsem čet už neplatí, zejména pak výše úroků u hypotéky, spoření atd. Takže pozor na to...
jPlayer
jQuery audio player plugin pro vaše stránky - lze snadno nastylovat, obsahuje i čistě textovou verzi a vypadá dobře.
Better drop shadows
Jednoduchá technika jak udělat ve Photoshopu realističtější stíny.
13 Simple CMS Options
Tipy na jednoduché redakční systémy, které mnohdy nepotřebují ani databázi.
Nejlepší jQuery lightboxy
Článek s přehledem lightboxů založených na knihovně jQuery.
jQuery News Ticker
Docela pěkný a jednoduchý news ticker pro jQuery. Právě jsem ho použil na jednom webu.
Pixlr
Online grafický editor - něco jako ořezaný Photoshop, který běží na webu.
[Grafika]
CSS Mania
Další galerie vizuálně přitažlivých stránek s velkým množstvím rozličných kategorií.
Javascript beautifier
Online zpřehledňovač (nástroj na přeformátování) javascriptového kódu - hodí se pokud máte zoptimalizovanou verzi skriptu (bez indentace, mezer, odřádkování) a potřebujete se v něm alespoň trochu vyznat.
Vector Magic
Asi nejlepší nástroj na konverzi bitmapy na vektor (převod do křivek). Kam se na něj hrabe Adobe Illustrator. Tento nástroj je navíc online na stránkách a zdarma!
Golden Ratio Calculator
Nástroj pro výpočet "zlaté šířky" dvou sloupců v layoutu (založené na zlatém řezu)