{"id":6767,"date":"2020-09-25T10:57:08","date_gmt":"2020-09-25T08:57:08","guid":{"rendered":"https:\/\/igloonet.cz\/blog\/?p=6767"},"modified":"2020-10-05T16:30:07","modified_gmt":"2020-10-05T14:30:07","slug":"61-tipu-na-pokrocilou-praci-s-canvou","status":"publish","type":"post","link":"https:\/\/igloonet.cz\/blog\/61-tipu-na-pokrocilou-praci-s-canvou\/","title":{"rendered":"6 + 1 tip na pokro\u010dilou pr\u00e1ci s Canvou"},"content":{"rendered":"
<\/div>\n

Zn\u00e1te Canvu? A vyu\u017e\u00edv\u00e1te jej\u00ed funkce naplno? Mrkn\u011bte na 7 zaj\u00edmav\u00fdch tip\u016f, kter\u00e9 v\u00e1m otev\u0159ou cestu k p\u0159esn\u011bj\u0161\u00ed a rychlej\u0161\u00ed pr\u00e1ci s ka\u017edodenn\u00ed grafikou.<\/p>\n

<\/p>\n

Australance Melanie Perkinsov\u00e9 sch\u00e1zel p\u0159i studiu jednoduch\u00fd n\u00e1stroj na pr\u00e1ci s grafikou. S p\u0159\u00edtelem Cliffem Obrechtem proto vytvo\u0159ili Fusion Books<\/a> na tvorbu \u0161koln\u00edch ro\u010denek a v roce 2013 n\u00e1sledoval grafick\u00fd editor Canva<\/a>. Z mal\u00e9ho start\u2011upu je dnes firma se stovkami zam\u011bstnanc\u016f a miliony u\u017eivatel\u016f po cel\u00e9m sv\u011bt\u011b.<\/p>\n

P\u0159esto\u017ee Canva urazila od sv\u00fdch po\u010d\u00e1tk\u016f dlouhou cestu, st\u00e1le si dr\u017e\u00ed sv\u00e9 nejv\u011bt\u0161\u00ed zbran\u011b \u2014 jednoduchost a u\u017eivatelskou p\u0159\u00edv\u011btivost<\/strong>. Pokud pot\u0159ebujete rychlou a snadnou grafiku pro web, soci\u00e1ln\u00ed s\u00edt\u011b nebo bannery, t\u011b\u017eko budete hledat lep\u0161\u00edho konkurenta. Hrav\u011b zvl\u00e1d\u00e1 i nejr\u016fzn\u011bj\u0161\u00ed infografiky, animace, a dokonce i videa.<\/p>\n

Z\u00e1klady a z\u00e1kout\u00ed<\/h2>\n

Jak Canva funguje pochop\u00edte opravdu intuitivn\u011b. B\u011bhem p\u011btiminutov\u00e9ho zkou\u0161en\u00ed hrav\u011b zvl\u00e1dnete pou\u017e\u00edvat p\u0159edp\u0159ipraven\u00e9 \u0161ablony, upravovat fotografie a p\u0159id\u00e1vat texty.<\/strong> \u010cten\u00ed n\u00e1vodu je mo\u017en\u00e1 slo\u017eit\u011bj\u0161\u00ed, ne\u017e kdy\u017e si aplikaci sami vyzkou\u0161\u00edte.<\/p>\n

Existuj\u00ed v\u0161ak ur\u010dit\u00e1 z\u00e1kout\u00ed a problematick\u00e1 m\u00edsta, kter\u00e1 nejsou na prvn\u00ed dobrou zjevn\u00e1. N\u011bkdy se m\u016f\u017ee zd\u00e1t, \u017ee Canva danou funkci neum\u00ed, a v\u00e1m nezb\u00fdv\u00e1 ne\u017e otev\u0159\u00edt jin\u00fd grafick\u00fd n\u00e1stroj. Funkce p\u0159itom existuje, akor\u00e1t je dob\u0159e skryt\u00e1. Mrkn\u011bte na p\u00e1r pokro\u010dilej\u0161\u00edch tip\u016f, kter\u00e9 se n\u00e1m osv\u011bd\u010dily.<\/p>\n

Pro p\u0159esnost dod\u00e1v\u00e1m \u017ee \u010d\u00e1st tip\u016f jde aplikovat pouze na placenou verzi, kter\u00e1 otev\u00edr\u00e1 v\u00edce mo\u017enost\u00ed grafick\u00fdch \u00faprav. N\u00e1hledy d\u00e1v\u00e1m v angli\u010dtin\u011b, \u010de\u0161tina je nicm\u00e9n\u011b tak\u00e9 k dispozici.<\/p>\n

1) K\u00f3tov\u00e1n\u00ed a prav\u00edtko<\/h3>\n

Za\u010dnu t\u00edm nejlep\u0161\u00edm a mo\u017en\u00e1 nejd\u016fle\u017eit\u011bj\u0161\u00edm tipem mimo z\u00e1kladn\u00ed pravidlo: \u201ePokud n\u011bco nefunguje, zkus reload!\u201d K\u00f3ty a prav\u00edtko v\u00e1m zachr\u00e1n\u00ed dosud nevytr\u017een\u00e9 vlasy<\/strong> z tr\u00e1pen\u00ed, \u017ee toho Canva spoustu neum\u00ed.<\/p>\n

Prost\u00e1 ot\u00e1zka: Je tento n\u00e1hodn\u00fd tu\u010d\u0148\u00e1k na st\u0159edu nen\u00e1hodn\u011b zvolen\u00e9ho pozad\u00ed?<\/p>\n

<\/a><\/p>\n

M\u00e1m v\u00e1s! Nen\u00ed. Jak to v Canv\u011b jednodu\u0161e zjistit? Sta\u010d\u00ed ozna\u010dit prvek a zm\u00e1\u010dknout Alt<\/code><\/strong>. Voil\u00e0: zobraz\u00ed se vzd\u00e1lenosti od okraj\u016f.<\/p>\n

<\/a><\/p>\n

Samoz\u0159ejm\u011b m\u016f\u017eete nam\u00edtnout, \u017ee vyst\u0159edit obr\u00e1zek je v Canv\u011b jednoduch\u00e9, sama v\u00e1s p\u0159ece navede. Co ale vz\u00edt dva tu\u010d\u0148\u00e1ky a zjistit, jak jsou na tom?<\/p>\n

<\/a> <\/a> <\/a><\/p>\n

T\u00edmto zp\u016fsobem zm\u011b\u0159\u00edte vzd\u00e1lenosti mezi jednotliv\u00fdmi prvky v obr\u00e1zku v\u010detn\u011b text\u016f. M\u016f\u017eete dokonce ozna\u010dit n\u011bkolik prvk\u016f sou\u010dasn\u011b (klasicky pomoc\u00ed Shift<\/code>), anebo p\u0159i pohybu prvku sledovat, jak se vzdaluje od p\u016fvodn\u00ed pozice (prvek se sou\u010dasn\u011b zkop\u00edruje, sta\u010d\u00ed dr\u017eet Alt<\/code> a posouvat jej my\u0161\u00ed).<\/p>\n

Vlastn\u00ed okraje i pot\u0159ebn\u00e9 rozestupy vytvo\u0159\u00edte pomoc\u00ed Prav\u00edtka<\/strong>. Okraje budou fungovat stejn\u011b jako ty automatick\u00e9 \u2013 v\u0161echny grafick\u00e9 prvky k nim samy p\u0159imknou. Jen pozor, nastaven\u00ed plat\u00ed pro v\u0161echny str\u00e1nky, co\u017e m\u016f\u017ee b\u00fdt v\u00fdhoda i nev\u00fdhoda.<\/p>\n

<\/a><\/p>\n

Funkce prav\u00edtka nen\u00ed dostupn\u00e1 na prvn\u00ed dobrou. Mus\u00edte ji zapnout v nastaven\u00ed souboru\u2026<\/p>\n

<\/a><\/p>\n

\u2026kde si zobraz\u00edte t\u0159eba i okraje k o\u0159ezu p\u0159i tisku. Enjoy!<\/p>\n

Pokud v\u00e1m tyto pom\u016fcky nesta\u010d\u00ed, m\u016f\u017ee to vz\u00edt po lopat\u011b a vzd\u00e1lenosti \u010di velikosti m\u011b\u0159it t\u0159eba tak, \u017ee si vytvo\u0159\u00edte obd\u00e9ln\u00edk pot\u0159ebn\u00e9 \u0161\u00ed\u0159ky. V\u0161e pak porovn\u00e1v\u00e1te podle n\u011bj.<\/p>\n

P. S.: Kdy\u017e pot\u0159ebujete rychle se\u0159adit prvky (vertik\u00e1ln\u011b \u010di horizont\u00e1ln\u011b), poslou\u017e\u00ed v\u00e1m automatick\u00e9 mo\u017enosti pozicov\u00e1n\u00ed:<\/p>\n

<\/a>     <\/a><\/p>\n

2) St\u00ednov\u00e1n\u00ed<\/h3>\n

Co na Canvu vrh\u00e1 nejv\u011bt\u0161\u00ed st\u00edn? Samotn\u00e9 st\u00ednov\u00e1n\u00ed. Tahle z\u00e1kladn\u00ed funkce n\u00e1stroji dlouho chyb\u011bla a museli jsme ji slo\u017eit\u011b obch\u00e1zet. Canva se na\u0161t\u011bst\u00ed st\u00e1le vyv\u00edj\u00ed a ne\u017e jsme tenhle \u010dl\u00e1nek stihli vydat, st\u00ednov\u00e1n\u00ed se objevilo v seznamu efekt\u016f. Zat\u00edm funguje jen pro texty, ale pane\u010dku! M\u016f\u017eete m\u011bnit \u00fahly, ostrost i pr\u016fsvitnost. Pokud pot\u0159ebujete p\u0159idat st\u00edn k obr\u00e1zku, mus\u00edte na to j\u00edt st\u00e1le pon\u011bkud kostrbat\u011b.<\/p>\n

Poj\u010fme se vr\u00e1tit k na\u0161emu tu\u010d\u0148\u00e1kovi. \u0158\u00edkejme mu t\u0159eba Ctirad.<\/p>\n

<\/a><\/p>\n

Trochu plytk\u00fd vizu\u00e1l, \u017ee? Cht\u011blo by to p\u0159idat krapet plasticity.<\/p>\n

<\/a><\/p>\n

Lep\u0161\u00ed? Za m\u011b ur\u010dit\u011b. Jednodu\u0161e zkop\u00edrujte p\u016fvodn\u00ed tvar (Ctrl+C<\/code> + Ctrl+V<\/code>), zm\u011b\u0148te barvu (m\u016f\u017ee b\u00fdt prakticky jak\u00e1koliv, pokud d\u00e1v\u00e1 v kontextu smysl), p\u0159eve\u010fte prvek do pozad\u00ed a um\u00edst\u011bte ho dle pot\u0159eby. P\u0159\u00edpadn\u011b jej m\u016f\u017eete i zpr\u016fhlednit, jak vid\u00edte u tu\u010d\u0148\u00e1ka na konci GIFu. U text\u016f sta\u010d\u00ed kliknout na efekty a zvolit st\u00edn (Shadow)<\/p>\n

<\/a><\/p>\n

Jak jsme si nazna\u010dili v \u00favodu, Canva je do jist\u00e9 m\u00edry komplexn\u00ed a dok\u00e1\u017ee mj. upravovat fotografie i obr\u00e1zky (sama vlastn\u00ed t\u0159eba Pixabay<\/a> nebo Pexels<\/a>). A um\u00ed je zaost\u0159it i rozmazat (funkce Blur). Asi u\u017e tu\u0161\u00edte, kam t\u00edm m\u00ed\u0159\u00edm.<\/p>\n

<\/a><\/p>\n

Probl\u00e9m je, \u017ee Blur m\u016f\u017eete pou\u017e\u00edt pr\u00e1v\u011b a jen pro fotky a nahran\u00e9 obr\u00e1zky, nikoliv pro tvary. To n\u00e1s samoz\u0159ejm\u011b nezastav\u00ed. Sta\u010d\u00ed si prvek st\u00ednu st\u00e1hnout jako obr\u00e1zek (ide\u00e1ln\u011b na pr\u016fhledn\u00e9m pozad\u00ed v .png) a nahr\u00e1t ho zp\u011bt do Canvy.<\/p>\n

<\/a><\/p>\n

Nastavte si rozost\u0159en\u00ed\/pr\u016fhlednost dle libosti a par\u00e1dn\u00ed st\u00edn je na sv\u011bt\u011b.<\/p>\n

<\/a><\/p>\n

V\u00fdsledek m\u016f\u017eete samoz\u0159ejm\u011b je\u0161t\u011b pilovat. Doporu\u010duju si v Canv\u011b vytvo\u0159it slo\u017eku se z\u00e1kladn\u00edmi tvary st\u00edn\u016f, kter\u00e9 pou\u017e\u00edv\u00e1te opakovan\u011b. D\u00edky nim m\u016f\u017eete ovliv\u0148ovat t\u0159eba \u00fahly v z\u00e1vislosti na tom, odkud jde pomysln\u00e9 sv\u011btlo. N\u011bkolik jsem v\u00e1m jich p\u0159edp\u0159ipravil (v\u010detn\u011b tu\u010d\u0148\u00e1ka, pokud by se hodil \ud83d\udc27), sta\u010d\u00ed na konci \u010dl\u00e1nku zadat mail.<\/p>\n

<\/a><\/a><\/p>\n

<\/a><\/a><\/p>\n

3) Odstran\u011bn\u00ed pozad\u00ed<\/h3>\n

Na chvilku odb\u011bhnu od Ctirada k pr\u00e1ci s produktov\u00fdmi obr\u00e1zky, konkr\u00e9tn\u011b k odstra\u0148ov\u00e1n\u00ed pozad\u00ed. Pokud je jednobarevn\u00e9, jde to snadno. Co kdy\u017e je ale produkt v p\u0159irozen\u00e9m prost\u0159ed\u00ed? Mus\u00edm pochv\u00e1lit program\u00e1tory Canvy, jejich algoritmus na automatick\u00e9 odstran\u011bn\u00ed pozad\u00ed funguje perfektn\u011b<\/strong>. Pod\u00edvejte se sami na p\u0159\u00edklad.<\/p>\n

<\/a><\/a><\/p>\n

B\u011bhem p\u00e1r sekund m\u00e1te vystar\u00e1no. Funkce je tro\u0161ku schovan\u00e1, mus\u00edte ozna\u010dit obr\u00e1zek a p\u0159ej\u00edt na Efekty.<\/p>\n

4) Seskupov\u00e1n\u00ed a zamyk\u00e1n\u00ed<\/h3>\n

Na rozd\u00edl od p\u0159edchoz\u00edch tip\u016f jsou zm\u00edn\u011bn\u00e9 funkce seskupov\u00e1n\u00ed (Group) a uzamyk\u00e1n\u00ed (symbol z\u00e1mku) viditeln\u00e9 hned v hlavn\u00edm prost\u0159ed\u00ed. Z\u00e1mek znemo\u017en\u00ed h\u00fdbat s libovoln\u00fdm prvkem<\/strong> a jakkoliv ho m\u011bnit, Group ud\u011bl\u00e1 z n\u011bkolika prvk\u016f jeden<\/strong>. Za\u010dn\u011bte je pou\u017e\u00edvat, u\u0161et\u0159\u00edte si spoustu nerv\u016f (obzvl\u00e1\u0161\u0165 pokud nem\u00e1te k dispozici panel s vrstvami).<\/p>\n

<\/a><\/a><\/p>\n

5) Emotikony<\/h3>\n

Kdy\u017e vlo\u017e\u00edte emotikonu do textov\u00e9ho pole, po exportu zjist\u00edte n\u00e1sleduj\u00edc\u00ed:<\/p>\n

<\/a><\/a><\/p>\n

Je to tak, Canva emoji zobrazuje, ale neum\u00ed je exportovat.<\/strong> Co s t\u00edm?<\/p>\n