Study/Tool (5) 썸네일형 리스트형 [Figma] 피그마에서 이미지 사이즈가 다르게 익스포트 될때 해결 방법 피그마에서 아이콘들을 균일한 사이즈로 만들어서 이미지파일로 익스포트 했을 때 저장된 폴더에서 확인해 보면 아이콘 한두 개가 1픽셀 정도씩 각각 다른 사이즈로 익스포트 되어 있을 때가 있습니다. 이럴때 해결방법에 대해 알아보겠습니다. 익스포트한 이미지의 픽셀 사이즈가 안 맞는 이유 익스포트한 이미지의 픽셀 사이즈가 조금씩 다른 이유는 먼저 이미지사이즈가 소수점으로 되어 있을 때에요. 이미지는 정사이즈이더라도 좌표가 소수점일때에도 마찬가지로 픽셀사이즈가 조금씩 어긋날 수가 있습니다. 또는 사이즈와 좌표 둘 다 소수점이라면 더욱 익스포트 한 이미지의 사이즈가 어긋날 확률이 높습니다. 그리고 또 한가지는 아이콘이미지의 외곽에 그림자효과 등이 연하게 있고 그 그림자가 아이콘 사이즈로 설정해 둔 영역을 벗어나.. [Figma] 피그마에서 텍스트 한번에 선택 후 텍스트 속성 바꾸기 피그마에서 여러 개체들이 중첩되어 있는 수많은 페이지들을 편집하고 있을 때 텍스트들을 일괄적으로 선택해서 속성을 바꿔줘야 할 때가 있죠? 선택할 텍스트 개체가 10개 정도라면 Control +Shift + Click 으로 개체들을 하나씩 다중 선택해서 바꾸면 되겠지요. 혹은 미리 텍스트마다 스타일로 지정이 되어 있다면 스타일에서 간단히 한 번만 바꿔줄 수도 있어요 하지만 선택할 개체가 아주 많을 때도 있고, 또는 작업을 하다보면 처음부터 일일이 스타일 지정을 하기가 번거로워서 스타일 지정이 안되어 있을 때가 있지요. 그럴 때 나중에 정리하면서 전체 수십 페이지에서 텍스트를 한번에 선택해서 폰트와 텍스트 속성들을 한 번에 바꾸는 방법에 대해 알려드릴게요. 동일한 속성의 텍스트들을 한번에 선택하기 .. [Blender] 블렌더로 네온사인 발광효과 만들기 / Eevee, Cycles 렌더러 블렌더에서 Eevee 렌더러와 Cycles렌더러를 이용해 발광하는 네온사인 효과를 만드는 방법에 대해서 정리해 보았습니다. ( *이미지를 클릭하시면 크게 보실 수 있습니다. ) Step1. 사각링 램프 모델링하기 먼저 네온사인 모양은 사각 링 형태로 만들어보려고 합니다. 블렌더를 열고 기본으로 있는 Cube를 Delete키를 눌러서 지워준 후 Add > Mesh > Plane을 선택해서 plane을 추가합니다. plane을 선택한 상태에서 Tab 키를 눌러서 Edit Mode로 전환하고 Face모드를 선택합니다. i (inset Faces) 키를 누르고 안쪽으로 드래그해서 작은 면을 하나 더 만들어 줍니다. 왼쪽하단의 Inset Faces 설정창에서 수치로도 설정할 수 있는데요. 저는 Th.. [에펙] 원형 프로그레스바 시퀀스 이미지 만들기(2/2) 원형 프로그레스바 시퀀스 이미지 만들기 포스트의 Part2 페이지입니다. Part1은 GUI화면을 에펙으로 불러와서 슬라이스 할 영역에 맞게 크롭 하는 내용입니다. Part1의 내용을 확인하실 분은 아래 목차에 있는 링크를 클릭하시면 해당 페이지로 이동합니다. (*이미지를 클릭하시면 크게 보실 수 있습니다.) 작업의 순서는 총 4단계입니다. Part1. 에펙에서 GUI화면의 원형 프로그레스바 크기와 좌표에 맞게 크롭 하기 1. 에펙에 콤포지션으로 psd화면 불러오기 2. 불러온 GUI화면에서 원형 프로그레스바 크기와 좌표에 맞게 콤포지션을 크롭 하기 Part2. 원형 프로그레스바 애니메이션을 만들어서 시퀀스 이미지로 익스포트 하기 3. Trim Path 기능으로 원형 프로그레스바 애니메이션 만들기 4. .. [에펙] 원형 프로그레스바 시퀀스 이미지 만들기(1/2) 포토샵에서 만든 원형 프로그레스바(Circle Progress Bar)를 에펙으로 불러와서 슬라이스 할 영역에 맞게 이미지 시퀀스 파일로 만드는 방법에 대해 알아보겠습니다. 포스트 작성을 위해서360x640픽셀의 GUI화면에 x, y좌표 45, 220 위치에 270x270픽셀 사이즈의 원형 프로그래스바가 있는 샘플화면을 준비했습니다. (*좌표맞춤 설명을 위해 사이즈를 표기하였고, 꼭 이 사이즈일 필요는 없습니다. ) 이 원형 프로그레스바의 진행 애니메이션을 만들고 시퀀스 이미지로 익스포트(저장)해보도록 하겠습니다. (*이미지를 클릭하시면 크게 보실 수 있습니다.) 작업의 순서는 총 4단계입니다. 글을 작성하다 보니 페이지가 길어져서 다음과 같이 2개의 파트로 나누었습니다. Part1. 에펙에서 GUI화면.. 이전 1 다음
