본문 바로가기

전체 글41

[포토샵] 이미지 특정 영역만 강조하는 방법(주변은 흐리게, 특정 영역만 강조) [포토샵] 이미지 특정 영역만 강조하는 방법(주변은 흐리게, 특정 영역만 강조) 이미지 특정 영역만 강조하는 방법   · Problem이미지에서 특정 영역만 강조하고, 특정 영역을 제외한 주변은 흐리게 만들고 싶음  · Solution편집할 이미지 레이어를 하나 더 복제함 → 복제한 레이어를 선택 후, 상단 메뉴바 [Filter] > [Gaussian Blur] 클릭→ Radius 값을 적절히 조절해 복제한 이미지 레이어를 흐리게 만듦(블러 효과)→ 블러 효과를 적용한 이미지 선택 후, 레이어 하단 'Layer masks' 클릭(특정 영역만 지우기 위함)→ 'Brush Tool' 선택 후, 검은색 선택→ 강조할 특정 영역에 브러시 칠하여 영역 지움 1. 편집할 이미지 레이어를 하나 더 복제함레이어를 하나.. 2024. 4. 26.
모니터와 인쇄물의 컬러 차이 줄이는 방법(모니터 스펙 확인 방법, 소프트웨어 컬러 설정 방법) 모니터와 인쇄물의 컬러 차이 줄이는 방법(모니터 스펙 확인 방법, 소프트웨어 컬러 설정 방법)1. 모니터와 인쇄물의 컬러 차이 발생 이유  모니터로는 인쇄물을 만들 수 없음모니터로 종이와 잉크를 만들 수 없음모니터 = 조명 장비인쇄물 = 반사체즉, 모니터는 조명 장비로 어두운 곳에서도 볼 수 있으나, 인쇄물은 어두운 곳에서는 볼 수 없음 장비 성능의 문제동일한 이미지여도 장비마다 컬러 표현에 차이가 있음 소프트웨어 컬러 설정의 문제동일한 디바이스 내에서도 소프트웨어 색상 설정에 따라 컬러 표현에 차이가 발생할 수 있음해결 방법표준 컬러 장비 사용표준 컬러 소프트웨어 설정 사용  2. 해결방법: 모니터 스펙 확인 방법  길이 표준에서 '1cm = 1센티미터'로 정의되어 있음에도 회사에 따라 오차가 발생할 .. 2024. 4. 25.
[포토샵] 인쇄물 컬러로 시뮬레이션하는 방법(소프트 프루핑(Soft Proofing)) 인쇄물 컬러로 시뮬레이션하는 방법(소프트 프루핑(Soft Proofing))1. 소프트 프루핑 정의 소프트 프루핑(Soft Proofing)인쇄물 컬러를 모니터로 미리 확인하는 것(시뮬레이션)인쇄물 컬러를 모니터로 미리 확인할 경우, 실제 인쇄를 하지 않더라도 모니터 상으로 어느 정도 결과물 예측이 가능하기 때문에 시간, 비용 절감 가능색공간(색상 표현 범위)이 넓을수록 색 표현에 유리함 P3 모니터에서는 모든 색공간 표현이 가능하지만 sRGB 모니터에서는 P3 색공간을 표현할 수 없기 때문에(오른쪽 이미지에 표현된 범위 참고) sRGB 모니터에서는 P3 red와 sRGB red가 동일하게 표현됨  2. 인쇄물 컬러로 시뮬레이션하는 방법   소프트 프루.. 2024. 4. 24.
피그마 원본 사이즈로 이미지 가져오는 방법(자동 Resizing 해결 방법) 피그마 원본 사이즈로 이미지 가져오는 방법(자동 Resizing 해결 방법) 피그마 원본 사이즈로 이미지 가져오는 방법(자동 Resizing 해결 방법) · Problem 피그마에서 사이즈가 큰 이미지를 가져올 경우, 자동으로 사이즈가 조절되어 가져오는 현상(Resizing) 발생 → Resizing으로 인해 이미지가 깨지는 현상이 발생 · Solution 피그마 "Insert Big Image" 플러그인(Plugin)을 사용해 사이즈가 큰 이미지도 원본 사이즈로 가져올 수 있음 · Insert Big Image 플러그인 링크 https://www.figma.com/community/plugin/799646392992487942 · Insert Big Image 플러그인 사용 방법 상단 메뉴바에서 [Re.. 2024. 4. 7.
디자인 시스템, 스타일 가이드, 컴포넌트 라이브러리, 디자인 시스템의 차이, 구글과 애플의 디자인 시스템 디자인 시스템, 스타일 가이드, 컴포넌트 라이브러리, 디자인 시스템의 차이, 구글과 애플의 디자인 시스템 1. 디자인 시스템 디자인 시스템은 재사용 가능한 컴포넌트(UI 요소)와 패턴을 정의하여, 전체 디자인에 일관성 있게 적용할 수 있도록 만든 가이드라인이나 규칙을 의미함 즉, 여러 곳에 공통적으로 사용할 디자인에 대해 어떻게 디자인해야 하고, 사용해야 하는지 가이드라인이나 규칙을 정해 놓는 것 디자인 시스템은 주로 디지털 디자인에서 사용됨 디자이너의 역할이 단순한 스타일을 창조하는 역할에서 비즈니스 문제를 해결하는 역할로 바뀌며 디자인 조직의 규모도 커지고, 디자인 시스템이 대두됨 디자인 시스템 장점 커뮤니케이션 효율화 콤팩트한 UI 구축 가능 일관성 있는 UX 제공 궁극적으로 새로운 디자인을 만드는.. 2024. 4. 6.
터치 스크린 제스처 종류, 1 배수 디자인, 입력 방식과 물리적 거리가 디자인에 끼치는 영향 터치 스크린 제스처 종류, 1 배수 디자인, 입력 방식과 물리적 거리가 디자인에 끼치는 영향 1. 터치 스크린 제스처 종류 Flick(≒ Swipe) Flick는 한 손가락으로 빠르게 선을 긋는 제스처 ex) 농구공 던지기 게임 Swipe는 손가락을 직선 방향으로 움직여 화면 미는 제스처 ex) 사진을 옆으로 넘기며 볼 때 사용 Flick와 Swipe는 각각의 제스처를 추상적으로 범주화한 것으로 대부분의 앱 서비스가 Flick와 Swipe를 구분하지 않고 사용함 즉, 앱 개발자가 제스처를 시작하는 지점, 거리, 속도를 자의적으로 규정해 명명했을 뿐임 Pinch 핀치, Spread 스프레드 두 손가락을 이용해 확대, 축소할 때 사용하는 제스처 Pinch는 안쪽으로 모으는 제스처, Spread는 바깥쪽으로 .. 2024. 4. 6.