Jak exportovat grafiku z Illustratoru pro fotobanky

Illustrator tutorialPomě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.

Export do JPG

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):

Vytvoření obdélníku pro oříznutí

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

Výsledek oříznutí

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ář.

Export JPG náhledu

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.

Export JPG náhledu - změna velikosti, parametry formátu

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).

Export do EPS

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:

Export EPS

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

Export EPS - parametry

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.

Export EPS - správné parametry

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ů:

Ať dělám co dělám, můj EPS soubor má 20 mega!

I to se může stát, mě se jednou podařilo udělat 500 megabajtovej! Doporučuji následující:

  • Nepoužívat efekty, stíny, módy prolnutí (tyto operace se provádějí pomocí vloženého bitmapového obrázku).
  • Co nejméně používat průhlednost. Zejména pak částečná průhlednost nad gradientem vyprodukuje velký EPS soubor.
  • Zkuste celou grafiku zmenšit (je to divné, ale občas to funguje).
  • Pokud přece jen používáte průhlednost, je možné si pohrát s nastavením exportu EPS – nastavit mu nižší kvalitu, nařídit aby používal hlavně vektory:
Export EPS - upravení parametrů pro průhlednost
  • Pokud nic z výše uvedeného nepomohlo, je možné, že je vaše grafika příliš složitá – například pokud tam máte automatikcy trasovanou bitmapu, grunge efekty, případně jste použili složitější štětce. V takovém případě doporučuji umazat ty části grafiky, které nejdou vidět (ať už jsou mimo výřez a nebo jsou schované za jinou vrstvou) a také zjednodušit ty méně podstatné. Zjednodušením se myslí odstranění přebytečných bodů, například pomocí příkazu Object / Path / Simplify.

Color Profiles--Your image contains both RGB and CMYK color profiles.

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č vytvářím velké JPGy:

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.

Komentáře

1
13 únor 2009, 12:06

Skvělá práce Petře, díky!!!!!

 
2
17 únor 2009, 00:08

Dobrý článek. Jinak, 500 mega? To se Vám počítač málem zavařil ne:)? Používáte na grafiku Mac?

 
3
17 únor 2009, 17:48

[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
Martin
22 březen 2009, 12:34

Stale neviem v akom rozliseni mam robit ilustracie: 500×400 pixel????

 
5
23 březen 2009, 09:56

[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ů.

 
6
1 květen 2009, 03:07

Ahoj Vasku,sve obrazky vytvarim ve Photoshopu.Nedari se mi ukladat vysledek v pozadovane EPS.Muzes mi poradit.

Dekuji

 
7
3 květen 2009, 21:11

[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.

 
8
Nikola
17 květen 2009, 12:22

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?

 
9
Honza
17 květen 2009, 20:50

Mohou to být i JPEGy, ale vektorové ilustrace se prodávají lépe. U JPEGů je požadovaná maximální kvalita komprese.

 
10
Lukáš Stříteský
5 červen 2009, 09:17

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/bit­mapy, abych se vyhnul těm bitmapám. Taky nepomohlo.

Jak se s tím vyrovnáváte vy?

 
11
5 červen 2009, 09:58

[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).

 
12
Lukáš Stříteský
8 červen 2009, 11:15

Děkuju za odpověď!

 
13
Dana
11 červenec 2009, 18:43

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ěď

 
14
11 červenec 2009, 20:38

[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.

 
15
12 červenec 2009, 16:22

[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.shut­terstock.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.

 
16
Sako Verife
27 září 2009, 23:31

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 :)

 
17
Simona
6 listopad 2009, 22:06

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?

 
18
7 listopad 2009, 09:31

[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(zavi­nutec)seznam(tec­ka)cz

 
19
BRED
31 březen 2010, 09:48

ahoj,

předně: kvalitní, informačně věcný a inspirativní web!

otázka: chtěl bych se zeptat zda máte zkušenost s programem Inkscape, zda je možné ho použít jako ( částečnou ) náhradu za Illustrator pro tvorbu grafiky ?
Asi bych si Illustrator stáhl nelegálně kdybych chtěl, ale nějak se mi do toho nechce.

 
20
Grapherry
23 srpen 2010, 11:32

Ahoj! Diky moc za vasi clanky)
Mozna neco vubec nechapu, ale obcas se mi nedari vytvorit jpeg vetsi nez 3Mb v illustratoru z vektoroveho obrazku, tuto minimalni velikost pozaduje Dreamstime banka…
Dekuji predem!

 
21
Grapherry
23 srpen 2010, 11:39

ach jo, uz to vidim))
pardon) zmylila jsem se)

 
22
23 srpen 2010, 11:39

Zdravím,
na obdobný dotaz jsem obsáhle odpovídal zde – komentář číslo 147 a také šlo o fotobanku Dreamstime.

 
23
H@®®y
24 srpen 2010, 00:53

Ahoj mám problém dnes po nějaké době sem zkusit udělat nějakou illustraci a když to chci uložit tak se mi to uloží i to co mam mimo plátno a to já nechi dřív mi to nedělalo.Zkoušel jsem ten návod nahoře ,ale asi to dělam blbě mohl by jsi mi poradit prosím??Kdyžtak moje icq je 447655332

 
24
Jirka
31 srpen 2010, 02:50

Na spoustě ilustacích ve fotobankách je uvedeno „Insert your text here“, ale pokud není přiložen příslušný font tak to někdy postrádá smysl, ne? Font se nemá přikládat z jakého důvodu? Kvůli velikosti nebo copyrightu? Díky za vysvětlení

 

Přidej komentář

Pište prosím slušně, s diakritikou a k věci. Dodržujte pravidla a využijte možnosti formátování uvedená pod formulářem.

Email nebude zveřejněn

Pravidla a možnosti formátování

  • Nepoužívejte HTML značky, blog podporuje formátování texy. Nový odstavec získáte 2x odřádkováním, odkaz: "text odkazu":odkaz, **tučně**, *kurzíva*
  • Adresy začínající na http:// budou automaticky převedeny na odkazy
  • Jediné dvě povinné položky formuláře jsou Jméno a zpráva
  • Na předchozí komentáře odkazujte zápisem [2]

 

Sekce