제작 실습

[화면과 기능][컨텐츠 요소들]에 대해서 간단하게 파악을 했으면 직접 제작을 진행하면서, 기능들의 쓰임새를 알아보도록 합니다. 기본 지식이 되는 기존 설명을 읽지 않고 바로 이 페이지부터 읽으셔도 상관없습니다. 이 페이지에서는 카드를 만들기 위한 주요 기능들을 체험해 볼 것입니다.

편집화면으로 가기

편집화면은 카드뉴스(영상)을 사용자가 직접 제작하는 화면을 말합니다. 타일에서 가장 중심이 되는 화면입니다.

제작하기 버튼 클릭

타일에 처음 접속하셨을 때, 우측상단의 네비게이션에 제작하기 버튼이 있습니다. 이 버튼을 클릭하여 편집화면 진입이 가능합니다.

주소를 통해 접속하기

타일은 완전한 웹서비스이므로 모든 주요 기능은 각각의 고유주소가 있고, 웹브라우저에 지접 타이핑하여 접속이 가능합니다. 아래와 같이 사용하시는 브라우저의 주소창에 https://tyle.io/create를 입력하시면 바로 편집화면으로 진입합니다.

접속 환경에 따라 화면에 템플릿 리스트가 나타날 수도 있고, 바로 슬라이드와 속성 편집창이 나타날 수도 있습니다. 템플릿 리스트가 나타난다면 화면상의 아무 템플릿이나 선택하고 바로 시작을 눌러주시면 됩니다.

텍스트 변경해보기

텍스트 요소 선택해보기

슬라이드에 여기를 두 번.. 텍스트가 보입니다. 해다 텍스트를 한 번 클릭(터치) 하십시오. 오른쪽의 속성창이 제목텍스트로 변경되고 변경할 수 있는 옵션이 나타나는 것을 확인할 수 있습니다.

텍스트 내용 변경해보기

텍스트의 내용을 변경하려면 텍스트를 마우스로 한 번 더 클릭(혹은 터치)하셔야합니다. 텍스트 편집모드로 바뀌면, 기존의 내용을 모두 지우고 마케팅 기회요인 10가지라고 입력하고 완료를 누르십시오.

글꼴 변경해보기

텍스트의 글꼴을 변경해보기로 합니다. 이미 텍스트의 속성창을 열어두었기 때문에, 우측 속성창에서 바로 글꼴을 선택합니다. 사용 가능한 글꼴 리스트를 보실 수 있습니다. 이곳에서 아무거나 마음에 드는 것을 선택하면 바로 적용된 모습을 볼 수 있습니다.

이렇게 가장 중요하고 가장 자주사용되는 기능을 모두 체험하셨습니다. 타일의 사용법은 이렇게 왼쪽과 오른쪽을 같이 보면서 계속 원하는 조건들을 변경하면 되는 것입니다. 나머지는 디자인엔진이 알아서 완성합니다.

텍스트에 대한 자세한 설명은 [텍스트]을 참고하십시오.

이미지/동영상 변경해보기

변경할 비주얼 요소 선택해보기

이번엔 배경에 있는 비주얼을 변경해보도록 하겠습니다. 배경에 보이는 이미지를 클릭(터치) 하시면 우측에 이미지/동영상에 관련된 속성창이 나타납니다.

스톡이미지로 변경해보기

이미지 검색을 누르면, 타일에서 제공하는 수만개의 스톡이미지들을 볼 수 있습니다. 상단의 Search에서 마케팅이라는 단어를 검색하고, 아무거나 하나 선택합니다.

만약 동영상을 넣고 싶다면 속성창에서 동영상 검색을 선택하시면 되고, 직접 업로드을 눌러 컴퓨터(스마트폰)에 있는 것을 올리실 수도 있습니다. 자세한 사항은 [이미지/동영상]을 참고하십시오.

슬라이드 추가 및 관리해보기

지금까지는 하나의 슬라이드만을 가지고 작업을 하였습니다. 물론 메시지에 따라 슬라이드 하나만 가지고도 끝낼 수도 있으나, 많은 경우 다수의 슬라이드로 이야기의 흐름을 나타냅니다.

슬라이드 추가

화면상에서 스크롤을 내리고, 아래의 + 버튼을 누르십시오. 버튼 바로위의 슬라이드가 복제되어 바로 아래에 추가된 것을 볼 수 있습니다. 한 번 더 눌러 두 총 세 개의 슬라이드를 만들어 봅니다.

이렇게 추가된 슬라이드에서 원하는 내용을 바꾸고, 또 추가하고, 바꾸고하면서 이야기를 연속적으로 만들면 됩니다.

슬라이드 순서 변경

슬라이드가 두 개 이상이 되면서 슬라이드 간에 순서 개념이 생기게 됩니다. 각 슬라이드의 상단에 흰색 영역을 클릭(터치)하여 드래그하면 순서를 변경할 수 있습니다. 이 예시에서는 의미는 없지만, 슬라이드 상단의 흰색 영역을 클릭하여 위 아래 순서를 바꾸어봅니다.

슬라이드 삭제

작업을 진행하다가 생각해보니 세 번째 슬라이드는 필요가 없을 것 같으니, 삭제를 해보겠습니다. 슬라이드 삭제는 슬라이드 우측상단의 연필 아이콘을 클릭하고, 속성창의 우측 상단에서 휴지통 아이콘을 클릭하시면 됩니다.

슬라이드 생성/관리에 관한 자세한 설명은 [슬라이드와 속성]을 참고하십시오.

공통요소 변경해보기

지금까지 내용 편집과 슬라이드 관리를 간단하게 해보았습니다. 타일의 기본 설계는 이렇게 사용자가 원하는 텍스트 입력하고, 원하는 비주얼을 선택하는 것이 기본입니다. 필요한 경우 속성창에서 세부 옵션들을 눌러서 선택하면 됩니다.

배치 변경해보기

타일에서 가장 극적인 기능을 사용해보도록 하겠습니다. 텍스트와 비주얼까지는 중요한 메시지 요소이기 때문에 사용자의 직접 선택이 가능한 부분이지만, 나머지 분위기나 세부 배치 등은 상대적으로 덜 중요한 요소입니다. 이러한 덜 중요한 요소는 타일의 디자인 엔진이 처리를 맡고 있습니다.

현재 있는 두 개의 슬라이드가 같은 모양을 가지고 있으므로 다소 심심해 보입니다. 두 번째 슬라이드 상단에 있는 디자인 변경 버튼을 누르십시오. 누를 때마다 전혀 다른 배치로 변경되고, 그에 따라 모든 요소들도 자동으로 조절되는 것을 볼 수 있습니다.

특정 배치를 원한다면 슬라이드 하단의 [배치] 버튼을 통해 배치를 탐색하고 선택할 수 있습니다.

디자인 변경 버튼의 기본은 배치를 바꾸는 것입니다. 이것은 전체적인 분위기를 맞추기 위하여 의도적으로 설계되었으나, 해당 슬라이드를 더 독특하게 만들고 싶을 수도 있습니다. 이럴 때에는 완전히 랜덤하게 바꾸기 기능을 사용하십시오. 디자인 바꾸기 버튼을 1초 이상 누르고 있으면 해당 기능이 활성화 됩니다.

[글꼴], [색상세트] 등 보다 많은 요소들이 랜덤하게 바꾸며, 이에 따라 해당 슬라이드는 완전히 다른 느낌으로 보여집니다.

불필요한 요소 가려보기

마지막 슬라이드에서 우리는 비주얼 요소를 제거해보려고 합니다. 모든 구성요소들은 필요에 따라 안 보이게 할 수 있습니다.

슬라이드에서 이미지/동영상을 클릭하여 우측에 속성창을 엽니다. 속성창의 우측 상단에 보라색 스위치가 활성화되어 있는 것을 볼 수 있습니다. 이 스위치를 눌러 안 보이게 하면, 슬라이드에서 해당 요소가 가려지는 것을 확인할 수 있습니다.

이 기능에 대한 자세한 설명은 [숨김/보임]을 참고하십시오.

마무리

지금까지 별 내용은 없지만, 타일의 기능들을 직접 따라하면서 체험해보았습니다. 예시로 작성한 내용물을 추출하려면 [추출 및 배포]으로 이동하여 보다 자세한 상황을 살펴보십시오.

중요한 기능들은 모두 소개를 하였지만, 속성창 구석구석에 타일의 기능들은 많이 숨어있습니다. 아직 메뉴얼을 보지 않았다면, 타일 메뉴얼을 방문해주십시오.

;