키를함께누르면, 선택된디자인요소가한단계앞으 로가져와집니다. Alt + 1 : 작업영역 100% 맞춤 에디터내에서 Alt 키와 1 키를누르면작업영역을 100% Delete or Backspace : 디자인요소삭제 에맞춤할수있습니다. 디자인요소를클릭하거나드래그하여선택한후

Transcription

1 망고보드제작가이드 * 디자인요소 : 사진, 도형, 아이콘, 선, 차트, 텍스트등 을통틀어칭하는용어입니다. 후 Ctrl 키와영문 V 키를함께누르면작업공간에디자인 요소가붙여집니다. Ctrl : 그자리에서복사하기디자인요소를클릭하고 Ctrl 키를누른상태로요소를이동시키면, 마우스가이동한곳에디자인요소가복사됩니다. Ctrl + G : 그룹하기 2개이상의디자인요소를클릭하여선택한후 Ctrl 키와영문 G키를함께누르면, 디자인요소들이그룹처리되어같이움직이게됩니다. Ctrl + A : 전체선택 Ctrl 키와영문 A 키를함께누르면작업영역안에있는모 든디자인요소들이전체선택됩니다. Ctrl + Shift + G : 그룹해제하기 (ungroup) 그룹되어있는디자인요소를클릭하여선택한후 Ctrl 키, Shift 키와영문 G 키를함께누르면, 그룹되어있던디 자인요소들이그룹해제됩니다. Ctrl + X : 잘라내기 디자인요소를클릭하거나드래그하여선택한후 Ctrl 키와영문 X키를함께누르면잘라내기되어임시로저장이됩니다. 잘라내기된디자인요소는작업공간에서사라지게됩니다. Ctrl + 2 : 잠금 / 잠금해제디자인요소를클릭하거나드래그하여선택한후 Ctrl 키와 2키를함께누르면, 선택한요소를잠그거나해제할수있습니다. Ctrl + C : 복사하기 디자인요소를클릭하거나드래그하여선택한후 Ctrl 키와영문 C키를함께누르면복사하기되어임시로저장이됩니다. 복사하기된디자인요소는작업공간에서사라지지않으며유지됩니다. Ctrl + [ : 뒤로보내기 ( 디자인요소 ) 디자인요소를클릭하여선택한후 Ctrl 키와문장부호 [ 키를함께누르면, 선택된디자인요소가한단계뒤로보내집니다. Ctrl + V : 붙여넣기 잘라내기 ( Ctrl + X ) 혹은복사하기 ( Ctrl + C ) 를실행한 Ctrl + ] : 앞으로가져오기 ( 디자인요소 ) 디자인요소를클릭하여선택한후 Ctrl 키와문장부호 ]

2 키를함께누르면, 선택된디자인요소가한단계앞으 로가져와집니다. Alt + 1 : 작업영역 100% 맞춤 에디터내에서 Alt 키와 1 키를누르면작업영역을 100% Delete or Backspace : 디자인요소삭제 에맞춤할수있습니다. 디자인요소를클릭하거나드래그하여선택한후 Delete 키혹은 Backspace( ) 키를누르면디자인요소가 삭제됩니다. Alt + [-] : 작업영역축소 에디터내에서 Alt 키와 키를누르면작업영역을축소 할수있습니다. Shift : 누른상태에서디자인요소클릭시다중선 택 Shift 키를누른상태에서디자인요소를클릭시클릭된디자인요소들이다중선택이됩니다. Shift : 누른상태에서디자인요소회전시 45도각도로회전 Shift 키를누른상태에서디자인요소를회전시디자인요소는 45도각도로회전됩니다. Shift : 누른상태에서디자인요소사이즈변경시비율유지되며사이즈변경 Shift 키를누른상태에서디자인요소의사이즈를변경시디자인요소는정비율로사이즈가변경됩니다. Shift : 수직수평으로이동 Shift 키를누른상태에서디자인요소이동시수직, 수평으로디자인요소가이동됩니다. Alt + [+] : 작업영역확대에디터내에서 Alt 키와 + 키를누르면작업영역을확대할수있습니다. Ctrl + Z : 되돌리기 (redo) 에디터내에서작업동작을수행한후 Ctrl 키와영문 Z 키를함께누르면작업동작들을되돌릴수있습니다. Ctrl + Y : 다시실행 (undo) 되돌리기 ( Ctrl + Z ) 를실행한후 Ctrl 키와영문 Y키를함께누르면되돌렸던작업동작들을다시실행할수있습니다. Ctrl + Shift + Z : 다시실행 (undo) 화살표키 : 디자인요소이동 디자인요소를클릭하거나드래그하여선택한후화살 표키를누르면화살표방향으로디자인요소가이동됩 되돌리기 ( Ctrl + Z ) 를실행한후 Ctrl 키, Shift 키와영문 Z 키 를함께누르면되돌렸던작업동작들을다시실행할수 있습니다. 니다.

3 기본사용방법 - 사용자템플릿 사용자템플릿다운로드 ( 내보내기 ) 사용자템플릿을다운받기위해서는먼저에디터화면오른쪽상단에있는 1 다운로드버튼을클릭하시면됩니다. 클릭후에디터중앙에뜨는다운로드창에서원하시는 2 확장자와 3 크기를선택하신후, 4 이미지 사용자템플릿생성 / 불러오기 사용자템플릿을생성하는방법은에디터상단에 1 새 다운로드버튼을클릭하시면고객님의개인 PC 로직접 제작한멋진이미지를다운받으실수있습니다. 로만들기버튼을클릭하시거나, 마이페이지에서나의작업왼쪽상단에있는2 새로만들기버튼을클릭하시면새로운템플릿을만들수있습니다. 새로만들어진사용자템플릿은나의작업에저장되며마우스오버후나타나는 3 편집하기버튼을클릭하시면사용자템플릿을불러올수있습니다. 사용자템플릿저장생성된템플릿은 30초마다자동저장이됩니다. 그외에저장을원하실때에는에디터상단에 1 저장버튼을클릭하시면저장됩니다. 저장하기왼쪽에는마지막으로저장된 2 시간이노출됩니다.

4 사용자템플릿공개및사용자갤러리등록사용자가직접제작한템플릿을공개하는방법으로, 에디터화면오른쪽상단에 1 공유버튼을누르시면, 공개여부에서사용자템플릿 2 공개를클릭하여사용자템플릿을공개할수있습니다. 공개하시기위해선 3 템플릿유형과카테고리를선택하셔야합니다. 4 사용자갤러리등록에체크하시고 5 저장하기를클릭하시면망고보드홈페이지내사용자갤러리에등록이됩니다. 등록시킨 6 사용자템플릿은사용자갤러리에서보이게되어, 다양한사람들과공유할수있습니다. 이콘을눌러주시면비밀번호가설정이됩니다 ( 새로운번호로바꾸기위해서는 X 아이콘을누르셔서해제하시면됩니다 ). 3 저장하기를누르시면보안용으로설정이저장되고, 템플릿 URL 을복사 / 붙여넣기혹은미리보기를누르시면보안용일때나오는페이지를보실수있습니다. 비밀번호를아는사람은 4 비밀번호입력칸에알맞은비밀번호를입력하여제작된템플릿을보실수있습니다. 보안용은사용자가공개하길원하는사람에게만비밀번호를알려줄수있어특정사람에게만공개가가능합니다. 사용자템플릿보안 ( 비밀번호설정 ) 에디터화면오른쪽상단에 1 공유버튼을누르시면, 공 개여부에서 2 보안 ( 비밀번호설정 ) 을클릭하여사용자 템플릿을보안용으로설정할수있습니다. 빈칸에원하 시는비밀번호를입력하시고엔터를누르시거나체크아 사용자템플릿유형 / 카테고리사용법

5 에디터화면오른쪽상단에 1 공유버튼을누른후, 공개여부에서공개혹은보안을선택할경우에 2 템플릿유형 ( 필수 )/ 카테고리 ( 선택 ) 를클릭하여적용할수있습니다. 3 템플릿유형은필수선택사항이고, 4 템플릿카테고리는선택사항입니다. 원하시는곳에체크하신후확인버튼을누르셔서적용하신후, 저장하기누르셔서완료됩니다. 적용된유형과카테고리는사용자갤러리의분류탭 5 유형과카테고리에서분류되어원하는템플릿들을쉽게찾아볼수있습니다. 사용자템플릿 URL 공유에디터화면오른쪽상단에서 1 공유버튼을누르면공유하기팝업창에서공유에대한설정을선택할수있습니다. 2 공개혹은보안 ( 비밀번호설정 ) 을체크하시고 3 템플릿유형과카테고리를선택하셔야합니다. 4 저장하기을클릭하셔서저장하시면공개용과보안용으로 사용자템플릿조회수 / 좋아요적용법에디터화면오른쪽상단에 1 공유버튼을누른후, 공개여부에서공개혹은보안을선택할경우에 2 조회수 / 좋아요를적용할수있습니다. 적용된 3 조회수 / 좋아요는템플릿공유페이지에서확인가능합니다. 조회수는사용자가제작한템플릿의 URL 페이지를누군가가방문할때마다숫자가올라가고, 좋아요는사용자갤러리에서누군가나의템플릿의좋아요아이콘을클릭해주면숫자가올라갑니다. 템플릿 URL 을공유하실수있습니다. 저장하기누른후활성화된5 미리보기를클릭해보시면설정한대로공개혹은보안용의템플릿을보실수있습니다. 6 URL 주소를링크복사하여, 지인에게알리거나개인페이지에 URL 주소를올리시게되면내가만든템플릿을다른분들도볼수있게됩니다.

6 사용자템플릿 SNS 공유에디터화면오른쪽상단에서 1 공유버튼을누르면뜨는팝업창에서 2 SNS 공유할수있는버튼이나와서 SNS 로공유할수있습니다. 마이페이지의나의작업에 서도템플릿에마우스를올린후, 보여지는 3 공유버튼을클릭해도 4 SNS 공유할수있는버튼이나옵니다. 또한, 공개페이지에서제목왼쪽의설정을클릭시, 보여지는 5 SNS 공유버튼을누르면 6 SNS 공유할수있는버튼이보입니다. 사용자템플릿슬라이드쇼에디터화면에서공유버튼을누르시면, 1 슬라이드쇼화면전환효과를누르시고저장하시면효과를고정하실수있습니다. 공유페이지에서 2 슬라이드쇼버튼을누 르고들어오면, 슬라이드쇼가활성화되어화면전체크기로템플릿을볼수있습니다. 슬라이드쇼에서마우스를하단부분에가져다대면슬라이드설정메뉴박스가올라옵니다. 3 슬라이드보기에서는템플릿들을미리

7 볼수있으며, 템플릿을누를경우그위치로이동됩니다. 4 화면전환효과에서는슬라이드전환시어떤효과를넣을지선택할수있으며, 기본적으로는공유하기쪽에서고정해놓은효과로보여집니다. 5 전체화면 / 원본크기클릭시에는화면에맞춘크기와, 원본크기를볼수있습니다.. 에서원하시는디자인분류를선택하신후출력되는 2 디자인요소를마우스왼쪽버튼으로클릭하시거나드래그하여 3 작업공간에놓으시면디자인요소가추가됩니다. 추가된디자인요소를삭제하는방법은디자인요소선택후, 키보드에서 4 Delete, Backspace( ) 키를누르시거나삭제버튼 ( 휴지통모양 ) 을클릭하시면디자인요소가삭제됩니다. - 디자인요소 ( 도형, 선, 아이콘등등 ) 디자인요소선택작업공간에추가된디자인요소를마우스왼쪽버튼으로클릭하시면디자인요소가선택됩니다. 1 선택된디자인요소에는 회전및크기를조절할수있는메뉴 ( 핸들러 ) 와디자인요소별 상세옵션을변경할수있는메뉴바 ( 툴바 ) 가보이게됩니다. 디자인요소크기변경및회전방법 1 디자인요소의크기를변경하는방법으로, 디자인요소를선택한후보이는 1 크기조절이가능한네모모양 ( 핸들러 ) 을마우스왼쪽버튼으로누르면서드래그하시면크기를변경할수있습니다. 크기를변경하실때에는디자인요소옆에 2 현재디자인요소의크기 (ex.246x246) 가출력됩니다. 회전방법은 3 회전버튼을마우스왼쪽버튼으로누른후원하시는방향으로마우 디자인요소추가 / 삭제 디자인요소를추가하는방법은에디터내 1 좌측메뉴 스를이동하시면디자인요소가회전되며 4 회전각도 (ex.21.5 ) 가출력됩니다. * Shift 를누르면서크기조절시 정비율로변경되며, 회전할경우는 45 도씩회전하게됩

8 니다. * Shift 를누르면서크기조절시정비율로변경되며, 회 전할경우는 45 도씩회전하게됩니다. 디자인요소하이퍼링크연결방법디자인요소를선택하면출력되는메뉴바 ( 툴바 ) 에서 1 하이퍼링크연결버튼을클릭하신후 2 URL 주소를적고체크버튼을클릭하면디자인요소에하이퍼링크가연결됩니다. 하이퍼링크가연결이되면 3 하이퍼링크연결버튼모양이바뀝니다. 4 링크가연결된경우 URL 주소입력창이비활성화되있으며, X버튼을누르면연결이끊어집니다. 디자인요소크기변경방법 2 디자인요소의크기를변경하는두번째방법으로, 디자인요소를선택한후보이는 1 크기조절툴바의 가로, 세로 항목에원하시는크기를입력하시면됩니다. 크기를변경하실때에는크기입력창아래에비율고정의 2 링크아이콘이눌려져있으면, 정비율로크기조절이가능하여 3 꼭짓점에만크기조절 ( 네모모양 4개 ) 이나오 게됩니다. 비율고정의 4 링크아이콘이해제되어있 으면 5 꼭짓점부터모서리까지크기조절 ( 네모모양 8 개 ) 됩니다. 디자인요소투명도조절방법 디자인요소를선택하면출력되는메뉴바 ( 툴바 ) 의마지 막, 1 투명도조절버튼을클릭하신후 2 슬라이드 버튼을클릭하여조절하시면디자인요소의투명도가 변경됩니다. 슬라이드버튼위로는 3 현재투명도수

9 치가보이게되어, 원하시는투명도값을쉽게찾을수 있도록도와드립니다. 차트, 지도, 표, 동영상 은투명도 조절이되지않는요소입니다. 디자인요소잘라내기, 복사하기, 붙여넣기 디자인요소를선택한후 1 잘라내기버튼, 2 복사하 기버튼을클릭하시면잘라내기및복사가되며, 잘라내기및복사된디자인요소는 3 붙여넣기버튼을클릭하실때작업공간에붙여넣기됩니다. 같은브라우저에서다른탭에존재하는사용자템플릿또한붙여넣기하여사용하실수있습니다. * 단축키 : 잘라내기 - Ctrl + X, 복사하기 - Ctrl + C, 붙여넣기 Ctrl+V 디자인요소정렬하기 ( 개체맞춤 ) 디자인요소를선택한후 1 개체맞춤버튼을클릭하시면여러정렬기능을볼수있습니다. 여러디자인요소를클릭한후 2 왼쪽맞춤, 3 가운데맞춤, 4 오른쪽맞춤, 5 위쪽맞춤, 6 중간맞춤, 7 아래쪽맞춤들을클릭해보시면클릭된요소들끼리정렬 ( 맞춤 ) 이됩니다. 하나의디자인요소만선택하여정렬기능을사용할경 우에는슬라이드와정렬이됩니다. * 단축키 : 이미지참조 디자인요소우선순위변경 ( 순서 ) 디자인요소를선택한후 1 우선순위변경버튼을클릭하시면디자인요소의우선순위를변경하실수있습니다. 우선순위가앞으로이동할수록겹쳐진디자인요소에서위쪽에보이며, 우선순위가뒤로이동할수록겹쳐진디자인요소에서아래쪽에보이게됩니다. 2 맨앞으로버튼이나 3 한칸앞으로, 4 한칸뒤로, 5 맨뒤로 디자인요소간격동일하게만들기 ( 개체간격 ) 여러디자인요소를선택한후 1 개체간격버튼을클릭하시면세로 / 가로간격맞춤기능을볼수있습니다. 여러디자인요소를클릭한후 2 가로간격동일하게 or 3 세로간격동일하게를클릭해보시면클릭된요소들끼리가로or세로간격이동일하게됩니다. 버튼을클릭하시면작업공간에포함된다른디자인요 소와상관없이보여지는순서를바꿀수있습니다.

10 디자인요소그룹하기 여러디자인요소를선택한후 1 그룹버튼을클릭하시면선택된디자인요소들이그룹된것을볼수있습니다. 그룹된디자인요소를클릭하면 2 그룹크기조절바가생성되어한번에전체크기를조정할수있습니다.* 단축키 : 그룹 - Ctrl + G그룹해제 - Ctrl + shift + G 디자인요소애니메이션적용하기디자인요소를선택한후 1 애니메이션버튼을클릭하시면선택된왼쪽에 2 애니메이션탭이활성화된것을볼수있습니다. 디자인요소가선택되어있을경우 3 애니메이션선택콤보박스가활성화됩니다. 여기에서오버시효과 / 클릭시효과를선택하면 4 적용가능한애니메이션이보여집니다. 애니메이션을선택하고저장하면공유페이지에서마우스오버 / 클릭시애니메이션을사용하실수있습니다. - 메뉴 뒤로 ( 되돌리기 ) / 앞으로 ( 다시실행 ) 디자인요소잠금디자인요소를선택한후 1 잠금버튼을클릭하시면선택된디자인요소가잠금처리된것을볼수있습니다. 잠금처리된디자인요소는 2 회색배경색 + 잠금이미지가보여잠금상태를확인할수있습니다. 잠가진상태에서는이동과크기조절이불가능합니다.( 드래그해도잠금처리되지않은디자인요소들과는같이선택되지않으며, 잠금처리된요소들끼리는드래그하여선택이가능합니다 )* 단축키 : 잠금 / 잠금해제 - Ctrl + 2 작업동작 ( 디자인요소추가 / 삭제, 이동, 크기변경등 ) 수행한후 1 뒤로 ( 되돌리기 ) 버튼을마우스왼쪽버튼으로클릭하시면작업동작들을되돌릴수있습니다. 되돌리기를실행하신후 2 앞으로 ( 다시실행 ) 버튼을마우스왼쪽버튼으로클릭하시면되돌렸던작업동작이다시실행됩니다. * 단축키 : 뒤로 - Ctrl + Z앞으로 - Ctrl + Y, Ctrl + Shift + Z

11 컬러팔레트사용방법컬러팔레트는 1 배경메뉴및디자인 2 요소의색상변경에서사용할수있습니다. 3 색상을클릭하시면해당색상이적용되며, 4 색상추가버튼을클릭하시면원하는색상을고를수있는 색상선택창 이뜹니다. 색상선택창에있는 5 색상표에서마우스왼쪽버튼으로드래그해서색상을결정하시거나 6 색상코드를입력하신후, 확인 버튼을클릭하시면컬러팔레트에색상이추가되어다양한색상을사용하실수있습니다. 색상위에마우스오버시 7 X 표시가생기며, 클릭시색 가이드라인 가이드라인버튼을마우스왼쪽버튼으로클릭하시면 상의삭제가가능합니다. * 컬러팔레트의색상은사용자템플릿에저장됩니다. 활성화 / 비활성화 ( 1 활성화된가이드라인버튼, 2 비활성화된가이드라인버튼 ) 처리를할수있습니다. 가이드라인이활성화된경우, 디자인요소및작업공간에대해 3 배치가이드라인이출력되어요소들끼리동일한 선상에놓을때나줄을맞출때등편리하게이용됩니다. * 가이드라인은기본적으로활성화된상태입니다. 작업영역확대 / 축소 에디터화면오른쪽상단에있는 1 100% 는현재작업영 역의확대 / 축소상태를알려주며, 이곳에원하는크기를입력한후엔터를쳐도적용됩니다. 2 [-] & [+] 버튼을각각클릭하시면 [ ] 는작업영역이축소되어큰템플릿을한눈에볼수있게되고, [+] 버튼은작업영역을확대시켜템플릿의작은부분들을더욱자세히볼수있습니다. * 단축키 : 축소 - Alt + [-], 확대 - Alt + [+]

12 슬라이드크기변경, 페이지이동, 복사, 삭제작업영역오른쪽에뜨는아이콘들을클릭하시면슬라이드이동및추가 / 삭제, 복사등을하실수있습니다. 차례대로 1 슬라이드위로, 슬라이드아래로는페이지를이동시킬수있는버튼이고, 2 숫자는해당슬라이드의번호를알려주는역할입니다. 플러스형태의아이콘은 3 새슬라이드버튼으로페이지를추가할수있습니다. 그아래로는 4 슬라이드복사버튼으로클릭하면해당페이지가복사되며, 휴지통모양의아이콘은 디자인요소검색디자인요소검색을하는방법은 1 검색창에검색하고싶은내용을입력하신후, 키보드에서 Enter 키를누르시면입력된내용에해당하는디자인요소가검색됩니다. 2 검색분류를클릭하셔서원하시는종류의디자인요소만을검색하실수도있습니다. 검색은어떤메뉴가눌러져있어도그위로검색결과가뜨기때문에검색후, 3 닫기버튼을누르면검색한내용만사라져서고객님이누르셨던메뉴를유지할수있습니다. 5 삭제버튼입니다. 페이지이동과삭제버튼은페이지가 2개이상일경우사용이가능합니다. 6 슬라이드크기변경은설정버튼을클릭하신후가로및세로크기를입력후 Enter 키를누르시면사이즈변경이됩니다. 사진업로드업로드메뉴에서 1 파일찾아보기버튼을클릭하면업로드창이나타납니다. PC 내에서업로드할이미지파일을선택한후 2 열기 (O) 버튼을눌러이미지를업로드

13 할수있습니다. 3 업로드된이미지는망고보드에서 지원하는이미지와동일하게사용하실수있고, 업로드 차트 : 각종자료를알기쉽게정리한도표입니다. 데이터를이용하여손쉽게시각화할수있습니다. 를지원하는확장자는 JPG, JPEG, PNG, GIF, BMP 입니다. 시리즈 : 차트내에서데이터의집합을이미지로나타내는요소 차트범례 : 시리즈에대한참고설명입니다. 디자인요소세부기능 - 템플릿 X축 : 가로축입니다. Y축 : 세로축입니다. 차트최소, 최대값 : 차트의데이터의범위를나타내는값입니다. 축글자 : 축에대한수치및항목을나타내는글입니다. 축글자색상 : 축에대한글자색상입니다. 배경선 : 차트의배경에표시되는선입니다. 망고보드에서제공하는템플릿사용방법 ( 불러오기등 ) 템플릿을불러오기위해 1 왼쪽의템플릿메뉴를클릭하시면템플릿목록이보이게되고, 2 원하시는템플릿을클릭하시거나드래그하여작업영역에올려놓으시 배경색상투명 : 차트의배경색상투명입니다. 선택시배경색상은투명하게출력됩니다. 수치글자색상 : 시리즈에데이터수치를나타내는글자의색상입니다. 시작각도 ( 원차트 ) : 원차트에서데이터가시작되는시작위치의각도입니다. 내부원크기 ( 원차트 ) : 원차트의내부의공백원의크기입니다. 0~0.9 의수치를가지며 1은 100% 입니다. 애니메이션 : 차트가생성될때출력되는효과입니다. 구글을통한데이터받기 : 구글스프레드시트에서데이터를연동하여가지고올수있습니다. 면템플릿을불러올수있습니다. 망고보드에서제공하는템플릿의종류는현재인포그래픽 ( 세로형, 가로형 ), SNS, 프레젠테이션, 배너, 포스터, 카드뉴스입니다. - 차트 차트메이커용어 URL 을통한데이터받기 : 사용자가가지고있는데이터의 URL 입니다. - 지도 지도메이커용어

14 툴팁 : 마우스를지도에올렸을때맵에대한정보 가팝업형태로표현되는기능입니다. 마크아이템 : 이미지아이템입니다. 패널아이템 : 지역명이나데이터가포함된아이템 입니다. - 표 표메이커용어 행 : 표의가로줄입니다. 열 : 표의세로줄입니다. 헤더 : 표의상단에위치한항목입니다. 가로선 : 행의사이에나타나는선입니다. 세로선 : 열의사이에나타나는선입니다. - 사진 반전사진을선택한후노출된메뉴바 ( 툴바 ) 내에 1 반전을클릭하시면 2 좌우, 상하반전에대한메뉴가보이게되고, 클릭시사진에반전이적용됩니다. 반전이적용되면좌우, 상하글자의우측에 3 체크아이콘이표시됩니다. 사진필터적용사진을선택한후노출된메뉴바 ( 툴바 ) 내에 1 필터를클릭하시면필터에대한메뉴가노출이됩니다. 2 적용을원하시는필터의종류를마우스왼쪽으로클릭한다음, 하단의 3 슬라이드버튼을누른상태에서수치를조절하시면사진에필터가적용됩니다.

15 이미지자르기 ( 크롭 ) 사진을선택한후노출된메뉴바 ( 툴바 ) 내에 1 이미지 자르기 ( 크롭 ) 을클릭하시면이미지자르기에대한메뉴 한색상을사용하실수있습니다. - 선 가나타납니다. 2 이미지를자를영역을마우스왼쪽으로누른상태에서이동할수있으며 3 크기조절메뉴 ( 핸들러 ) 를이용하여크기를변경할수있습니다. 원하는크기로설정한후 4 확인을마우스왼쪽버튼으로클릭하면이미지가자르기처리됩니다. 5 취소를클릭하시면이미지자르기메뉴가사라지며기존상태가유지됩니다. 6 원본이미지를클릭하시면이미지자르기 가적용되지않은상태인기존이미지로변경됩니다. - 도형 / 아이콘 선의특징 : 반복하여늘려서사용하는방법 선은도형및아이콘과동일하게색상변경을할수있 으며, 도형및아이콘과다른점은반복적으로늘리거나줄일수있습니다. 선의길이를조절하는방법으로선을선택한후노출된크기조절메뉴 ( 핸들러 ) 중오른쪽의 1 화살표핸들러를누른상태에서드래그하면길이만늘리거나줄일수있습니다. 선의두께를조절하는방법은왼쪽아래의 2 사각형모양의핸들러를이용하여두께조절을할수있습니다. - 이미지프레임 색상변경 도형및아이콘요소를선택후노출된메뉴바 ( 툴바 ) 내에 1 기본컬러팔레트에있는색상을선택해서색상을변경할수있습니다. 다른색상을원하시는경우 2 색상추가버튼을클릭하시면됩니다. 원하시는색상을 3 색상표에서마우스왼쪽버튼으로드래그해서색상을결정하시거나, 4 색상코드를입력하신후 확인 버튼을클릭하시면컬러팔레트에색상이추가되어다양 이미지프레임내이미지넣기 / 삭제이미지프레임은이미지를넣어서사용할수있는디자인요소로, 망고보드에서제공하는사진이나사용자가업로드한이미지를 1 드래그하여이미지프레임안쪽에놓으면이미지가프레임안에딱맞추어들어가집니

16 다. 이미지프레임안의이미지는선택된이미지프레임 하단에나타나는메뉴바 ( 툴바 ) 중 2 이미지삭제버튼 을클릭해서삭제할수있습니다. 라지며기존상태가유지됩니다. - 텍스트 글꼴 ( 폰트 ) 변경방법텍스트를선택후노출된메뉴바 ( 툴바 ) 내에 1 글꼴 ( 폰트 ) 를클릭하면 2 글꼴목록이나타나며원하는글꼴을마우스왼쪽버튼으로클릭시선택된글꼴이텍스트에적용됩니다. 1 글꼴 ( 폰트 ) 를클릭한후찾으시는글꼴을입력하시면검색할수있습니다. 이미지프레임내이미지자르기 ( 크롭 ) 이미지프레임을선택시나타나는메뉴바 ( 툴바 ) 내에 1 이미지자르기를클릭하거나이미지프레임을더블클릭하면프레임안의이미지를자를수있습니다. 이미지자르기에서 2 이미지를자를영역을마우스로누른상태에서이동할수있으며 3 크기조절메뉴 ( 핸들러 ) 를이용하여크기를변경할수있습니다. 4 이미지프레임안쪽에노출되는컬러영역은이미지가자르기후보일영역입니다. 원하는크기로설정한후 5 확인을마우스왼쪽버튼으로클릭하면이미지가자르기처리됩니다. 6 취소를클릭하면이미지자르기메뉴가사 글꼴 ( 폰트 ) 크기변경방법텍스트를선택후노출된메뉴바 ( 툴바 ) 내에 1 글꼴크기를마우스왼쪽버튼으로클릭하면 2 글꼴크기목록이노출됩니다. 목록안의숫자를클릭하거나키보드

17 로 1 수치를입력후 Enter 키를누르면변경한크기로 텍스트에적용됩니다. 최소크기는 10px 이며, 최대사이 즈는 400px 입니다. 됩니다. 5 간격설정을클릭하면 6 행간및자간설 정메뉴가나타납니다. 7 숫자입력 or 슬라이드이동 을이용해서수치를조절하시면텍스트에적용됩니다. - 텍스트프레임 글꼴 ( 폰트 ) 스타일변경방법텍스트를선택후노출된메뉴바 ( 툴바 ) 내에 1 글꼴스타일을마우스왼쪽버튼으로클릭하면글꼴스타일목록이노출됩니다. 노출된글꼴스타일 ( 2 굵게, 3 기울임, 4 밑줄 ) 을클릭하면변경한스타일이텍스트에적용됩니다. 텍스트프레임의특징 ( 도형 + 텍스트 ) 텍스트프레임은텍스트와도형이혼합된요소이며텍스트프레임내 1 도형과 2 텍스트를마우스왼쪽버튼으로클릭하여각각선택이가능합니다. 선택된요소 글꼴 ( 폰트 ) 정렬 / 행간 / 자간변경방법텍스트를선택후노출된메뉴바 ( 툴바 ) 내에 1 텍스트정렬을클릭하면텍스트의정렬요소가노출됩니다. 2 왼쪽정렬, 3 가운데정렬, 4 오른쪽정렬을마우스왼쪽버튼으로클릭하면텍스트에정렬상태가적용됩니다. 적용된정렬상태의우측에체크표시가노출이 는메뉴바 ( 툴바 ) 가노출이됩니다. 3 도형에대한메뉴바 ( 툴바 ) 와 4 각텍스트에대한메뉴 ( 툴바 ) 가있으며, 색상및텍스트에대한설정을변경할수있습니다. 2 텍스트를더블클릭시텍스트내용을수정할수있습니다. 텍스트프레임내에텍스트의글꼴크기는텍스트프레임요소의사이즈가변경될때비율적으로자동조

18 정됩니다.. - 배경 배경변경방법 배경을변경하는방법은에디터내좌측메뉴에서 1 배경탭을선택하신후출력되는 2 배경색상팔레트의색상을클릭하시면배경색상이바뀌고, 3 패턴배경을마우스로클릭혹은드래그하여 4 작업공간에놓으시면배경이변경됩니다. 5 배경초기화버튼은적용된배경을초기화하는용도로사용됩니다. 6 배경색이없고패턴만있는배경은패턴뒤의색상을바꿀수있습니다. - 유튜브동영상 유튜브동영상추가방법유튜브동영상을추가하는방법은에디터내좌측메뉴에서 1 추가기능탭을선택하신후노출되는메뉴중 2 동영상을마우스왼쪽버튼으로클릭하시면유튜브동영상을추가하는메뉴가노출됩니다. 3 동영상 URL 을입력하는부분에유튜브에서제공하는공유 URL 주소를입력하신후, 4 삽입하기를클릭하시면작업영역에유튜브동영상이추가됩니다.