{"id":10485,"date":"2023-05-17T07:34:47","date_gmt":"2023-05-17T07:34:47","guid":{"rendered":"https:\/\/newsite.dovecher.tv\/?post_type=docs&#038;p=10485"},"modified":"2023-06-20T09:32:41","modified_gmt":"2023-06-20T09:32:41","slug":"creating-cg-elements","status":"publish","type":"docs","link":"https:\/\/dovecher.tv\/hr\/docs\/creating-cg-elements\/","title":{"rendered":"Izrada grafi\u010dkih elemenata"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"10485\" class=\"elementor elementor-10485\">\n\t\t\t\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-77bf890 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"77bf890\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default\">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f998793 ct-column-none col-offset-none col-color-offset-none\" data-id=\"f998793\" data-element_type=\"column\">\n            <div class=\"elementor-widget-wrap elementor-element-populated\">\n                        \t\t<div class=\"elementor-element elementor-element-915e0f2 elementor-widget elementor-widget-text-editor\" data-id=\"915e0f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.2 - 11-05-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p>Aplikacije s platforme dovecher.tv koriste CasparCG kao \u201cengine\u201d koji omogu\u0107uje tri razli\u010dita na\u010dina izrade grafi\u010dkih elemenata. Prvi na\u010din je kreiranje slike (stati\u010dni grafi\u010dki element) ili video datoteke (animirani grafi\u010dki element). Drugi na\u010din je izrada Flash Template-a (FT), a tre\u0107i izrada html5 web stranice. Va\u017eno je znati da svi grafi\u010dki elementi koji se pripremaju moraju biti u veli\u010dini formata u kojem \u0107e se emitirati.<\/p><p>PAL (1024px x 576px) HD (1920px x 1080px)<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                            <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-e808b97 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"e808b97\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default\">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4d0ad64 ct-column-none col-offset-none col-color-offset-none\" data-id=\"4d0ad64\" data-element_type=\"column\">\n            <div class=\"elementor-widget-wrap elementor-element-populated\">\n                        \t\t<div class=\"elementor-element elementor-element-c6ba3cf elementor-widget elementor-widget-heading\" data-id=\"c6ba3cf\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.13.2 - 11-05-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h6 class=\"elementor-heading-title elementor-size-default\">SLIKA ILI VIDEO DATOTEKA\n\n<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-450f7c0 elementor-widget elementor-widget-text-editor\" data-id=\"450f7c0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Ako nemamo tekst koji je promjenjiv na grafi\u010dkom elementu, npr. logo kanala, element se mo\u017ee kreirati kao slikovna ili video datoteka u bilo kojem od programa za ure\u0111ivanje fotografija i videa. Element koji \u017eelimo prikazati potrebno je postaviti na prozirnu povr\u0161inu veli\u010dine formata u kojem se kanal emitira.<\/p><p><a href=\"https:\/\/dovecher.tv\/downloads\/Logo-static-PAL.png\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer stati\u010dkog elementa u SD formatu\u00a0<a href=\"https:\/\/dovecher.tv\/downloads\/Logo-animated-PAL.mov\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer animiranog elementa u SD formatu\u00a0<a href=\"https:\/\/dovecher.tv\/hr\/downloads\/Logo-static-HD\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer stati\u010dkog elementa u HD formatu\u00a0<a href=\"https:\/\/dovecher.tv\/downloads\/Logo-animated-HD.mov\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer animiranog elementa u HD formatu<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                            <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-605e009 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"605e009\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default\">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-809c889 ct-column-none col-offset-none col-color-offset-none\" data-id=\"809c889\" data-element_type=\"column\">\n            <div class=\"elementor-widget-wrap elementor-element-populated\">\n                        \t\t<div class=\"elementor-element elementor-element-3f83cfb elementor-widget elementor-widget-heading\" data-id=\"3f83cfb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">FLASH TEMPLATE (FT)\n\n<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4547f9f elementor-widget elementor-widget-text-editor\" data-id=\"4547f9f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>FT se koristi za grafi\u010dke elemente u kojima postoji varijabilni tekst, npr. \u201cSADA\u201d (Trenutno na programu). Aplikacija \u0107e u FT datoteku poslati tekst za prikaz i tekst \u0107e biti prikazan na na\u010din na koji je pripremljen u FT. FT se mo\u017ee koristiti u kombinaciji sa slikovnom ili videodatotekom na na\u010din da se preko FT-a prikazuje tekst, a kao pozadina koristi slika ili video animacija. Tako\u0111er je mogu\u0107e koristiti samo FT datoteku koja \u0107e sadr\u017eavati i tekst i animaciju ili sliku, \u0161to je preporu\u010dljivo radi bolje sinkronizacije pozadinske slike i teksta grafi\u010dkog elementa.<\/p><p>Za izradu Flash Template datoteka potrebno je imati instaliran Adobe Flash CC i dodatak CasparCG Template Generator 2.1.2 CC koji omogu\u0107uje prevo\u0111enje kreirane flash datoteke (swf) u datoteku flash predlo\u0161ka (FT) koju je mogu\u0107e reproducirati. u \"engine\" CasparCG.<\/p><p>CasparCG Template Generator 2.1.2 CC mo\u017eete preuzeti s adrese\u00a0<a href=\"http:\/\/casparcg.com\/download.html\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>http:\/\/casparcg.com\/download.html<\/strong><\/a>\u00a0.<\/p><p><a href=\"https:\/\/dovecher.tv\/downloads\/Logo-animated-PAL.fla\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong>\u00a0<\/a>primjer stati\u010dkog elementa u SD formatu\u00a0<a href=\"https:\/\/dovecher.tv\/downloads\/Logo-animated-HD.fla\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer animiranog elementa u SD formatu<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                            <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-32817ae elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"32817ae\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default\">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7e579c ct-column-none col-offset-none col-color-offset-none\" data-id=\"d7e579c\" data-element_type=\"column\">\n            <div class=\"elementor-widget-wrap elementor-element-populated\">\n                        \t\t<div class=\"elementor-element elementor-element-13e14de elementor-widget elementor-widget-heading\" data-id=\"13e14de\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">HTML5\n\n<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41d4fd0 elementor-widget elementor-widget-text-editor\" data-id=\"41d4fd0\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>HTML5 je novi standard u izradi web prezentacija koji omogu\u0107uje izradu stranica bez dodataka kao \u0161to su FLASH, Silverlight,... Web stranica izra\u0111ena u HTML5 standardu mo\u017ee se prikazati u CasparCG \"enginu\" jer stranica ne\u0107e imati pozadinu (koja bi pokrivala sliku koja se emitira) i element \u0107e biti pozicioniran na samoj web stranici. Tekst koji aplikacije \u0161alju elementu prikazuje se na stranici uz pomo\u0107 Java skripte koja je implementirana u kod stranice.<\/p><p><a href=\"https:\/\/dovecher.tv\/downloads\/LowerThird-HTML5-PAL.rar\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Download (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer stati\u010dkog elementa u SD formatu\u00a0<a href=\"https:\/\/dovecher.tv\/downloads\/ReplayBug-HTML-HD.rar\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\"><strong>Preuzmite<\/strong><\/a>\u00a0primjer animiranog elementa u SD formatu<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                            <\/div>\n        <\/section>\n                <section class=\"elementor-section elementor-top-section elementor-element elementor-element-87f8b90 elementor-section-boxed elementor-section-height-default elementor-section-height-default ct-header-fixed-none ct-column-none ct-row-scroll-none ct-row-gradient--none\" data-id=\"87f8b90\" data-element_type=\"section\">\n            \n                        <div class=\"elementor-container elementor-column-gap-default\">\n                    <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-27a169c ct-column-none col-offset-none col-color-offset-none\" data-id=\"27a169c\" data-element_type=\"column\">\n            <div class=\"elementor-widget-wrap elementor-element-populated\">\n                        \t\t<div class=\"elementor-element elementor-element-81c7e04 elementor-widget elementor-widget-heading\" data-id=\"81c7e04\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">PARAMETRI KOJE APLIKACIJE \u0160ALJU U PREDLO\u017dAK\n\n\n\n<\/h6>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3788fb2 elementor-widget elementor-widget-text-editor\" data-id=\"3788fb2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>U svakom od odjeljaka baze znanja, za aplikacije koje koriste grafi\u010dke elemente, mo\u017eete prona\u0107i parametre koje odre\u0111ena aplikacija \u0161alje u predlo\u017eak.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\n        <\/div>\n                            <\/div>\n        <\/section>\n        \t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>The applications from the dovecher.tv platform use CasparCG as an \u201cengine\u201d, which enables three different ways for creating graphic elements. The first way is to create an image (static graphic element) or a video file (animated graphic element). The second way is to create a Flash Template (FT), and the third is to create an [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[66],"doc_tag":[],"knowledge_base":[89],"class_list":["post-10485","docs","type-docs","status-publish","hentry","doc_category-general-information","knowledge_base-faq"],"_links":{"self":[{"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/docs\/10485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/comments?post=10485"}],"version-history":[{"count":17,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/docs\/10485\/revisions"}],"predecessor-version":[{"id":16933,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/docs\/10485\/revisions\/16933"}],"wp:attachment":[{"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/media?parent=10485"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/doc_category?post=10485"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/doc_tag?post=10485"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/dovecher.tv\/hr\/wp-json\/wp\/v2\/knowledge_base?post=10485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}