미리캔버스에 색상변경 가능한 이미지

안녕하세요~ 다알랴줌입니다.

캠퍼스에서 요소를 미리 선택하여 붙여넣으면 색상을 변경할 수 있는 요소가 있습니다.

현장의 목적이나 분위기에 따라 책상을 변형하여 분위기에 맞게 이미지를 연출할 수 있습니다. 이것은 정말 유용하고 필요한 기능입니다.

일러스트레이터라면 자신의 이미지를 만들고 업로드하고 사용했어야 합니다.

그런데 그런 생각은 안 해봤어? 내 이미지를 업로드해서 사용할 때 색상을 편집할 수 있다면 좋지 않을까요?

그래서 이번에는 제가 만든 이미지의 색상을 보정하는 방법에 대해 알아보도록 하겠습니다.

미리 캔버스에 있는 요소들 중에는 이런 식으로 색상을 변경할 수 있는 이미지가 있습니다.


이렇게 구성된 색상 아래 왼쪽에 변경 가능한 색상이 나타납니다.


이렇게 색을 바꾸면 전혀 다른 분위기가 연출됩니다.


다음과 같이 색상을 변경할 수 있는 항목만 필터링하여 표시하는 방법이 있습니다.

아래 아이콘을 클릭하세요.


그런 다음 벡터 이미지만 볼 수 있는 확인란이 있습니다.

측면에서 볼 수 있듯이 요소는 색상 편집이 가능하다고 쓰여 있습니다.


색상을 변경할 수 있는 이미지도 업로드하여 사용할 수 있나요?

그런 다음 우리가 생성하고 업로드한 이미지의 색상을 변경하려는 경우 벡터 형식으로 이미지를 생성하고 업로드할 수 있는 방식으로 해석할 수 있습니다.


실제로 업로드 버튼을 눌렀을 때 업로드 가능한 파일 중 SVG 형식의 이미지가 있음을 확인할 수 있었습니다.


SVG 형식 이미지는 벡터 이미지 형식으로 찾을 수 있습니다.


이것은 벡터 이미지로 가능합니다.

그래서 Illustrator를 사용하여 이미지를 만들어 SVG 이미지 형식으로 저장하기로 했습니다.


이러한 이미지를 svd 형식으로 저장하려면 파일 형식에서 적절한 형식을 선택하십시오.


저장 옵션 상자에서 아무것도 변경하지 말고 확인을 클릭하고 저장합니다.


그런 다음 아래와 같이 업로드 버튼을 사용하여 이미지를 로드하고 편집 창에 붙여넣습니다.


삽입된 이미지를 클릭하면 다음과 같이 색상을 변경할 수 있는 선택 창이 열립니다.

드디어 색상을 변경할 수 있는 이미지를 업로드하는 방법을 알아냈습니다.


아래와 같이 색상이 변경되었습니다.


위와 같이 절대 할 수 없다고 생각했던 요소의 색상 변경을 구현할 수 있습니다.


호환되지 않는 이미지 형식

Illustrator가 아닌 Photoshop에서 SVG 형식 이미지로 저장할 수도 있습니다. 이 팔을 캔버스에 미리 저장하고 사용할 수 있습니까? 직접 해봤더니 사전에 캠퍼스와 호환되는 알 수 없는 파일이라고 들었습니다.


Illustrator로 이미지를 만들고 업로드할 때 안전하지 않은 형식도 있습니다. 동일한 SVG 형식의 이미지이지만 등록에 실패한 것은 색상이 모호한 그림자 효과 부분이었습니다.


한마디로 그라데이션 프로세스가 호환되지 않았습니다.



불투명도 조절 가능

그렇다면 불투명도를 낮추고 그 뒤에 있는 색과 겹치게 하는 것이 궁합이 맞을까 하는 생각이 들었습니다. 그래서 일러스트의 두 도형을 겹쳐서 불투명도를 낮추어 색상을 섞었습니다.


빨간색 원색의 불투명도를 46%로 줄여 배경의 녹색과 겹치고 황토색으로 변하도록 했습니다.


캠퍼스에서 사전 호환됩니까?

결과는 즉시 볼 수 있었습니다. 호환 가능


위와 같이 불투명도를 46%로 유지하고 색상 선택기 창에 원래 색상인 빨간색이 표시되었습니다.


빨간색을 보라색으로 변경하면 아래와 같이 불투명도 46%로 색상이 적용됩니다.


오늘은 정말 재미있고 유익한 시험이었던 것 같아요.

유용한 포 캠퍼스. 이용하시는 분들께 정말 좋은 정보가 될 것 같습니다.

앞으로 유용하게 사용할 110% 프리캔버스. 그것을 활용하십시오.

다음에도 또 좋은 기능을 선보이고 그때 뵙겠습니다.

감사합니다. 좋은 밤 보내세요.