본문 바로가기

UX 디자인

피그마(Figma) 기능 - 선, 폰트크기, 둥글기 유지한 채로 크기 조절하기 일반적으로 개체의 선, 폰트크기, 둥글기를 유지한 채로 사이즈를 조정하는 옵션은 Scaling stroke, radius, and font size와 같은 용어로 옵션에서 선택이 가능합니다. 이는 스케치와 일러스트레이터, 포토샵에서 모두 확인할 수 있는 옵션입니다. 다만 피그마의 경우와 이러한 옵션을 현재로서는 별도로 제공해 주지 않습니다(2019-10). 피그마에서 개체의 선, 폰트크기, 둥글기 등 개체의 현재 보여지는 속성 그대로 사이즈를 조절하기 위해서는 일반 트랜스포밍이 아닌 'Scale'이라는 별도 메뉴를 통해서 이를 진행해야 합니다. 이 메뉴는 'k'를 통해 접근 가능하며, 또는 무브 툴 하위에 서브메뉴로서 선택할 수도 있습니다. 위 그림에서 보시는 것과 같이 '스케일' 메뉴를 통해서 리사이징..
[AI] 레이어의 Appearance (스타일, 그림자) 복사/붙여넣기 방법 포토샵의 경우 레이어패널에서는 레이어스타일을 드래그함으로써 개체에 적용된 스타일이펙트를 다른 개체에 쉽게 적용할 수 있습니다. 일러스트레이터의 경우 이와 똑같이 간편하지는 않지만, 비슷하게 스타일을 복사/붙여넣기 하는 방법이 존재합니다. 이를 위해서는 레이어 패널에서 서브레이어로 존재하는 개체들을 확인할 필요가 있습니다. 이 상태에서 아래 그림과 같이 해당 레이어를 선택하는 버튼인 우측의 '동그라미' 버튼을 알트를 누른 상태에서 드래그하여 스타일을 복사/붙여넣기 하고자 하는 개체에 끌어 놓으면 됩니다. 아래 그림처럼 스트로크와 필컬러도 복사/붙여넣기가 된 것을 확인할 수 있는데, 이 외에도 그림자 및 다른 스타일 효과들도 함께 복사/붙여넣기가 됩니다.
[AI] Bounding Box가 계속 표시되는 버그 대응 방법 (내용수정) 환경을 특정할 수는 없지만, 개인적 경험에 의하면 CMYK 컬러모드로 작업을 하는 중간에 특정 개체를 선택했을 때 표시되는 bounding box가 선택을 해제한 이후에도 지속적으로 표시되는 버그가 일러스트레이터 상에서는 간간히 발생한다. 실제 개체가 선택되는 것은 아니기에 무시하고 진행할 수도 있지만, 필자는 일반적으로 일러스트레이터를 종료하고 다시 실행하는 식으로 문제를 해결하곤 했다. 하지만 여기에는 더 쉬운 방법이 있다. 단순히 'Preview Bounds' 기능을 끄고 켜는 것만으로 해당 버그에 대한 대응이 가능하다. 꽤 오래 전부터 존재했던 버그인데 2019 버전까지 버그가 유지되고 있으니, 해당 버그를 맞닥뜨렸을 때 이 방법을 통해 문제를 해소하기를 권장한다. 'Preview Bounds'를..
[AI] Scissors, Knife, Join Tool - path를 cut하고 trim하기 Cut pahts Closed path에 대해서는 Pathfinder나 Shape Builder를 통한 manipulating이 가능하지만, open path에 대해서는 이보다 조금 더 수동으로 관리를 해 주어야 한다. Scissors 가위 툴을 주로 사용하는 것으로 확인되었으며 가위 툴의 단축키는 c이다. 여러 path를 선택하고 가위 툴을 사용하면 가장 상위에 있는 path를 대상으로 교차지점에 cutting이 이루어진다. 여러 path가 아닌 단일 path를 선택하고 커팅을 진행할 때는 앵커포인트를 생성하고 이를 기준으로 단절된 open paths를 생성하는 역할을 한다. Knife 나이프는 기본적으로 closed path에 대응하는 툴이지만, 가위 툴과 혼동을 유발하기 쉬우므로 개념 상 구분을 하..
[스케치] 개체 뒤에 있는(겹쳐진) 개체 선택하기 일부 다른 그래픽 소프트웨어에 있는 것처럼 겹쳐져 있는 레이어들을 순차적으로 선택할 수 있는 기능은 하지 않는 것으로 보인다. 개체 뒤에 있는 개체를 선택하는 방법에 대한 기능 상으로 제공되는 부분은 크게 두 가지로 파악할 수 있을 것으로 보인다. 1. CMD로 선택 cmd로 레이어 단위로 선택을 할 수 있다. 그러나 그룹 단위의 겹쳐짐이 아니라, 개체 단위의 겹쳐짐이 있을 경우 cmd만으로 개체를 선택을 하기는 쉽지 않다. 이런 경우 특정 개체를 lock하거나 안 보이게 하거나, 또는 다른 위치로 놓은 후에 선택 작업을 이어나가는 것이 필요한데, 이 모두 조금 번거로운 작업이 될 것이다. 2. 우클릭으로 항목들을 열거하여 선택 개체에 커서를 두고 우클릭(또는 ctrl + 클릭)을 하면 해당 커서에 대응..
[AI] 레이어 패널에서 선택된 레이어의 개체들 선택하기 최근 벡터 기반 툴들은 레이어 패널을 중심으로 구성되어 있습니다. 어피니티디자인과 스케치가 대표적인 예입니다. 가장 popular한 벡터 그래픽 프로그램인 일러스트레이터는 놀랍게도 레이어의 인터페이스에는 크게 신경을 쓰지 않는 모습을 보입니다. 다른 툴들에 비해서 기능성이 다소 떨어지는 편입니다. 제가 겪은 가장 큰 불편 중에 하나는 레이어 패널에서 multiple layer selection이 힘들다는 것이었습니다. 일러스트레이터에서는 이 기능을 공식적으로 제공하고 있지 않습니다(도대체 왜...?). 어도비 포럼을 눈팅한 결과 꼼수로 이같은 기능을 구현할 수 있는 방법을 알게되어 이를 공유드립니다. 레이어 잠금을 활용한 선택된 레이어의 개체 선택 트릭 여러 레이어를 선택 후 '잠금'을 한 후, '컨트롤..
AI에서 텍스쳐 간단 제작 및 적용하기 Effect의 그레인을 활용해서 텍스쳐 제작 텍스쳐를 Transparency로 합성해서 적용하는 방법 magic wand 등을 통해서 텍스쳐를 입히고 싶은 영역을 선택한 후 마스크를 통해서 적용하는 방법 영역 선택 후 마스크 활성화하여 텍스쳐를 통해서 마스킹 진행 텍스쳐다운로드: Grunge Textures Set | Download now free vectors on Freepik 관련자료 How To Add & Create Texture In Illustrator (Plus Tips) How To Create Texture Gradients - Illustrator Tutorial How to create GRAIN and NOISE TEXTURE, Adobe Illustrator Tutorial V..
일러스트레이터 Priview Bounds로 실제 개체 영역 선택하기 path를 다룰 때 outside border로 경계선을 주거나 한 상황에서 bounding box가 실제 시각적으로 표시되는 개체의 영역이 아닌 path의 개체만 포함하여 보여 주는 상황이 발생한다. 이같은 경우 일러스트레이터에서는 preference를 설정함으로써 전체 개체를 선택할 수 있다. preview bounds(미리보기 경계선을 활성화)라는 옵션을 체크함으로써 전체 개체에 대한 bounding box 설정이 가능하다. preview bounds는 preference 외 다른 메뉴에서도 쉽게 접근하다. preview bounds를 선택하면 개체 자체의 크기가 달라진다. 크기가 달라짐으로 align 등을 할 때의 기준 경계도 달라진다. snapping과 aligning을 할 때 주요한 요소이다...
외주/과외 문의

티스토리툴바