Magic Canvas: 브라우저에서 직접 또는 말로 그래픽을 디자인하세요

시작 화면은 세 부분으로 이루어져 있습니다. 설명하면 aiKit이 만들어 줍니다. 필요한 내용(대상, 전달할 메시지, 분위기)을 입력하거나 말로 받아 적고 목록에서 크기를 고른 뒤 내 디자인 만들기를 누르세요. 편집기가 열리고 레이아웃이 바꿀 수 있는 실제 레이어로 만들어집니다. aiKit이 처리하지 못한 항목은 먼저 아직 처리되지 않음 아래에 표시됩니다. 전화번호, 가격, 주소 같은 정보는 직접 입력한 경우에만 사용되며, 그렇지 않으면 [전화번호] 같은 대괄호 자리표시자가 표시되어 채울 수 있습니다.

또는 빈 크기에서 시작하세요: 소셜, 인쇄, 웹, 이메일 탭에는 각 모양을 간단히 그린 그림과 함께 크기가 표시됩니다(인스타그램 게시물 1080 × 1350, 스토리 1080 × 1920, 전단지 8.5 × 11인치, 명함 3.5 × 2인치, 포스터 18 × 24인치, 웹사이트 배너 1920 × 800, 그리고 너비 600의 표준 이메일 크기: 헤더 600 × 200, 히어로 배너 600 × 300, 사진 600 × 400, 2단 300 × 300. 이 크기는 기본적으로 2배로 다운로드되어 휴대폰에서도 선명하게 보입니다). 사용자 지정 크기는 픽셀 또는 인치 단위로 가로와 세로, 용도를 정할 수 있으며, 인치는 인쇄용을 뜻합니다. 사진 편집은 내 컴퓨터의 사진을 원래 크기로 엽니다.

내 디자인에는 저장한 디자인이 최신순으로 그림과 함께 나열되며 이름으로 검색할 수 있습니다. 하나를 클릭하면 모든 레이어를 계속 편집할 수 있는 상태로 다시 열립니다. 각 디자인에는 고유한 주소가 있어 북마크하거나, 같은 계정의 팀원에게 링크를 보낼 수 있습니다.

상단에는 디자인(시작 화면으로 돌아가기), 디자인 이름(클릭하여 이름 변경), 크기, 실행 취소와 다시 실행, 확대/축소(빼기, 백분율, 더하기; 백분율을 클릭하면 페이지에 맞춤), Pro 스위치, 디자인 저장, 다운로드가 있습니다. 트랙패드나 마우스 휠에서는 스크롤하면 페이지가 이동하고, 두 손가락으로 벌리거나 모으기(또는 Ctrl/⌘ + 스크롤)하면 확대/축소됩니다.

왼쪽에는 레일이 있습니다: 에셋, 텍스트, 도형, 사진, 브랜드, 레이어, 기록. 각 항목을 누르면 레일 옆에 패널이 열리며, 다시 누르면 패널이 닫혀 페이지가 더 넓어집니다. 가운데에는 회색 작업대 위의 페이지가 있습니다. 오른쪽에는 선택한 항목의 설정이 표시되고, 선택한 것이 없으면 페이지 자체의 설정이 표시됩니다. 페이지 아래에는 AI 막대가 있습니다.

인쇄 크기에는 인쇄되지 않는 두 개의 안내선이 표시됩니다. 실선 빨간색 선은 종이가 잘리는 위치(재단선)이고, 그 안의 점선 파란색 선은 안전 영역입니다. 글자와 로고는 점선 안에 두세요. 종이 가장자리까지 닿아야 하는 색상과 사진은 빨간 선을 넘어 페이지의 바깥 가장자리까지 뻗어야 합니다(이 추가 1/8인치가 블리드입니다).

기본은 간단 보기입니다. Pro를 켜면 레이어마다 정확한 위치와 크기 값(X, Y, W, H 및 각도)과 혼합 모드(곱하기, 스크린, 오버레이 등)를 볼 수 있습니다. 선택한 설정은 이 브라우저에 기억됩니다.

텍스트: 제목, 부제목 또는 본문을 추가한 뒤 페이지에서 더블클릭하여 입력하세요. 텍스트를 선택하면 오른쪽에 글꼴(Clean, Bold, Condensed, Serif, Script, Handwritten, Fun, Retro 그룹의 31개 글꼴), 크기, 굵게, 기울임, 밑줄, Aa(대문자와 일반 대소문자 전환), 정렬, 색상(브랜드 색상이 가장 먼저 표시됨), 자간, 줄 간격, Curve(글줄을 아치나 웃는 모양으로 구부리기), 효과인 외곽선(색상과 두께 포함)과 그림자 옵션이 나타납니다.

도형: 사각형, 둥근 사각형, 원, 삼각형, 별, 선, 화살표, 하트를 사용할 수 있습니다. 도형을 선택하면 채우기(또는 채우기 없음), 테두리 색상과 두께, 사각형의 모서리 둥글기를 설정할 수 있습니다. 텍스트 뒤에 사각형을 두면 색 띠나 라벨을 만들 수 있습니다.

사진: 내 컴퓨터에서 업로드(여러 장 동시 가능), AI 사진(설명을 입력하고 사진 만들기를 누르면 20~40초 걸리며 토큰을 사용합니다), 또는 그래픽 라이브러리에서 선택하세요(패널에서 바로 검색 가능). 브랜드 탭에는 Logo Kit에 저장한 브랜드 키트의 색상과 로고가 표시됩니다. 색상을 클릭하면 선택한 항목(선택한 것이 없으면 배경)의 색이 바뀌고, 로고를 클릭하면 추가됩니다.

색상 탭은 전체 색상 선택기입니다. 사각형 영역을 드래그해 채도와 명도를, 막대를 드래그해 색조를 조절하거나 HEX, RGB, HSB, CMYK 값을 직접 입력할 수 있습니다. 상단에서 전경색과 배경색을 전환할 수 있으며, 브랜드 색상, 최근 색상, 색상 견본은 한 번의 클릭으로 선택됩니다. 시스템 선택기에는 화면 스포이드가 포함되어 있습니다. 도구 모음 하단의 색상 사각형을 클릭해도 색상 탭이 열립니다.

사진을 선택하면 해당 도구가 나타납니다. 빠른 보정: 배경 제거와 2배 확대는 내 기기에서 무료로 실행됩니다(처음 사용할 때 무료 모델을 한 번 내려받습니다). 매직 효과도 내 기기에서 무료입니다. 자동 보정은 사진의 밝기와 색을 분석해 밝기, 대비, 색상과 약간의 선명도를 맞추고 무엇을 바꿨는지 알려줍니다. 색상 생생하게는 피부색이 그림처럼 보이지 않도록 하면서 색을 더 선명하게 만듭니다.

색감 변경은 사진의 색 프로필을 바꿉니다: 자연스럽게, 틸 & 오렌지, 골든 아워, 필름, 매트, 시네마틱, 파스텔, 누아르, 팝. 듀오톤은 사진을 두 가지 색으로 칠합니다(어두운 부분은 첫 번째 색, 밝은 부분은 두 번째 색). 브랜드 색상이 있으면 그 색으로 시작합니다. 피사체 효과는 내 기기에서 피사체를 찾습니다. 인물 흐림은 피사체 뒤의 배경을 흐리게 하고, 색 스플래시는 피사체의 색은 유지하면서 배경을 흑백으로 만듭니다. 스티커는 피사체를 흰색 테두리와 부드러운 그림자와 함께 잘라냅니다.

슬라이더: 선명한 색감, 선명도, 필름 그레인, 픽셀 아트, 그다음 밝기, 대비, 채도, 따뜻함, 흐림, 그리고 한 번 터치로 적용하는 필터(B&W, 세피아, 빈티지, 비비드, 쿨, 웜, 페이드)가 있습니다. 조정 초기화를 누르면 슬라이더와 필터가 원래대로 돌아갑니다. 자르기를 누르면 점선 상자가 나타납니다. 상자를 드래그해 크기를 조절한 뒤 자르기(또는 취소)를 누르세요. 모양을 누르면 사진이 원, 둥근 사각형, 별 또는 하트 안에 들어갑니다. 뒤집기는 사진을 좌우 반전합니다.

선택한 모든 레이어에 대해: 투명도(얼마나 투명한지), 페이지 위치(왼쪽, 가운데, 오른쪽, 위, 중간, 아래; 인쇄 크기에서는 안전 영역 기준), 맨 앞으로 가져오기, 맨 뒤로 보내기, 복제, 잠금, 삭제를 사용할 수 있습니다. 드래그하는 동안 레이어가 페이지 가운데에 맞춰지면 빨간 선이 나타나며 그 위치에 자동으로 붙습니다.

레이어 패널에는 모든 항목이 위에서부터 아이콘(텍스트, 사진, 도형)과 함께 나열됩니다. 이름을 클릭하면 선택되고, 더블클릭하면 이름을 바꿀 수 있습니다(AI도 이 이름을 사용합니다). 화살표로 위아래로 옮기고, 눈 아이콘으로 숨기거나 표시하며, 자물쇠 아이콘으로 실수로 움직이지 않도록 잠글 수 있습니다.

키보드: Delete 또는 Backspace로 선택한 항목을 삭제하고, ⌘Z로 실행 취소, ⇧⌘Z로 다시 실행, ⌘D로 복제, ⌘C와 ⌘V로 복사와 붙여넣기, 방향키로 미세 이동(Shift를 누르면 더 크게 이동), Escape로 선택 해제를 할 수 있습니다. Windows에서는 ⌘ 대신 Ctrl을 사용하세요.

에셋은 왼쪽 레일의 첫 번째 버튼이며, 시작 화면에도 설명 입력 아래에 같은 상자가 있습니다(로고, 사진 또는 맞출 디자인 추가). 사진은 최대 6장까지 추가할 수 있습니다. 상자에 끌어다 놓거나, 페이지 아무 곳에서나 붙여넣기(⌘V 또는 Ctrl+V)를 하거나, 업로드를 누르거나, 그래픽 라이브러리를 눌러 이미 있는 사진을 선택하세요(사진을 클릭하면 추가되고, 다시 클릭하면 제거됩니다). 업로드한 모든 파일은 그래픽 라이브러리의 Magic Canvas/Assets 폴더에 저장되어 나중에 어떤 도구에서도 사용할 수 있습니다.

각 에셋은 바꿀 수 있는 이름과 종류를 가집니다. 로고(디자인에 배치됨), 사진(디자인에 사용됨), 제품(크게 강조됨), 또는 스타일 맞춤(배치되지 않음; aiKit이 색상, 글꼴 느낌, 레이아웃, 분위기 같은 스타일을 복사함). aiKit은 요청할 때마다 모든 에셋을 실제로 확인하므로 “내 로고 사용해 줘”, “제품 사진을 왼쪽에 넣어 줘”, “내가 추가한 전단지 느낌으로 만들어 줘”처럼 평범한 말로 요청할 수 있습니다. 에셋의 +를 누르면 직접 페이지에 배치되고, ×를 누르면 목록에서 제거됩니다(그래픽 라이브러리에는 남아 있습니다).

페이지 아래의 작은 줄에는 다음 요청에 aiKit이 사용할 내용이 표시됩니다. 예를 들어 에셋 3개 보기(클릭하면 에셋이 열림)와 사용 중인 스타일(있는 경우)이 나타납니다. 디자인을 바꿀 때 aiKit은 현재 페이지 모습의 이미지도 함께 받으므로 “사진이 너무 어두워요” 또는 “글자가 잘 안 읽혀요”라는 말을 화면에서 보는 그대로 이해합니다. 사진을 페이지로 바로 끌어다 놓으면 그 자리에 배치됩니다.

기록은 왼쪽 레일의 마지막 버튼입니다. 버전 기록에는 디자인의 모든 순간이 최신순으로 나열됩니다. 여기에는 각 AI 요청(Made with AI, Changed with AI), 직접 수정한 각 차례(Changed by hand), 이전 버전을 되돌릴 때마다, 그리고 만든 각 버전이 포함됩니다. 직접 수정한 차례는 수정을 멈춘 뒤 약 20초 후에 하나의 순간으로 저장되며, 저장된 디자인도 동시에 자동 저장되므로 탭을 닫아도 작업 내용이 사라지지 않습니다. 모든 순간은 디자인과 함께 보관됩니다(디자인당 최대 500개, 이름을 붙인 버전은 항상 보관). 따라서 내 디자인에서 디자인을 다시 열거나 다른 컴퓨터에서 링크를 열면 전체 기록이 그대로 나타납니다.

각 순간에는 그 시점 디자인의 작은 미리보기, 시간과 AI 비용, 따옴표 안의 내 입력 내용이 표시됩니다. 직접 수정한 경우에는 무엇이 바뀌었는지 짧은 설명이 함께 나옵니다(예: 2개 변경: “Summer Sale” 글자 · 원 색상). 자세히를 누르면 aiKit이 수행한 작업, 수행하지 못한 작업, 스타일(색상 점과 글꼴), 크기, 버전 라벨, 사용한 소재, 그리고 정확히 받은 요청 내용을 볼 수 있습니다. 요청 내용에는 aiKit이 받은 그대로의 크기, 입력 문구, 소재와 종류, 적용하라고 지시받은 스타일이 포함됩니다.

상단의 이 버전 이름 짓기를 누르면 현재 디자인에 이름과 선택적 메모를 붙일 수 있습니다(예: 고객에게 보냄, 색상 변경 전). 이름이 붙은 버전에는 책갈피 표시와 색깔 가장자리가 나타나며, 어떤 순간에서든 이름 짓기(또는 이름 바꾸기)를 누르면 그 순간에 이름이 붙습니다. 목록 위의 필터에서는 전체, 이름 있음, AI, 직접 수정을 선택할 수 있습니다. 자세히 아래의 이름 삭제를 누르면 이름 있는 버전이 일반 순간으로 돌아갑니다.

각 순간의 버튼: 되돌리기(디자인이 그 순간으로 돌아가며 새 순간으로 기록되고, ⌘Z로 취소 가능), 현재와 비교, 이름 짓기, 이 순간에서 시작(현재 작업 중인 디자인은 그대로 두고, 그 순간에서 새로운 별도 디자인을 엽니다). 자세히 아래: 이 스타일 사용(다음 AI 요청에 그 글꼴과 색상을 적용)과 스타일 저장(이름을 지어 보관).

비교에서는 두 버전을 나란히 또는 슬라이더로 보여 줍니다. 그림 아래에는 변경 내용 목록이 있으며, 레이어마다 한 줄씩 추가됨, 제거됨, 변경됨으로 표시하고 무엇이 바뀌었는지 글로 설명합니다(이전 및 새 글자, 이동, 크기 조절, 회전, 색상, 글꼴, 글자 크기, 투명도, 숨김, 윤곽선, 그림자, 사진 느낌, 자르기, 앞으로 가져오기 또는 뒤로 보내기, 배경). 한 순간과 현재를 비교하면 각 줄에 이 부분 되돌리기(해당 레이어가 그때 모습으로 돌아가거나, 제거된 레이어가 다시 나타남) 또는 이 부분 제거(그 이후 추가된 레이어)가 표시되고, 나머지 디자인은 현재 상태 그대로 유지됩니다. ⌘Z로 취소할 수 있습니다. 전체 되돌리기를 누르면 디자인 전체가 그 순간으로 돌아갑니다.

두 순간을 비교하려면 두 순간 오른쪽의 체크박스를 선택한 뒤 선택한 2개 비교를 누르세요. 더 오래된 순간이 왼쪽에 표시되고, 변경 내용 목록은 오래된 것에서 최신 순으로 읽힙니다. 두 순간 중 어느 쪽으로든 되돌릴 수 있습니다.

저장된 스타일은 기록 상단에 있습니다. 이 디자인의 느낌을 스타일로 저장을 누르면 페이지에서 글꼴, 주요 색상, 배경을 읽어 와 이름을 묻습니다. 사용을 누르면 다음 AI 요청에 그 스타일이 적용되며(페이지 아래에 스타일: 이름으로 표시되고, ×로 해제), 시작 화면에도 스타일 목록이 있어 새 디자인이 내 스타일로 시작됩니다. 스타일은 작업 공간에 속하므로 팀의 모든 구성원이 사용할 수 있습니다.

상단 막대의 버전을 누르면 세 가지 선택지가 나타납니다. 복제는 디자인(기록 포함)의 사본을 만들어 열어 주므로, 원본은 그대로 두고 아이디어를 다른 방향으로 발전시킬 수 있습니다. 버전 만들기…는 aiKit에 2~6개의 버전을 요청합니다. 모든 버전 비교는 모든 버전을 나란히 보여 줍니다. 복제와 버전 만들기는 AI 결과마다 AI 변경 취소 옆에도 있습니다.

버전 만들기에서 개수(2~6)를 고르고, 버전들이 어떻게 달라야 하는지 원하는 말로 적으세요. 예: “노인, 학생, 가족을 위한 전단 3종”, “다른 제목 시도”, “정사각형 게시물, 스토리, 배너”, “하나는 짧은 동영상으로”. 입력란 아래의 칩에는 자주 쓰는 항목이 있습니다. 비워 두면 aiKit이 레이아웃, 제목, 색상을 다양하게 바꿉니다. 페이지에서 무언가 선택되어 있으면 선택한 것만 변경을 누르면 나머지는 그대로 유지됩니다(예: 제목에 대한 세 가지 안). 이름, 날짜, 가격, 혜택 같은 사실 정보는 모든 버전에서 동일하게 유지되며, aiKit이 알지 못하는 내용은 [자리표시자]로 표시됩니다.

버전은 하나씩 차례로 만들어지며, 각 버전마다 용도, 크기, aiKit이 바꾼 내용, 수행하지 못한 작업, 열기 버튼이 한 줄씩 표시됩니다. 새 크기의 버전은 원본 디자인, 소재, 그 안의 사진을 바탕으로 그 크기에 맞게 새로 배치됩니다. 각 버전은 원본 옆에 저장되는 고유한 디자인이며 자체 기록을 가집니다. 동영상으로 표시된 버전은 애니메이션을 위해 준비된 것입니다.

디자인에 버전이 생기면 상단에 버전 띠가 나타납니다. 하나를 클릭하면 열리며(각각 고유한 링크가 있음), 모든 버전 비교로 함께 보고, 이 버전 열기로 계속 작업할 수 있습니다. 버전마다 AI 비용이 약 1~2센트 들며, AI 사진은 각 5센트가 추가됩니다.

페이지 아래의 입력줄에 원하는 변경 사항을 입력하거나 음성으로 말한 뒤 실행을 누르세요. 예: “배경을 더 어둡게”, “로고를 오른쪽 위로 옮겨 줘”, “제목을 곡선으로 만들고 금색으로”, “필름 느낌의 따뜻한 사진”, “인물 뒤 배경 흐리게”, “모서리에 빨간 SALE 배지 추가”. 빈 페이지에서는 같은 입력줄로 전체 디자인을 만들 수 있습니다. aiKit은 레이어(이름, 글자, 크기, 위치)를 읽고 이를 변경하며, 아무것도 처음부터 다시 그리지 않습니다.

모든 요청은 체크리스트로 처리됩니다. 완료되지 않은 항목은 먼저 아직 완료되지 않음 아래에 이유와 함께 표시되고(예: 사진 속 사람을 제거하는 작업은 여기서 할 수 없음), 나머지는 체크 표시와 함께 나열됩니다. AI 변경 취소를 누르면 디자인이 정확히 이전 상태로 돌아가며, 일반 실행 취소도 작동합니다. 각 결과 아래에서 엄지 위/아래로 평가하고 무엇이 잘못되었는지 적을 수 있으며, 보내고 수정을 누르면 입력한 메모를 바탕으로 aiKit이 다시 시도합니다.

디자인 저장은 모든 레이어를 포함한 전체 디자인을 보관하므로, 내 디자인에서 다시 열어 계속 편집할 수 있습니다. 업로드했거나 AI로 만든 사진은 처음 저장할 때 그래픽 라이브러리(Designs/Photos 폴더)에 보관되어 디자인 파일이 작게 유지되고 어떤 컴퓨터에서든 열립니다.

Pro Designer에서 열기(다운로드 옆)는 완성된 디자인을 그래픽 라이브러리에 넣고 Pro Designer에서 엽니다. 포토샵 스타일의 도구로 직접 마무리할 수 있습니다.

다운로드를 누르면 창이 열립니다. 파일 형식: PNG(가장 선명하며 투명 부분 유지), JPG(더 작음; 최상, 높음 또는 작은 파일 중 선택), PDF(인쇄용 크기: 300dpi, 1/8인치 블리드, 재단선 표시 여부 선택, 인쇄소가 확인할 수 있도록 파일에 재단 크기 설정; 그 외 크기는 디자인 크기의 한 페이지), 또는 SVG(텍스트와 도형이 벡터로 유지되며 글꼴은 연결됨). 화면용 크기는 0.5×, 1×, 2× 또는 3×를 선택합니다. 저장 위치: 이 컴퓨터로 다운로드하거나, 이름, 카테고리, 태그, 고객, 프로젝트와 함께 그래픽 라이브러리에 저장합니다. 저장된 파일은 라이브러리의 해당 위치로 바로 연결됩니다.