세상을 아름답게 만드는 디자인

안녕하세요^^ 우타냥입니다

편집디자인 같은 편집관련 쪽 일을 하시는 분들은 색상추출 사이트 4~5개는 기본으로 알고계신데요

그만큼 컬러 조합이라든가 그런게 중요하기 때문이죠...

평소에 찍어놓은 사진 중에서 요 색상 참 좋네 싶은 거라든가...? (뭐.. 이런 경우는 잘 없겠죠?ㅋㅋ 이뻐서 찍은거면 몰라도) 아무튼 요런거 만들어 놨다가 나중에 자료로서 쓰일 일이 있지 않을까요?ㅋㅋ

그래서!! 오늘은 이미지에서 색상을 추출해 컬러 팔레트를 만드는 과정을 보여드릴게요

봄이 와서 그런지 여기저기 꽃이 많이 폈더라구요...ㅎ

그래서 직접 찍은 꽃 사진을 이용해 컬러 팔레트 만들어볼게요

우선 상단의 메뉴바 File 에서 Open을 눌러 이미지를 불러옵니다 (단축키: Ctrl + O)

그리고 Crop Tool을 이용해 이미지 사이즈를 늘려주세요 (가로, 세로 원하시는 방향을 선택하셔서 늘리시면 되세요)

Crop Tool 아이콘 보이시죠?ㅎㅎ

아이콘 클릭하면 위에 이미지처럼 전체에 선이 생깁니다

여기에 마우스를 가져다 대면 늘렸다 줄였다 할 수 있게 화살표 표시로 마우스가 바뀐답니다

이제 늘리고 싶은 방향으로 마우스로 잡고 쭉~ 늘려주고 Enter를 누르면?

저는 Crop Tool로 이미지 밑으로 화면을 늘려주었어요

Enter를 쳤더니 늘려준 부분이 하얀바탕으로 변한게 보이시나요?

오른쪽 레이어 패널에도 보시면 Background의 이미지가 하얀부분만큼 늘어난걸 눈으로 확인하실 수 있으실 거에요

이미지가 확장된 걸 확인했으면 이제 새 레이어를 하나 만들어 주세요

컬러 추출은 원본 이미지가 아닌 이 새 레이어에서 작업을 할 거에요

*포토샵 작업 시 원본 이미지는 항상 하나 복사를 해놓고 작업을 하는게 좋아요. 작업을 하다가 잘못해서 다시 해야되는 상황이 생길 경우를 대비하기 위함이에요*

새 레이어를 만들었다면 새 레이어 작업창에서 영역툴 사각형을 이용해서 영역을 잡아줄게요

크기는 어떤 크기로 하든 상관이 없으니 우선은 대충 요정도면 되겠다 싶은 만큼 잡아주세요

아까 영역툴로 영역이 잡혀 있는 상태에서 Tool Bar에 스포이드 모양으로 생긴 아이콘을 클릭해주세요

이름도 모양 그대로 스포이드툴(Eyedropper Tool)이랍니다

스포이드툴을 클릭하셨다면 이미지에서 색상을 추출하고 싶은 부분을 클릭해 주세요

이미지를 클릭해 색상이 추출되었다면 왼쪽 Tool Bar의 전경색 부분의 색상이 검정색에서 추출한 색으로 변경된 것을 확인하실 수 있으실 거에요

확인 되셨나요?

그럼 Alt + Delete를 눌러서 영역이 잡힌 곳에 색을 채워주세요

전경색이라면 단축키는 Alt + Delete, 배경색이라면 단축키는 Ctrl + Delete를 눌러서 색을 채워줄수 있습니다

요 단축키는 헷갈릴 수 있으니 확실하게 알아 두시면 좋아요

그다음 선택영역이 해제되지 않은 상태에서 Alt를 누른채로 마우스를 선택영역부분에 가져가서 클릭한 뒤 옆으로 움직여 하나 복사를 해줍니다

영역이 복사된 걸 확인했으면 마찬가지로 영역을 해제하지 않은 상태에서 스포이드툴 클릭 -> 추출하고 싶은 이미지 색상 클릭 -> Alt + Delete 단축키 눌러서 추출한 색으로 영역 채워주기!

그러면 위에 그림처럼 새로 추출한 색상이 영역안에 들어갑니다

색상 추출 제대로 되셨나요?ㅎㅎ

그리고 영역을 해제하지 않은 상태에서 Shift를 누르고 있는 상태에서 새로 추출한 색상을( 영역이 선택되어 있는 색) 클릭하여 옆에 딱 붙여줍니다

새로 추출한 색상을 처음 추출한 색상 옆으로 붙여주셨나요?

이제는 아까 한 과정을 그대로 반복해 주시면 되세요

마찬가지로 영역이 선택되어 있는 상태에서 복사하고 색상 추출해서 색상 채우고 옆에 색 추출한곳으로 붙여주고

간단하죠?

마지막 칸까지 색상을 추출하셨나요?

컬러 팔레트는 색상을 너무 많이 추출해 놔도 보기 좋지는 않아요

5~7가지가 적당하다고 저는 생각해요 (개인적인 생각이랍니다)

마지막 추출과정이 끝났다면 선택영역을 해제해 주세요 단축키는 Ctrl + D를 눌러주시면 되세요

추출작업을 끝내고 나니 옆에 사이즈가 딱 맞지않아 보기싫게 되었죠?

여기서 Ctrl + T를 눌러주세요

Ctrl + T를 누른걸로 인해 추출한 컬러부분이 전체 선택된 모습이 보이실 거에요

여기서 그냥 마우스를 이용해 옆으로 끌어당겨서 딱 맞춰주시면 끝이에요

이미지 영역에 딱 맞게 예쁘게 색상추출도 잘 되었죠?ㅎ

만약에 "아..나는 이 방법이 조금 어려운거 같애"라고 하신다면

새레이어에 우선 색상을 하나 추출하신 다음 그 레이어 채로 하나 복사를 해주세요

여기서 복사할 때 단축키는 Ctrl + J랍니다

해당 레이어를 선택을 하시고 단축키를 누르시면 레이어가 하나 더 생기면서 복사가 된 것을 확인하실 수 있으세요

이 방법을 사용할 때는 실수로 선택영역을 지웠다 하더라도 걱정이 없어요

Ctrl을 누른 상태에서 썸네일( 레이어 패널에서 이미지가 보이는 부분)을 마우스로 클릭하면 선택영역이 다시 잡힌답니다

여기서 복사한 레이어 창을 클릭하시고 선택영역 잡아주고 마우스로 위치를 조금 오른쪽으로 옮겨준 뒤 스포이드툴을 이용해서 색상을 추출하고 선택영역안에 색상을 채워주면 끝!

이제는 이 작업을 반복해주기만 하면되세요

그리고 이런 식으로 새 레이어를 만들어서 하는 작업 역시 끝난뒤에는 아까처럼 조금 삐져나가거나 남는 부분을 깔끔하게 만들어줘야겠죠?

여기서는 제일 위에 있는 레이어를 선택하고 Shift를 누른 상태에서 제일 밑에 있는 (원본을 제외한) 색을 채운 레이어까지 클릭을 해서 전체 선택을 해 준 뒤 Ctrl + T를 눌러서 옆부분을 맞춰주기만 하시면 작업은 완료예요

 똑같은 이미지지만 추출된 색상은 아까와는 다르죠?

어느 부분을 선택하느냐에 따라서 추출되는 색상은 틀리답니다

같은 꽃이라도 다 똑같은 색이 추출된다는 보장은 없으니깐요ㅎㅎ

오늘 색상 추출을 이용한 이미지 컬러 팔레트 만들기는 여기까지!!!!