EDITORCLASSBLOGLOGIN표현한다는 것의무한한 가능성,새로운 형태로
담아내다.새로운 형태의 콘텐츠Opkle은 코드 없이 웹을 마음껏 만들고, 누구나 자기 화면을 그릴 수 있도록 에디터를 만들고, 그 결과물을 어디서나 즐길 수 있게 돕는 팀입니다.텍스트와 화면과의 조화를 통해, 웹을 짓는다는 것이 그저 단순한 코딩이 아닌, 상상을 펼치고 감각을 깨우는 과정이 될 수 있도록 좋은 도구를 만들어 냅니다.그래픽 디자인 툴, 피그마와 어도비 사이에서 무엇을 고를까design1포토샵 없이 PSD 파일을 열고 이어서 편집하는 법design2피그마·일러스트레이터·인디자인에서 넘어올 때 알아 둘 것design3벡터 그래픽 입문 — 도형과 펜, 패스파인더로 로고 만들기design4프레임·오토 레이아웃·컴포넌트로 앱 화면 시안 만들기design512345...3 피그마·일러스트레이터·인디자인에서 넘어올 때 알아 둘 것디자인 툴을 바꾸는 순간은 대개 불편함에서 시작합니다. 구독료가 부담스러워졌거나, 여러 툴을 오가는 일이 지쳤거나, 팀의 작업 방식이 달라졌을 때입니다. 하지만 막상 새 툴을 열면 다른 걱정이 앞섭니다. 손에 익은 단축키가 통하지 않으면 어쩌지, 쓰던 파일은 열릴까, 같은 기능이 어디에 있는지 몰라 헤매지는 않을까 하는 걱정입니다.툴을 옮기는 일은 새로운 것을 처음부터 배우는 일이라기보다, 이미 알고 있는 개념을 새 자리에 다시 놓는 일에 가깝습니다. 대지와 프레임, 레이어와 컴포넌트, 펜과 패스파인더 같은 개념은 툴이 달라도 크게 변하지 않습니다. 이름과 위치만 조금씩 다를 뿐입니다. 그래서 툴을 옮길 때 필요한 것은 처음부터 다시 배우는 마음가짐이 아니라, 지도 한 장입니다. 무엇이 어디로 옮겨 갔는지 알려 주는 지도입니다.이 글에서는 피그마, 일러스트레이터, 인디자인을 쓰던 사람이 옵클 에디터로 넘어올 때 알아 두면 좋은 것들을 툴별로 짝지어 살펴봅니다.1.피그마에서 쓰던 프레임·오토 레이아웃·컴포넌트가 어디에 있는지 봅니다.2.일러스트레이터의 펜, 패스파인더, 선 패널을 어디서 찾는지 봅니다.3.인디자인 문서를 옮겨 올 때 무엇이 함께 들어오는지 봅니다.4.처음 며칠을 덜 헤매는 요령과 옮겨 가는 순서를 정리합니다.피그마를 쓰셨다면 — 프레임과 컴포넌트는 그대로입니다피그마에서 넘어오는 사람에게 가장 반가운 점은 단축키입니다. 옵클 에디터는 단축키를 피그마 방식에 맞췄기 때문에, 대부분은 원래 하던 대로 눌러 보면 그대로 동작합니다. 빠른 실행도 피그마처럼 ⌘/입니다.프레임은 대지·프레임 도구(A · F)로 만들고, 이미 그린 요소를 ⌥⌘G로 감싸 프레임으로 만들 수도 있습니다. 프레임을 고르면 인스펙터에 자르기와 오토 레이아웃 설정, 레이아웃 그리드가 나타나며, ⇧A로 오토 레이아웃을 바로 켤 수 있습니다. 제약은 인스펙터의 제약 설정에 있습니다. 컴포넌트는 ⌥⌘K로 만들고 ⌥⌘B로 분리하며, 만든 컴포넌트는 에셋 창에서 꺼내 씁니다. 색 스타일은 칠 칸의 칠 스타일이고, 라이트·다크 두 값을 가진 색 변수도 만들 수 있습니다.쓰던 피그마 파일도 가져올 수 있습니다. 피그마 파일을 열면 맨 위 프레임은 대지로, 컴포넌트와 인스턴스는 서로 연결된 채로 들어옵니다. 피그마에서 요소를 복사해 옵클 에디터에 바로 붙여 넣을 수도 있어서, 파일 전체가 아니라 필요한 부품만 옮겨 오고 싶을 때 편리합니다.피그마에 익숙한 사람이 새로 얻는 것도 있습니다. 화면 설계를 하던 같은 캔버스에서 사진을 깊이 보정하고, 픽셀을 직접 칠하고, 애니메이션을 넣어 영상으로 내보낼 수 있다는 점입니다. 시안에 들어갈 사진을 다른 툴에서 다듬어 가져오던 과정이 한 화면 안으로 들어옵니다.일러스트레이터를 쓰셨다면 — 아트보드는 대지라고 부릅니다일러스트레이터의 아트보드는 옵클 에디터에서 대지라고 부릅니다. 한 캔버스에 크기가 다른 대지를 여러 개 두고 함께 작업할 수 있다는 점도 같습니다. 펜 도구는 패스(P)이고, 직접 선택은 패스를 고른 뒤 Enter를 누르거나 노드 선택 도구를 쓰면 됩니다. 점에서 뻗은 손잡이를 끌어 곡선을 다듬는 방식도 익숙한 그대로입니다.패스파인더는 도구 막대의 같은 이름 묶음에서 빼기·교차·합치기를 고르고, 오프셋 패스와 단순화, 평균, 잇기는 패스 다루기 묶음에 모여 있습니다. 블렌드와 반복은 패스파인더 묶음에, 원근과 퍼펫 같은 변형은 워프에 있습니다. 선 패널에서 하던 끝 모양·모서리·점선·화살촉 설정은 선 옵션 창에서 하고, 모양을 다른 요소로 옮기던 스포이드는 스타일 피커나 ⌥⌘C · ⌥⌘V로 대신합니다. 이미지 추적은 사진을 고르면 인스펙터에 나타나는 벡터 트레이싱입니다.일러스트레이터 파일(.ai)은 캔버스에 끌어 놓으면 쪽마다 대지가 하나씩 만들어져 여러 쪽짜리 문서도 그대로 펼쳐집니다. SVG와 PDF도 같은 방식으로 들어오며, SVG는 그림이 아니라 하나하나 고칠 수 있는 도형으로 열립니다. 일러스트레이터나 키노트에서 복사한 그래픽도 붙여 넣을 수 있어서, 작은 조각을 옮길 때는 파일을 열 필요조차 없습니다.인디자인을 쓰셨다면 — 페이지와 글 흐름을 옮겨 옵니다인디자인으로 책이나 잡지, 브로슈어를 만들어 왔다면, 옵클의 레이아웃 모듈이 그 자리를 이어받습니다. 인디자인 문서를 IDML로 저장해 열면 페이지와 글 상자, 그리고 여러 상자를 이어 흐르는 텍스트 흐름이 함께 옮겨집니다. 글 상자 사이의 연결이 살아 있기 때문에, 앞쪽에서 문장을 고쳐도 뒤쪽 상자로 글이 자연스럽게 밀려 넘어갑니다.완성한 문서는 PDF와 EPUB으로 내보낼 수 있습니다. 인쇄용 결과물과 화면용 전자책을 같은 원본에서 만들 수 있다는 뜻입니다. 같은 프로젝트 안에서 표지와 내지에 쓸 그래픽은 캔버스에서, 페이지 배치는 레이아웃에서 다루며 오가면 되므로, 그래픽과 편집 디자인을 따로 관리하던 번거로움도 줄어듭니다. 대지 크기를 정할 때도 신국판·국판·46판 같은 단행본 판형을 프리셋으로 바로 고를 수 있습니다.처음 며칠을 덜 헤매는 요령새 툴에 익숙해지는 가장 빠른 길은 모든 메뉴를 외우는 것이 아니라, 길을 찾는 방법 몇 가지를 손에 익히는 것입니다.기억해 두면 좋은 길 무엇을 해야 할지 모를 때는 그 자리를 우클릭해 보십시오. 대부분의 기능이 우클릭 메뉴에 모여 있습니다. 이름을 아는 명령은 ⌘/로 열리는 빠른 실행에서 몇 글자만 입력해 바로 실행합니다. 줄마다 단축키가 함께 보여 자연스럽게 손에 익습니다. 화면은 Space를 누른 채 끌어서 옮기고, ⇧1로 모든 대지를 한 화면에 모아 볼 수 있습니다. 휠로 확대할지, 스냅을 켤지 같은 작업 환경은 왼쪽 위 로고를 눌러 여는 프로필 창의 캔버스 설정에서 손에 맞게 바꿉니다.캔버스 설정은 생각보다 중요합니다. 트랙패드를 주로 쓰는지 마우스를 쓰는지에 따라 휠 동작 하나만 바꿔도 손에 붙는 느낌이 크게 달라집니다. 예전 툴에서 손에 익었던 화면 이동 방식을 먼저 맞춰 두면, 처음 며칠의 어색함이 훨씬 줄어듭니다.옮겨 가는 순서를 정해 두면 마음이 편합니다툴을 옮길 때는 모든 작업을 한꺼번에 옮기려 하지 않는 것이 좋습니다. 진행 중인 큰 프로젝트를 도중에 옮기면, 익숙하지 않은 툴에서 마감을 맞추느라 부담이 커집니다. 대신 작은 작업부터 차례로 옮겨 보십시오.권하는 순서 먼저 새로 시작하는 작은 작업 하나, 예를 들어 SNS 이미지 한 장을 처음부터 끝까지 새 툴로 만들어 봅니다. 다음으로 쓰던 파일 하나를 열어 레이어와 대지, 글꼴이 제대로 들어오는지 확인합니다. 자주 쓰는 색과 글꼴, 버튼 같은 부품을 스타일과 컴포넌트로 다시 담아 둡니다. 익숙해지면 진행 중인 작업을 하나씩 옮기고, 중요한 날마다 프로젝트를 .opkle 파일로 백업합니다.이 순서를 지나다 보면 새 툴이 어디서 예전 툴과 같고 어디서 다른지 자연스럽게 몸에 익습니다. 처음에는 지금 쓰던 툴과 새 툴을 나란히 열어 두고 같은 작업을 양쪽에서 해 보는 것도 좋은 방법입니다.툴은 바뀌어도 디자인의 개념은 남습니다툴을 옮긴다는 것은 지금까지 쌓은 경험을 버리는 일이 아닙니다. 프레임으로 부품을 묶고, 컴포넌트로 반복을 관리하고, 패스를 다듬어 모양을 만들고, 글을 흐르게 배치하는 감각은 어느 툴에서나 그대로 쓰입니다. 새 툴이 해야 할 일은 그 감각을 받아 줄 자리를 마련하는 것입니다.넘어오는 일이 부담스럽다면 쓰던 파일 하나를 먼저 열어 보십시오. 익숙한 레이어와 대지, 글 상자가 제자리에 들어오는 것을 확인하는 순간, 툴을 바꾸는 일은 생각보다 훨씬 가벼운 결정이 됩니다.이 글의 핵심 툴을 옮기는 일은 새로 배우는 일보다, 이미 아는 개념을 새 자리에 다시 놓는 일에 가깝습니다. 피그마 사용자는 같은 방식의 단축키와 프레임·오토 레이아웃·컴포넌트를 그대로 쓰고, 피그마 파일과 복사·붙여넣기로 작업을 옮겨 올 수 있습니다. 일러스트레이터 사용자는 대지·패스·패스파인더·선 옵션·벡터 트레이싱에서 익숙한 작업을 찾고, .ai 파일은 쪽마다 대지로 펼쳐집니다. 인디자인 문서는 IDML로 옮기면 페이지·글 상자·텍스트 흐름이 들어오고, PDF와 EPUB으로 내보낼 수 있습니다. 우클릭과 ⌘/ 빠른 실행을 익히고, 작은 작업부터 차례로 옮기면 처음 며칠의 헤맴이 크게 줄어듭니다.이전글목록으로다음글저작권 고시Copyright Notice본 웹사이트의 모든 디자인 결과물 및 영상에 대한 저작권은 Abstract Cloud에 있으며, 저작권법 및 관련 법령에 의해 보호받습니다. 웹, 영상, 본문, 표지, 내지 디자인을 포함한 모든 콘텐츠는 저작권자의 자산으로, 사전 동의 없이 무단 복제, 배포, 2차 저작물 제작, 온라인 공유 등을 금지합니다. 이를 위반할 시, 저작권법에 따라 민형사상 책임을 질 수 있습니다. 정당한 구매와 저작권 보호는 창작자의 권리를 지키며, 더 나은 작품으로 보답할 힘이 됩니다.저작권자: Abstract Cloud | 대표자: 배창규(uragen)
© Abstract Cloud. All Rights Reserved.HOMEFAQ이용 약관개인정보 이용방침help@opkle.app
010-2747-3403상호 :추상적 형상 디자인(Abstract cloud)  |  대표자 :배창규사업자등록번호 :249-74-00533통신판매업 신고번호 :2025-의정부송산-0634주소 :경기도 의정부시 부용로 49, 108동 402호웹의 모든 콘텐츠, 디자인, 소스 코드에 대한
저작권은 Opkle에게 있습니다.