[XELF튜토리얼02] 텍스트&도형 다루기는 기본중의 기본!

안녕하세요, XELF 입니다. 프로젝트 생성하기 이 후로 두번째 가이드 업데이트네요.

오늘은 텍스트와 도형 다루기에 대해서 알아보겠습니다.
컨텐츠를 저작하면서 텍스트와 도형은 기본중의 기본이라고 할 수 있죠.
이번에는 간단한 달력 페이지를 만들면서 텍스트와 도형의 사용법을 익혀보도록 하겠습니다.

자, 먼저 프로젝트를 생성해 볼까요?

XELF는 마우스 드래그 앤 드롭 방식으로 간단하게 오브젝트를 생성/이동할 수 있습니다.
다양한 도형 기능

오브젝트는 오른쪽 패널을 통해 편집이 가능한데요,
도형의 모양을 선택하거나 회전, 투명도 등을 조절함으로써
다양한 활용이 가능합니다.

도형의 이동 및 크기,색상 변경

마우스를 이용하여 도형의 크기를 조절할 수도 있고
패널을 통해서도 크기를 조절할 수 있습니다.
적당한 크기의 사각형을 캔버스 상단에 꽉 차도록 배치해주었습니다.

텍스트 편집1

이번에는 텍스트를 편집해 보겠습니다.
텍스트 박스를 더블 클릭하시면 텍스트를 입력할 수 있습니다.
APIRL을 입력하고 글자크기를 100으로 바꿔준뒤
상단 노란색 영역에 텍스트를 위치시켰더니 텍스트가 보이지 않네요?

이럴때는 에디터 우측 상단에 위치한 TOP버튼을 클릭해
사각형 뒤에 숨어있는 텍스트를 맨 위로 올려줍니다.

텍스트 편집2

이어서 글자크기를 100으로 바꿔주고 폰트를 한나는11살체로 바꿔줍니다.

*폰트는 추후 더 다양하게 업데이트를 할 예정이니 기대해주세요~

자 다시, 텍스트의 자간을 10정도 주고 볼드체를 적용시켜줍니다.
텍스트의 색상은 #FFFFFF를 직접 입력하여 흰색으로 바꿔주었습니다.

도형 복사와 Origin 변경

이번엔 날짜를 표현하기위한 숫자1을 만들어 보겠습니다.
우선 사각형 한 개를 생성해주고 검은색으로 색상을 변경해 줍니다.
그 다음 마우스 좌클릭을 사용해 사각형을 적당한 크기로 편집하고 중간쯤에 위치시켜줍니다.
ctrl + c 를 눌러 사각형을 복사한 뒤 ctrl + v 를 눌러 사각형을 붙여 넣어줍니다.
복사한 사각형을회전시켜 주기전에 origin을 바꿔주려고 합니다.

*여기서 잠깐, origin이 무엇일까요?
Origin은 중앙값을 나타내는 것으로 도형의 회전이나 위치에 영향을 주게됩니다.
도형의 위치이동이나 회전의 기준점이라고 할 수 있죠!

다시 돌아와서 origin을 도형의 좌측 상단 꼭지점으로 설정하고
회전을 해주게 되면 보이는 것과 같이 origin을 중심으로회전하게 됩니다.
이제 숫자1이 만들어졌네요!
아랫쪽 빈 공간이 허전해 보이는군요.


텍스트 편집

허전해 보이는 빈 공간을 채우기 위해 텍스트를 입력해 보겠습니다
텍스트를 생성하고 Do It Your XELF! 를 입력해주었습니다.
폰트는 JUA체, 폰트크기는 50px, 볼드체 적용하고 폰트색상을 노란색으로!
쉽게 따라하실 수 있겠죠?

여러분들도 XELF를 이용하여 여러분들만의 깔끔한 달력페이지를 한번 만들어 보세요.

다음 튜토리얼에는 이미지 라이브러리에 대해 알아보도록 하겠습니다.
사용자 여러분들의 꾸준한 관심 부탁드리겠습니다!