21. března 2025
Mockupy jsou velmi užitečným pomocníkem pro všechny grafiky. Pokud začínáte nebo nevíte co jsou to mockupy, tak vězte, že si je zamilujete a budete je rádi používat. Ulehčí vám spousty práce při prezentaci vašich grafických prací. Přináším vám jedny z nejlepších mockup webů pro grafiky a designéry.
Mockup je grafická šablona nebo vizualizace, která simuluje finální podobu designu v praxi. Příklad: uděláte grafiku letáku pro firmu a můžete mu jí poslat tak jak je. Ale pokud byste to chtěli udělat profesionálněji, zasadíte leták do reálného prostředí. Třeba, že leták leží na stole, je opřený o zeď, plakát visí na zdi metra, billboard je umístěn u dálnice apod. To vše si můžete udělat sami, ale bude vás to stát dost času navíc, a pokud nemáte tuhle práci zahrnutou v rozpočtu, budete jí dělat zadarmo. Od toho tu jsou mockupy. Vyberete si nějakou předpřipravenou šablonu, stáhnete si PSDčko (formát Adobe Photoshopu) a vaši grafiku jednoduše vložíte do šablony. Klientovi pak posíláte návrh letáku plus vizualizaci (upravený mockup). Klient má pak lepší představu jak bude vaše grafika např. letáku vypadat v reálu.
Koukněte na názorný příklad využití mockup pro návrh roll-upu, který jsem dělal pro jednu uměleckou školu ;)
Free for Commercial Use neboli zdarma i pro komerční využití je velmi důležitá klauzule, kterou byste se měli řídit (pokud děláte grafiku). Existuje velmi mnoho mockup serverů, které mají nádherné šablony, ale jsou jen pro osobní využití. Znamená to, že nemůžete mockupy posílat klientovi, jedná se totiž o komerci. Tyhle ty servery mají určitým způsobem monetizované komerční využití (předplatné, jednorázový nákup šablony apod.). Proto je důležité si zjistit, jak můžete dané mockupy používat.
Pokud máte v podmínkách, že můžete mockupy použít i pro komerční využití, máte vyhráno a můžete je používat bez omezení (samozřejmě je nesmíte prodávat apod.). Doporučuji ještě na každém webu kouknout na podmínky užití.
Na mém Herohero kanálu najdete ještě 3 bonusové vymazlené weby s mockupy.
Všem, kteří se mě rozhodnou podpořit, moc děkuji.
Dobrá studnice pěkných Mockupů, kde hned pod hlavním nadpisem visí: "Collection of exclusive PSD mockups free for personal and commercial usage." tedy, že to můžete používat pro osobní i komerční použití.
Odkaz: https://www.graphberry.com/category/mock-ups
Licence: https://www.graphberry.com/pages/license
Na webu Pixeden najdete free i premium obsah. Ale i free obsahu je zde požehnaně a můžete vesele sosat. I zde je klauzule "All our resources are royalty free for use in both personal and commercial projects." tedy, že vše je free včetně komerčního využití.
Odkaz: https://www.pixeden.com/free
Licence: https://www.pixeden.com/faq
I zde najdete celou řadu vizuálně přitažlivých mockup šablon. Komerční použití povoleno viz: "All our products are royalty free for use in both personal and commercial projects."
Odkaz: https://mrmockup.com/free-mockups/
Licence: https://mrmockup.com/license/
I zde můžete najít spousty free mockupů i pro komerční užití, jen si zde dejte pozor na licence. Grafiky, které vytvořil tým Unblastu je možné použít i pro komerční využití. U ostatních se doporučuje pro jistotu zkontrolovat web autora mockupů.
Odkaz: https://unblast.com/mockups/
Licence: https://unblast.com/license/
Freepik dávám jako bonus s přívlastkem. Je zde velké množství mockapů a můžete je použít, ale pokud není free jako free. Pokud máte prémiovou licenci, můžete materiály z Freepik použít bez nutnosti uvádět zdroj. Pokud používáte bezplatnou verzi, budete muset uvést autora.
Odkaz: https://www.freepik.com/
Licence: https://www.freepik.com/legal/terms-of-use
I zde najdete mockupy zdarma pro osobní i komerční využití. Jen je nutné si tam hodit registraci.
Odkaz: https://www.ls.graphics/free-mockups
Licence: https://www.ls.graphics/license
Minimal mockups nemá obrovské zásoby šablon, ale i zde můžete najít solidní mockupy jak pro osobní, tak i pro komerční využití. A to se hodí ;)
Odkaz: https://www.minimalmockups.com/mockups/
Licence: https://www.ls.graphics/license
Zde přikládám jednoduché video, kde uvidíte, jak se používá mockup. Sice je video v angličtině, ale není to nic složitého. Po otevření mockup souboru PSD v Adobe Photoshopu se podívejte do vrstev a hledejte inteligentní vrstvu. Vesměs je pojmenována "Change this", "Design", "Your Design Here", "Project", "Mockup", "Place here" apod. Poté stačí dvakrát rychle poklepat na tuto inteligentní vrstvu a otevře se vám nová záložka, kde si umístití vaši grafiku. Pak už jen stačí uložit a vše se nahraje do hlavního PSD souboru mockupu.
Doufám, že jsem vám pomohl a usnadnil práci s vyhledáváním mockupů, které můžete používat i v komerční sféře.
Enjoy Dooffy