미리캔버스에 색상변경 가능한 이미지 업로드 방법

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

미리 캠퍼스에서 요소를 선택하여 삽입했을때 색상을 수정할 수 있는 요소들이 있습니다.

사용 목적이나 페이지에 분위기에 따라 책상을 수정하면 분위기에 맞는 이미지로 바꿀 수 있습니다. 정말 유용하고 꼭 필요한 기능이 아닐 수 없습니다.

일러스트를 하실 수 있는 분이라면 나만의 이미지를 만들어서 업로드하여 사용해 보셨을 것입니다.

그런데 이런 생각 해보지 않으셨나요. 내가 만든 이미지를 업로드하여 사용할 때도 색상을 수정할 수 있다면 얼마나 좋을까?

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

이처럼 구성하고 있는 색상은 중에서 수정할 수 있는 색상이 좌측에 나타납니다.

이렇게 색상을 바꾸면 전혀 다른 분위기로 바뀌게 됩니다.

이렇게 색상을 바꿀 수 있는 요소들만 필터링하여 볼 수 있는 방법이 있습니다.

아래 아이콘을 클릭합니다.

그러면 벡터이미지 만 볼 수 있도록 하는 체크박스가 있습니다.

옆에서 있다시피 팩터는 색상 편집이 가능하다고 쓰여 있습니다.

그렇다면 이렇게 우리가 직접 만들어서 올리는 이미지의 색상을 바꾸고 싶다면 벡터 형식의 이미지로 만들어서 업로드 하면 가능하다는 말로 풀이 해 볼 수 있습니다.

실제로 업로드 버튼을 누르니까 업로드 가능한 파일 중에서 svg 형식의 이미지가 있음을 확인할 수 있었습니다.

SVG 형식의 이미지는 벡터 이미지 형식이라고 찾아 볼 수 있었습니다.

그래서 저는 일러스트레이터를 이용하여 이미지를 만든 후 svg 이미지 형식으로 저장 하기로 하였습니다..

이렇게 svd 형식의 이미지로 저장하기 위해선 파일 형식에서 해당 형식을 선택해 줍니다.

저장 옵션 박스에서 다른 것은 변경하지 말고 그대로 확인을 누르고 저장해줍니다.

그리고 아래와 같이 업로드 버튼을 이용하여 이미지를 불러와서 편집창에 삽입합니다.

삽입한 이미지를 클릭하면 이처럼 색상을 변경할 수 있는 선택 창이 나타납니다.

드디어 색상을 변경할 수 있는 이미지를 업로드하는 방법을 터득하게 된 것입니다.

아래처럼 색상을 변경하였습니다.

우리가 절대 할 수 없을 것 같았던 요소의 색상 변경을 위처럼 구현할 수 있게 된 것입니다.

일러스트가 아닌 포토샵에서도 svg 형식의 이미지로 저장할 수 있습니다. 과연이 팔도 미리 캔버스에 저장하여 사용할 수 있을까요. 직접 해보았더니 미리 캠퍼스 와 호환 알 수 없는 파일이라고 알려주더군요.

일러스트레이터로 이미지를 만들어서 올렸을 경우 보안 되지 않는 형식도 있습니다. 동일한 svg 형식의 이미지인데도 등록할 수 없는 것은 바로 색상이 모호한 상태인 그림자 효과 부분이었습니다.

한 마디로 그라데이션 처리한 부분은 호환이 안 된다는 것이었습니다.

과연 그렇다면 불투명도를 줄여서 뒤쪽 색상과 겹쳐 진다면 과연 호환이 되는지 궁금했습니다. 그래서 일러스트에서 두 도형을 겹쳐 놓고 불투명도를 줄여서 색상이 섞이도록 해 봤습니다.

빨강 원색은 불투명도를 46%로 줄이니 뒤쪽에 있는 녹색과 겹쳐지면서 황토색이 되었습니다.

과연 미리 캠퍼스에서는 호환이 될까요?

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

위에서처럼 불투명도 46%는 유지가 되었고 색상 선택하는 창에는 원래 색인 적색이 표시되었습니다.

적색을 보라색으로 바꾸니 아래처럼 불투명도 46%가 적용되면서 색상이 적용되었습니다.

오늘은 정말 재미있고 유익한 테스트였던 것 같습니다.

미리 캠퍼스를 유용하게 . 사용하고 계신 분들에게는 정말 좋은 정보가 되었을 것 같네요.

앞으로도 유용하게 미리캔버스를 110%. 활용하시기 바랍니다.

다음에 또 좋은 기능을 소개하며 만나 보도록 하겠습니다.

감사합니다 좋은 밤 되세요.

블로그와 IT에 대한 다양한 이야기를 전해드립니다.