Adobe XD에서 이미지 작업

Adobe XD에서 이미지 작업

이미지를 Adobe XD로 가져온 후에는 편집을 크게 제어할 수 없지만 다른 모양과 마찬가지로 이미지 크기를 조정하고 회전할 수 있습니다.

모서리 위젯을 사용하여 가져온 이미지의 모서리를 쉽게 둥글게 할 수도 있습니다.

Adobe XD에서 이미지 작업

모서리 위젯을 클릭하고 드래그하여 이미지의 가장자리를 둥글게 만듭니다.

이미지 마스킹

모양 도구나 펜 도구로 닫힌 모양을 정의하여 마스크가 되는 것을 정의할 수 있습니다. 마스크는 당신에게 사용자 정의 모양으로 이미지를 넣을 수있는 기능을 제공합니다. 또한 표시하고 싶지 않은 이미지 부분을 잘라낼 수 있는 기능도 제공합니다. 마스크를 만들려면 다음 단계를 따르세요.

이미지를 대지로 가져옵니다.

모양과 크기를 만들고 이미지 위에 배치합니다. 이미지 위의 배치에 따라 이미지의 어느 부분이 표시될지 결정됩니다.Adobe XD에서 이미지 작업

이미지 위에 모양을 배치하여 이미지에서 표시할 부분을 결정합니다.

선택 도구를 사용하여 모양과 이미지를 모두 선택합니다. 모양이 이미지 위에 있어야 합니다. 그렇지 않은 경우 개체 → 정렬 → 맨 앞으로 가져오기를 선택합니다.

두 개체를 모두 선택한 상태에서 개체 → 모양으로 마스크를 선택합니다. 이제 모양에 이미지가 포함됩니다.Adobe XD에서 이미지 작업

모양으로 마스킹된 이미지입니다.

이미지 위의 모양 위치를 편집하려면 선택 도구를 사용하여 마스크된 개체를 두 번 클릭하기만 하면 됩니다. 이미지와 모양의 위치 변경이 끝나면 아트보드의 아무 곳이나 클릭합니다.

마스크 활용하기

모양으로 모든 개체를 마스킹할 수 있습니다. 원형 모양으로 함께 유지하려는 항목이 여러 개 있거나 일련의 반복된 이미지를 자르고 싶을 수 있습니다. 이 두 작업은 다음 단계에 따라 수행할 수 있습니다.

작품을 만든 후 상단에 모양을 추가하거나 오브젝트 → 정렬 → 맨 앞으로 가져오기를 사용하여 마스킹하려는 모양을 앞으로 가져옵니다.

마스크인 맨 위에 있는 개체 외에 마스크할 개체를 모두 선택하고 개체 → 모양으로 마스크를 선택합니다.

마스크의 개체를 독립적으로 편집해야 하는 경우 개체 → 마스크 그룹 해제를 선택하거나 레이어 패널을 열고 마스크 그룹이라는 개체 왼쪽에 있는 아이콘을 두 번 클릭합니다. 더블 클릭하면 개별 개체를 선택할 수 있습니다.

이미지 편집 및 정렬

Adobe XD에 있는 이미지 작업은 빠르고 쉽습니다. 이미지를 캔버스나 아트보드에 붙여넣거나 드래그한 경우 직사각형이나 벡터 모양처럼 조작할 수 있습니다. 크기 조정, 회전, 테두리 추가, 그림자 추가 또는 불투명도 감소 등의 작업을 수행할 수 있습니다.

이미지 자르기

이미지가 잘리는 방식이 마음에 들지 않나요? 이미지를 선택한 상태에서 Enter 키를 누르거나 이미지를 두 번 클릭하면 마스크 편집 모드로 들어가 이미지 크기를 조정하여 잘리는 방식을 변경할 수 있습니다. 이미지를 모양으로 드래그하면 이 마스킹이 자동으로 발생하며 채우는 모양에 관계없이 항상 이미지의 가로 세로 비율을 유지합니다. 

뒤집기 & 이미지 회전

이미지는 수평 또는 수직으로 뒤집을 수 있을 뿐만 아니라 완전한 원으로 회전할 수도 있습니다. 이미지를 선택하면 검사 패널의 오른쪽 상단에 회전 컨트롤과 수평 및 수직 뒤집기 컨트롤이 표시됩니다. 뒤집기 컨트롤은 개체 메뉴(개체 > 변환)를 통해서도 액세스할 수 있으며 회전 컨트롤은 캔버스에서 개체의 네 모퉁이 중 하나 바로 바깥쪽으로 마우스를 가져가면 액세스할 수 있습니다.

Photoshop의 강력한 편집

Adobe XD는 이미지를 빠르게 조작할 수 있는 간소화된 도구를 제공합니다. 고급 편집 및 필터링을 위해서는 이미지를 마우스 오른쪽 버튼으로 클릭하고 "Photoshop에서 편집"을 선택하여 Photoshop에서 연결된 이미지를 열고 편집을 수행하세요. 해당 Photoshop 파일을 저장하면 Adobe XD에서 이미지가 즉시 업데이트되는 것을 볼 수 있습니다.

이미지와 그래픽은 디자인에 생기를 불어넣고, Adobe XD는 이미지 작업에 효율성을 제공합니다. 간단한 테두리부터 Photoshop의 고급 이미지 편집까지, 이미지가 디자인에서 멋지게 보일 것입니다.


PDF 파일의 한 부분을 화면 캡처

PDF 파일의 한 부분을 화면 캡처

Adobe Acrobat CS5의 스냅샷 도구를 사용하여 텍스트와 이미지를 모두 선택하고 PDF 파일 내의 특정 영역에 대한 그림을 만들 수 있습니다. 결과는 일반적으로 PDF 파일 내 섹션의 화면 캡처라고 합니다. 결과는 이미지이고 텍스트는 […]

Photoshop CC에서 픽셀 측정, 계산 및 분석

Photoshop CC에서 픽셀 측정, 계산 및 분석

연구원과 과학자를 위해 설계된 Photoshop CC의 측정 기능은 매우 강력합니다. 현미경이나 망원경과 같은 기술 이미지에서 거의 모든 것을 측정하고 그 수를 셀 수 있습니다. 이미지에 있는 요소의 정확한 크기를 안다면 거의 모든 것을 발견할 수 있습니다 […]

Adobe CS5 Illustrator의 유동화 도구

Adobe CS5 Illustrator의 유동화 도구

Adobe Creative Suite 5(Adobe CS5) Illustrator에서 유동화 도구를 사용하면 단순하거나 복잡한 왜곡을 만들어 개체를 구부릴 수 있습니다. 유동화 도구는 개체에 대한 모든 종류의 창의적이거나 괴상한(보는 방식에 따라) 왜곡을 수행할 수 있습니다. 너 […]

Adobe XD에서 텍스트 속성을 조정하는 방법

Adobe XD에서 텍스트 속성을 조정하는 방법

Adobe XD 프로젝트에 텍스트가 있으면 텍스트 속성 변경을 시작할 수 있습니다. 이러한 속성에는 글꼴 모음, 글꼴 크기, 글꼴 두께, 정렬, 문자 간격(커닝 및 자간), 줄 간격(행간), 채우기, 테두리(획), 그림자(그림자) 및 배경 흐림이 포함됩니다. 그러면 이러한 속성이 어떻게 적용되는지 검토해 보겠습니다. 가독성 및 글꼴 정보 […]

InDesign CC에서 QR 코드를 만드는 방법

InDesign CC에서 QR 코드를 만드는 방법

InDesign을 사용하여 QR 코드 그래픽을 만들고 수정할 수 있습니다. QR 코드는 단어, 숫자, URL 또는 기타 형태의 데이터와 같은 정보를 저장할 수 있는 바코드 형태입니다. 사용자는 스마트폰과 같은 장치에서 카메라와 소프트웨어를 사용하여 QR 코드를 스캔하고 소프트웨어는 […]

Photoshop CC에서 대지 작업

Photoshop CC에서 대지 작업

Adobe Illustrator에서와 마찬가지로 Photoshop 대지는 하나의 문서 내에서 별도의 페이지나 화면을 구축할 수 있는 기능을 제공합니다. 이는 모바일 애플리케이션 또는 작은 브로셔용 화면을 구축하는 경우 특히 유용할 수 있습니다. 대지는 레이어 패널을 사용하여 만든 특수한 유형의 레이어 그룹으로 생각할 수 있습니다. 그것의 […]

Adobe Illustrator CC에서 텍스트 줄 바꿈

Adobe Illustrator CC에서 텍스트 줄 바꿈

Adobe Illustrator CC에서 텍스트 래핑은 선물 래핑과 완전히 같지 않습니다. 더 쉽습니다! 텍스트 줄 바꿈은 이 그림과 같이 그래픽 주위에 텍스트를 강제로 줄 바꿈합니다. 이 기능은 모든 작품에 약간의 창의성을 더할 수 있습니다. 그래픽이 텍스트를 강제로 감싸고 있습니다. 먼저 생성 […]

Illustrator에서 모양 크기를 조정하는 방법

Illustrator에서 모양 크기를 조정하는 방법

Adobe Illustrator CC에서 디자인할 때 모양이 정확한 크기(예: 2 x 3인치)여야 하는 경우가 많습니다. 모양을 만든 후 정확한 치수로 크기를 조정하는 가장 좋은 방법은 이 그림과 같이 변형 패널을 사용하는 것입니다. 개체를 선택한 다음 창 → [...]로 변환을 선택하십시오.

SVG에 투명도를 적용하는 방법

SVG에 투명도를 적용하는 방법

Illustrator에서 SVG 그래픽에 투명도를 적용하는 방법을 알아봅니다. 투명한 배경으로 SVG를 출력하고 투명도 효과를 적용하는 방법을 살펴보십시오.

Adobe XD에서 이미지 작업

Adobe XD에서 이미지 작업

이미지를 Adobe XD로 가져온 후에는 편집을 제어할 수 없지만 다른 모양과 마찬가지로 이미지 크기를 조정하고 회전할 수 있습니다. 모서리 위젯을 사용하여 가져온 이미지의 모서리를 쉽게 둥글게 할 수도 있습니다. 닫힌 모양을 정의하여 이미지 마스킹 […]