다양한 HTML5 컨텐츠에는 소동 과대 광고가 사용될 수 있지만 풍부한 미디어 광고를 작성하는 데 특히 적합합니다. "Export Scripts"라는 플러그인 시스템은 광고 플랫폼 기능을 통합하고 배송을 위해 내보내기 출력을 포장하는 데 도움이 될 수 있습니다. 고급 내보내기 기능은 수출 작업을 자동화하는 데 도움이 될 수 있습니다. Hype의 런타임 라이브러리는 압축 크기가 25kb로 매우 작으므로 자원을위한 충분한 공간을 제공합니다. 이 런타임은 애니메이션을 유발하고 브라우저 호환성 문제를 관리합니다 (특정 브라우저에서 기능이 실행될 수없는 경우 응용 프로그램이 여전히 경고하지만).
AD 생성 워크 플로우를 사용한
소동 과대 광고 및 내보내기 스크립트
첫 번째 단계는 소동 과대 광고를 다운로드하는 것입니다. 시험판은 완전히 작동하며 14 일 동안 사용할 수 있습니다. 소동 과대 광고는 표준과 전문가의 두 가지 모드로 제공됩니다. 광고 생성 (및이 기사를 읽으려면 Hype Pro를 사용해야합니다.
그런 다음 내보내기 스크립트를 얻을 수 있도록 선택할 수 있습니다.이 내보내기 스크립트는 추가 광고 관련 기능을 추가 할 수 있습니다. 현재 Sizmek, DoubleClick Studio 및 DoubleClick 캠페인 관리자에 대한 스크립트가 있습니다. 다른 광고 플랫폼을 사용하는 경우 일반적으로 표준 출력을 쉽게 조정할 수 있습니다.
Hype의 "기본 설정"을 보면 내보내기 스크립트가 설치되어 있는지 확인할 수 있습니다. 내보내기 스크립트는 문서 검사관에 옵션을 표시 할 수도 있습니다.
AD 크기 를 선택하십시오
과대 광고를 시작한 후 만들려고하려는 광고와 일치하도록 장면 크기를 설정해야합니다. 장면 검사관의 너비와 높이를 설정하거나 사전 설정 크기 중 하나를 선택하여 수행 할 수 있습니다. 과대 광고에는 일반적인 광고 배너 및 사각형에 대한 사전 설정 크기가 포함되어 있습니다.
광고에 크기가 다른 경우 반응 형 레이아웃과 유연한 레이아웃 시스템을 사용할 수 있습니다. 반응 형 레이아웃을 사용하면 너비 기반 브레이크 포인트의 다른 컨텐츠를 표시 할 수 있습니다. 나중에 별도로 내보낼 수 있습니다. 유연한 레이아웃 시스템은 컨테이너 크기에 따라 요소의 위치와 크기를 조정합니다.
리소스 수입
소문 과대 광고에는 기본 모양과 텍스트 프리미티브가 있지만 Photoshop, Illustrator 또는 Sketch와 같은 다른 프로그램에서 이미지 자산을 가져올 가능성이 높습니다. 이것들은 단순히 장면 편집기로 드래그하여 떨어 뜨리거나 "삽입 ..."메뉴 항목을 통해 추가 할 수 있습니다. Hype는 리소스의 사본을 유지하지만 원래 리소스의 변경 사항을 알지 못하면 업데이트를 요청하여 반복에 도움이됩니다.
리소스 라이브러리에서 리소스를 찾을 수 있습니다. 여기서 한 가지 옵션은 내보낼 때 자동 최적화하는 것입니다. 이 기능은 기본적으로 활성화되며 다음 작업은 자동으로 수행됩니다.
생성 된 이미지 (과대 광고가 실행될 때로드 할 변형) > Retinal (@2x) 및 비율 (@1x) 변형
이미지 크기를 문서에 사용 된 최대 크기로 줄입니다.
이미지가 작동하는 위치를 압축하고 파일 크기가 향상되는 경우 -
네트워크 비 보안 이미지 형식 를 변환합니다
이것은 일반적으로 유용하지만 광고 파일 크기 대상과 충돌 할 수 있습니다. 예를 들어, 광고의 전체 파일 크기는 일반적으로 실제로 다운로드 된 컨텐츠가 아닌 ZIP 파일에서 측정되므로 망막 및 비율 변형이 모두 가중치가 추가됩니다. 또한 자동화 된 방식으로 과대 광고보다 더 잘 수행 할 수 있습니다 (ImageOptim과 같은 도구 사용). 이 상자를 선택 취소해야 할 수도 있습니다. -
-
어쨌든, 비트 맵 기반 리소스는 매우 빠르게 축적 될 수 있습니다. 브라우저에서 널리 지원되는 SVGS 사용을 고려할 수 있습니다. 과대 광고는 그것들을 이미지로 취급하지만 최적화하려고 시도하지는 않습니다.
그건 그렇고, IAB는 처음에 페이지를 간소화하는 데 도움이되는 15 개의 리소스로드를 권장합니다. -
애니메이션의 초보자
일단 자산을 드래그하거나 텍스트/모양을 삽입하여 요소가 생성되면 다음 단계를 통해 쉽게 애니메이션 할 수 있습니다.
녹음 버튼을 클릭하십시오
플레이 헤드를 나중에 드래그하십시오
요소의 위치를 변경하거나 다른 속성 (예 : 불투명)을 수정하십시오.
녹화는 각 속성 키 프레임을 추가하는 UI 단축키입니다. 언제든지 수동으로 만들거나 편집 할 수 있습니다. 여기에는 타이밍 기능을 탄성 및 반등과 같은 다른 완화 또는 효과로 변경하는 것이 포함됩니다. 모션 경로를 드래그하여 곡선으로 만들어 위치 애니메이션을 더욱 향상시킬 수 있습니다. 
과대 광고의 타임 라인은 애니메이션 스트림으로 간주 될 수 있습니다. 과대 광고 장면에는 항상 하나 이상의 타임 라인 (기본 타임 라인)이 있습니다. 여러 타임 라인을 생성하고 병렬로 실행할 수 있습니다. 이것은 종종 운영 또는 루프 유지에 대한 애니메이션 특정 요소에 유용합니다.
기호는 비슷한 역할을 할 수 있습니다. 그들은 재사용 가능한 "장면에서 장면"을 나타내며 자체 요소를 포함하고 독립적으로 타임 라인 애니메이션을 실행합니다. 기호가있는 다른 응용 프로그램과 마찬가지로 한 인스턴스의 변경 사항은 다른 모든 인스턴스에 반영됩니다.
상호 작용 및 작업을 추가하십시오
비디오/애니메이션 GIF 대신 html5를 선택하면 사용자와의 상호 작용 및 상호 작용이 가능하다는 것입니다. 상호 작용은 이벤트에 대한 반응입니다. 이러한 이벤트는 마우스 클릭, 드래그, 슬라이드, 장면로드, 웨이 포인트 히트 또는 키 프레스 일 수 있습니다. 운영 응답은 창의적 목표에 달려 있습니다. 애니메이션을 시작하거나 애니메이션을 바인딩하여 드래그, 장면을 변경하거나 사용자 정의 코드를 트리거 할 수도 있습니다. 광고 세계에서 일반적인 작업은 버튼 클릭이 외부 URL ( "종료"라고도 함)으로 이동하거나 광고 서버로 다시보고 할 수있는 카운터를 트리거하는 것입니다.
대부분의 경우, 상호 작용은 코드없이 생성됩니다. 다음은 마우스 클릭에 대한 응답으로 애니메이션을 실행하는 기본 단계입니다.
요소를 선택하십시오
운영 검사관으로 가서 를 클릭하여
를 클릭하십시오.
작업 시작 타임 라인을 선택한 다음 타임 라인 팝업 버튼에서 새 타임 라인을 선택하십시오 ...
타임 라인의 이름을 지정하고 애니메이션 를 만듭니다
-
내보내기 스크립트는 또한 이벤트에 대한 응답으로 선택할 수있는 광고 특정 조치를 제공 할 수 있습니다. 이것들은 동일한 작업 팝업 목록에 나타납니다. -
-
또한 JavaScript 실행… 작업은 광고 관련 기능을 호출하거나 Hype API를 호출하는 등 사용자 정의 코드에 사용할 수 있습니다.
미리보기
빌드 프로세스 중에 광고를 자주 미리보기하여 최종 애니메이션과 상호 작용이 예상대로 실행되는 것이 중요합니다. 미리보기 메뉴를 사용하면 컴퓨터의 다른 브라우저간에 빠르게 전환 할 수 있습니다. 옵션 키를 누르면 현재 과대 광고로 선택된 특정 장면/레이아웃을 미리 볼 수 있습니다. Hype는 Free Hype Reflect App을 사용하여 iOS 장치를 미리 볼 수도 있습니다.
내보내기 스크립트를 사용하는 경우 미리보기에도 출력이 포함될 수 있습니다. 이렇게하려면 미리보기 메뉴를 열고 "내보내기 스크립트가있는 미리보기"에서 스크립트를 확인하십시오.
수출 및 전달
광고가 완료되면 최종 배송을 위해 내보내야합니다. "파일> html5로 내보내기"메뉴에는 "폴더 ..."옵션이 포함되어 있으며,이 옵션은 기본 .html 페이지와 해당 리소스 폴더를 생성합니다. 이 메뉴는 또한 모든 내보내기 스크립트에서 제공하는 옵션을 제공합니다. 이들은 자동으로 포장되며 일반적으로 불필요한 리소스를 제거하고 단일 .zip 파일로 압축합니다.
추가 자동화를 위해서는 "파일> 고급 내보내기 ..."도구를 사용해야 할 수도 있습니다. 이렇게하면 광고를 특정 시나리오 또는 레이아웃으로 분할하고 내보내기 스크립트도 사용할 수 있습니다. "파일 & gt; 비디오로 내보내기"는 필요한 경우 정적 이미지/비디오 옵션을 제공합니다.
결론
이것은 소동 과대 광고로 풍부한 미디어 html5 광고를 만드는 주요 단계입니다! 시각화 도구로서 Hype는 기능이나 기능을 제한하지 않고 생성 및 반복 프로세스의 속도를 크게 높일 수 있습니다. 내보내기 스크립트의 광고 특정 워크 플로 기능은 디지털 광고 제작에서 많은 일반적인 작업을 자동화합니다. 이러한 내보내기 스크립트는 누구나 구축하거나 수정할 수 있으므로 광고 시스템이나 자동화가없는 경우 원하는대로 구축 할 수 있습니다!
더 많은 학습에 관심이 있으시면 소동 웹 사이트의 문서 및 튜토리얼을 방문하십시오. Hype는 14 일의 전체 기능 평가판을 제공하며, 전문 버전의 정식 버전은 $ 99.99입니다.
그러나 이제는 itepoint 사용자로서 Pro 버전을 $ 74.99에 얻을 수 있습니다. 이것은 25% 할인입니다!
소동 과대 광고가있는 시각적 광고 생성 워크 플로우를위한 FAQ (FAQ)
소동 과대 광고는 Canva 또는 Adobe Express와 같은 다른 광고 생성 도구와 어떻게 비교됩니까?
소형 과대 광고는 대화식 및 애니메이션 컨텐츠를 만들 수있는 강력한 도구입니다. 주요 디자인 도구 캔버 또는 어도비 익스프레스와 달리 소동 과대 광고는 애니메이션 및 상호 작용에 중점을 둡니다. 타임 라인 기반 인터페이스를 제공하므로 코딩없이 복잡한 애니메이션을 쉽게 만들 수 있습니다. 그러나보다 고급 기능을위한 JavaScript도 지원합니다. 이를 통해 간단한 애니메이션에서 복잡한 대화식 콘텐츠에 이르기까지 광범위한 프로젝트를위한 보편적 인 도구가됩니다.
소동 과대 광고를 사용하여 Facebook 용 광고를 만들 수 있습니까?
예, 소동 과대 광고를 사용하여 Facebook 용 광고를 만들 수 있습니다. 이 도구를 사용하면 Facebook이 지원하는 HTML5 컨텐츠를 만들 수 있습니다. 대화식 및 애니메이션 광고를 만들어 잠재 고객을 참여시키고 캠페인의 효과를 높일 수 있습니다. 그러나 Facebook에는 광고에 대한 특정 요구 사항이 있으므로 콘텐츠가 이러한 요구 사항을 충족해야합니다.
다른 광고 생성 도구와 비교하여 소란 과대 광고의 학습 곡선은 무엇입니까?
소동 과대 광고는 캔버 또는 어도비 익스프레스와 같은 도구와 비교하여 가파른 학습 곡선을 가지고 있습니다. 이는 애니메이션 및 상호 작용과 같은 고급 기능을 제공하기 때문입니다. 그러나 사용자 친화적 인 인터페이스가 있으며 시작할 수있는 다양한 튜토리얼과 리소스를 제공합니다. 일단 당신이 그것을 마스터하면, 당신은 그것이 당신의 디자인에 많은 유연성과 제어를 제공한다는 것을 알게 될 것입니다.
Quumult Hype를 무료로 사용할 수 있습니까?
소문 과대 광고는 무료 버전을 제공하는 다른 광고 생성 도구와 다른 유료 도구입니다. 그러나 무료 평가판을 제공하므로 구매 여부를 결정하기 전에 시도해 볼 수 있습니다. 도구 비용은 일회성 요금으로 향후 모든 업데이트가 포함됩니다. 따라서 정기적으로 사용하려는 경우 비용 효율적인 옵션이됩니다.
소동 과대 광고는 광고 생성 워크 플로우를 어떻게 지원합니까?
소형 과대 광고는 광고를 쉽게 작성, 편집 및 게시하고 게시하는 다양한 기능을 제공하여 광고 작성 워크 플로우를 지원합니다. 타임 라인 기반 인터페이스를 제공하여 애니메이션을 만들고 대화율을 지원하며 광고를 실시간으로 미리 볼 수 있습니다. 또한 다양한 내보내기 옵션을 지원하므로 광고를 다른 플랫폼에 쉽게 게시 할 수 있습니다.
소동 과대 광고는 초보자에게 적합합니까?
소동 과대 광고는 고급 기능을 제공하지만 초보자에게도 적합합니다. 사용자 친화적 인 인터페이스가 있으며 시작할 수있는 다양한 튜토리얼과 리소스를 제공합니다. 타임 라인 기반 인터페이스는 경험이 없더라도 애니메이션을 쉽게 만들 수 있습니다.
다른 운영 체제에서 소란 과대 광고를 사용할 수 있습니까?
현재, Quumult Hype는 Mac에서만 사용할 수 있습니다. 그러나 소동 과대 광고로 생성 된 컨텐츠는 Windows 및 Linux 컴퓨터, 스마트 폰 및 태블릿을 포함한 모든 HTML5 지원 장치에서 볼 수 있습니다.
소동 과대 광고를 사용하여 어떤 유형의 광고를 만들 수 있습니까?
소동 과대 광고를 사용하면 간단한 애니메이션에서 복잡한 대화식 콘텐츠에 이르기까지 다양한 광고를 만들 수 있습니다. 여기에는 배너 광고, 간극 광고, 비디오 광고 등이 포함됩니다. 이 도구는 HTML5, GIF 및 비디오를 포함한 다양한 형식을 지원하므로 광고 작성을위한 다양한 옵션입니다.
성소 과대 광고는 기능 측면에서 다른 도구와 어떻게 비교됩니까?
소형 과대 광고는 다른 광고 생성 도구와 다른 다양한 기능을 제공합니다. 여기에는 타임 라인 기반 인터페이스가 포함되어 있으며 애니메이션을 생성, 대화식 지원, 라이브 미리보기 및 다양한 내보내기 옵션이 포함됩니다. 또한보다 고급 기능을 위해 JavaScript를 지원합니다.
소동 과대 광고를 사용할 때 다른 사람들과 함께 일할 수 있습니까?
현재, Quumult Hype는 도구 내 협업을 지원하지 않습니다. 그러나 프로젝트를 과대 광고 문서로 내보내어 프로젝트를 다른 사람과 공유 할 수 있습니다. 이를 통해 다른 사람들은 소동 과대 광고를 사용하여 프로젝트를 편집하고 수정할 수 있습니다.
추가 자동화를 위해서는 "파일> 고급 내보내기 ..."도구를 사용해야 할 수도 있습니다. 이렇게하면 광고를 특정 시나리오 또는 레이아웃으로 분할하고 내보내기 스크립트도 사용할 수 있습니다. "파일 & gt; 비디오로 내보내기"는 필요한 경우 정적 이미지/비디오 옵션을 제공합니다.