[요소 > 이미지 프레임] 카테고리에서 원하는 형태의 이미지 프레임 썸네일을 클릭하거나 썸네일을 드래드하여 블록에 놓으면 해당 블록에 이미지 프레임이 삽입됩니다.
이미지 교체
이미지 프레임 요소에 마우스를 올리면 이미지 교체 아이콘 2종이 나타납니다.
[좌측 메뉴에서 이미지 선택] 또는 [내컴퓨터에서 이미지 선택] 중 원하는 방법으로 이미지를 교체할 수 있습니다.
내 컴퓨터에서 직접 교체한 이미지는 [업로드]에 자동 등록됩니다. 재사용 시에는 [업로드]에 등록된 이미지를 사용하시면 편리합니다.
이미지 크기 변경
이미지 프레임을 클릭하면 요소가 활성화되고 크기 변경을 할 수 있는 컨트롤러가 나타납니다.
[확대/축소 컨트롤러][가로/세로 컨트롤러]
각 모서리에 위치한 파란 네모 모양의 [확대/축소 컨트롤러]를 클릭하여 드래그 시에는 요소의 가로-세로 비율을 유지하여 확대/축소 되며,
상/하/좌/우 면에 위치한 바 모양의 [가로/세로 컨트롤러]를 클릭하여 드래그 시에는 해당 방향으로 증가/감소 됩니다.
라운딩
이미지 프레임의 모서리를 곡선처리합니다. 곡선처리 하고자 하는 모서리의 위치를 체크하고 수치를 조정합니다.
이미지 프레임의 가로-세로가 같고 네 모서리의 라운딩 수치가 100이면 원형이 됩니다.
투명도
이미지 프레임의 투명도를 설정할 수 있습니다.
0은 불투명한 상태이며, 수치가 100에 가까울수록 투명도가 높아집니다.
이미지 배경
[채우기]
설정된 이미지 프레임 영역에 이미지를 가득 채워 보여지도록 합니다.
원본 이미지 가로-세로 비율과 이미지 프레임 영역의 비율이 다른 경우, 원본 이미지가 짧은 방향을 가득 채우고, 긴 방향의 이미지를 숨김 처리합니다.
원본 이미지가 프레임보다 긴 방향으로 이미지의 위치 설정이 가능합니다. 아래 예시 이미지와 같은 경우, 상하 위치 조절을 통해 원본 이미지에서 어떤 부분을 보여줄 지 설정할 수 있습니다.
[포함하기]
설정된 이미지 프레임 영역에 원본 이미지가 모두 보여지도록 합니다.
원본 이미지 가로-세로 비율과 이미지 프레임 영역의 비율이 다른 경우, 남는 영역은 [반복] 설정을 통해 공백으로 두거나 이미지 반복 처리를 할 수 있습니다.
공백이 생기는 방향으로 이미지 위치 설정이 가능합니다. 아래 예시 이미지와 같은 경우, 좌우 위치 조정이 가능합니다.
[원본]
이미지 프레임 영역에 원본 이미지 크기 대로 보여지도록 합니다.
이미지 프레임보다 원본 이미지가 더 큰 경우, 프레임 밖의 이미지는 숨김처리합니다.
이미지 프레임보다 원본 이미지가 더 작은 경우, 남는 프레임 영역은 공백이나 반복 설정 할 수 있습니다.
[비율]
이미지 프레임 영역의 가로를 기준으로 원본 이미지 비율을 조절하여 보여줍니다.
0~200%까지 설정 가능하며 남는 영역은 공백이나 반복 설정 할 수 있습니다.
02도형
도형은 크기 조정 방법에 따라 크게 두가지로 나뉩니다.
[도형 > 자유변형] 카테고리 도형의 경우, 상하/좌우로 각각 크기 조정이 가능합니다.
이외의 도형은 가로-세로의 비율이 고정되어 있으며 고정된 비율대로 크기가 조정됩니다.
투명도, 배경색, 선색상, 선굵기, 라운딩 등의 옵션 설정이 가능합니다.
도형의 디자인에 따라 설정가능한 옵션값이 다릅니다. 도형을 선택하면 옵션 패널에 설정 가능한 옵션이 나타납니다.
03아이콘
크기, 투명도, 채우기색상, 선색상, 선굵기 등의 설정이 가능합니다.
아이콘의 디자인에 따라 채우기 색상을 최대 5색까지 설정가능하도록 지원합니다.
컨셉에 맞추어 아이콘을 맞춤 디자인으로 꾸며보세요.
04폰트형 아이콘
폰트형 아이콘은 채우기/선 구분 없이 한 가지 색상만 적용 가능하며, 굵기 조절이 가능합니다.
다만, 일반적인 도형/아이콘과는 다르게 외곽선, 그림자 등의 텍스트 효과를 적용할 수 있습니다.
05그라데이션
다양한 색상 조합의 그라데이션을 제공합니다.
2가지 색상 그라데이션, 3가지 색상 그라데이션을 제공하며 컨셉에 맞게 적절한 그라데이션을 적용하여 다채로운 디자인을 만들어 보세요.
사진의 끝부분을 부드럽게 처리하고 싶을때 [색상→투명]으로 적용된 그라데이션을 사진 끝에 배치시켜보세요.
자연스러운 이미지 처리가 가능합니다.
06사이즈표 이미지
사이즈표 이미지에 사용할 수 있는 상품의 선화 이미지를 제공합니다.
투명도, 채우기색, 선색, 선굵기 등의 설정이 가능합니다.
07선
선은 크기조정 방법에 따라 가로 길이 조정이 가능한 타입, 가로-세로 비율이 고정된 타입 두 가지로 나뉩니다.
길이 조정이 가능한 형태의 경우, 길이는 크기조절 컨트롤러로 좌-우 방향 조절이 가능하며 선의 굵기 조정은 옵션패널에서 이루어집니다.
비율고정 타입의 경우 크기가 커지면 선의 두께도 같이 두꺼워지며, 옵션패널을 통해 수정 또한 가능합니다.
08데코레이션
데코레이션은 페이지를 꾸밀 수 있는 요소들이 모여있습니다.
색상 커스텀 설정이 가능한 아이콘 타입과 설정이 불가능한 이미지타입이 있습니다.
요소를 선택하면 옵션창에 변경 가능한 옵션을 확인할 수 있습니다.
[아이콘 타입][이미지 타입]
09로고
서비스, 온/오프라인 쇼핑몰, 택배사 등 상품 상세 페이지를 제작하면서 필요한 각종 서비스의 로고를 제공합니다.
각 서비스의 BI 이미지 형태로 제공되며 색상의 임의 조정은 불가능합니다.