본문 바로가기
카테고리 없음

포토피아 배경색 칠하기

반응형

색깔 있는 손그림, 기초편!
포토피아 배경색 칠하기편!

성깔이 아닙니다 :) ..

지난 스토리에서는 포토피아의 펜툴을 이용, 곡선을 다루는 방법에 대해 다루어 보았었지요.
오늘은 색칠하는 시간을 가져보겠습니다.

처음부터 정주행하시려면 여기! => https://itadventure.tistory.com/448


학교 미술시간에 물감으로 포스터를 색칠해보신 경험이 있으신가요?
현실에서는 물감을 칠할 때 선을 넘어갈까 조심스런 과정을 거치셨다면,
컴퓨터 그래픽인 포토피아에서는 그럴 필요가 없습니다.

컴퓨터가 아주 정확히 경계선 안쪽만을 알아서 색칠해주니까요.
정말 편한 세상이지 않습니까? :)

우선 도구의 사용법부터 알아볼까요? 렛츠 고우~!


 

여느 때처럼
포토피아 웹사이트에 ( https://www.photopea.com/ ) 접속하신 다음,

파일 - 새로만들기를 선택, 적당한 해상도를 선택하거나 입력하셔서, 생성 버튼을 눌러 줍니다.

 

그리고 좌측 도구상자에서 펜 툴을 선택해 주세요.

 

색상의 종류 익히기!

 

오늘은 조금 색다르게 진행할 겁니다.
포토피아에서는 펜툴로 도형을 그릴 때 내부를 채울 색상을 정의해줄 수 있는데요.
아주 정밀하게 분류된 색상을 선택할 수 있습니다.

먼저 채우기 색상을 정의해보도록 하지요.

1) 채우기 우측의 상자를 선택
2) 채우기 유형2번째 상자를 선택
3) 색상상자를 선택합니다.


그러면 아래와 같은 색상 선택기 창이 보이실텐데요.


가운데 스펙트럼처럼 표시된 부분은 색상의 종류를 선택하는 칸입니다.
빨주노초파남보와 같은 무지개 색상뿐 아니라 어마 무시한 색상의 종류를 선택할 수 있는데요.


비슷한 색상들이 근접하게 붙어있기 때문에,
찾으시려는 색상을 한번에 꼭 클릭하실수 있다면 아마도 천재이실 겁니다 :)

보통은 여기서 아래와 같은 방법으로 색상을 찾는데요.

1) 마우스 버튼을 클릭한 채로 색상 유형란을 드래그 해주시면,
2) 선택하실 색상이 우측에 표시됩니다. 찾는 색상이 있으면 그 때 마우스 버튼을 놓아 주시면 됩니다.


그러면 여기서 한가지 궁금증이 생기실텐데요.
바로 검정이나 흰색과 같은 색상은 도통 찾아 보실수 없을 겁니다.

사실 그 뿐만이 아닙니다.
같은 파란색이라도 위의 영역만으로는 진한 파랑색만 선택할 수 있을 뿐,
연한 파랑색은 선택이 안될텐데요.

색상의 밝고 어둠명도, 색상의 진함과 연함채도라고 합니다.
그러니까 색상 유형에서는 각 색상의 가장 진한 원색을 찾는 것이고,
명도와 채도를 선택하는 영역은 왼쪽에 있습니다.


같은 색상의 범위 내에서도, 밝기와 진하기에 따라 다양한 색상의 종류가 있는 것이지요.
왼쪽 영역은 하나의 색상이라도 명도와 채도에 따라 다양한 색상이 존재한다는 걸 보여주는데요.


역시 마우스로 이를 선택할 수 있습니다.
1) 명도/채도 영역을 마우스 버튼을 클릭하여 드래그하면
2) 우측 색상란에 선택색상이 표시되는 것이지요.


참고로 어떤 색상을 선택하든 흰색은 항상 왼쪽 상단,
검정색아랫줄 아무 곳이나 해당합니다.


참고로 색상 유형에 표기된 각 색상의 원색우측 상단입니다. 항상 이 위치가 기본이지요.


사실 이 부분은 색채학에서 다루는 부분중 하나로 별도의 교과과목이 있을 정도로 복잡한데요.
전문적으로 들어가면 매우 복잡하니 이 쯤에서 마무~리 하겠습니다 :)

길게 설명했지만 결론은 이겁니다.

1) 색상의 원색을 선택한다
2) 색상의 밝기, 진하기를 선택한다
3) 확인 버튼을 누른다


그러면 채우기 영역의 색상이 금방 선택했던 색상으로 바뀌었을 겁니다.

 

색상 그림 그리기!

 

앞에서 색상을 선택하는 방법을 익히셨다면, 이제 그림을 하나 그려 볼까요?
우선 경계선의 색상을 선택해보겠습니다.

1) 획의 색상란을 클릭
2) 2번째 색상 선택
3) 검정색을 선택합니다.

이 때 검정색 대신, 방금 다루었던 원하는 색상을 선택하셔도 됩니다.


그리고 나서 마우스로 클릭해서 도형을 그려나가 주시면 되는데요.
지난 스토리에서 다룬 방법대로 곡선을 하나 그려볼까요? 일종의 복습 과정도 포함된 셈입니다 :)

1) 지점을 클릭하고
2) 지점을 클릭 드래그하여
3) 지점까지 이동하고 놓으면,

경계선과 동시에 색칠되는 부분도 함께 표시됩니다.

곡선을 이어서 그리려면 Alt + 마우스 버튼 클릭으로 끝점을 클릭하여
방향선을 끊어주는게 좋다고 했었지요?

이어서 다음 연결 지점을 클릭하여 드래그합니다.
이 때 앞의 선과 부드럽게 연결되도록 하는게 중요한데요.
화면을 크게 확대해서 보면 잘 보입니다.
( 화면 확대/축소 단축키 : Alt + 마우스 휠버튼 위/아래 돌리기 )

엇, 그런데 색칠이 이상하게 되었네요?
그것은 선이 어느 방향으로 갈지 모르기 때문이니 무시해 주세요.
최종적으로 도형의 방향이 결정되면 그쪽으로 색칠이 됩니까요.

이런식으로 경계선을 그려나가주시면 되는데요.
아직 익숙하지 않을테니 대략적인 순서를 가이드해드리겠습니다.

1) Alt+클릭으로 방향선 초기화
2) 다음 지점 클릭한채로
3) 마우스 드래그하여 방향을 조정
4) Alt + 클릭으로 방향선 초기화
5) 다음 지점 클릭

Alt + 클릭하여 방향선 초기화는 너무 문장이 기니까 이제부터 간단히
방향선 끊기로 표현하도록 하겠습니다 :)

아래와 같이 진행하여 고래 그림의 경계선을 하나 매듭지어보겠습니다.
이 때 6) 번에서는 처음 시작했던 지점을 클릭해서 닫힌 도형을 완성해주세요.

 


이어서 고래의 입 부분도 마저 그려봅니다.
이 때는 도형을 끊어주기 위해서 2) 번에서 마지막에 Enter를 쳐주셔야 합니다.


이어서 고래 날개 부분도 그려볼까요?
이 번에는 힌트를 드리지 않을테니 한번 도전해 보시기 바랍니다 :)

 

동그란 눈과 같은 동그라미는 감각적으로는 좀 그리기 어렵습니다.
하지만 예쁜 동그라미를 그려주시는 노하우가 있는데요.
공개하도록 하겠습니다 :)

먼저 최대한 화면을 키워줍니다.

 

1) 1지점을 클릭하고
2) 대각선 왼쪽으로 내려와서 Shift 키를 누르고 클릭한채로
3) 3의 방향으로 드래그해 줍니다.


이 때 윗쪽 방향선을 유심히 살펴보셔야 하는데요. 처음 시작점과 동일한 높이로 맞춰주시면 됩니다.
그러면 딱 정방형의 4분의 1의 원이 됩니다.

shift 키를 누르는 이유는 다음 지점을 클릭할 때 정확히 45도 방향이 아니더라도
포토피아가 알아서 정확한 45도 지점을 클릭하도록 도와줍니다.
전문가보다도 정확하게 말이지요 :)

다음으로
1) 방향선 초기화
2) 지점을 Shift 키를 누른채로 클릭하고
3) 방향으로 드래그합니다.

이 때 왼쪽 방향선을 유심히 살펴보며 드래그해주셔야 하는데요.
왼쪽 점과 수직이 되는 부분까지 드래그해주시면 됩니다.


이어서 계속해 볼까요?

1) 방향선 초기화
2) 지점을 Shift 키를 누른채로
3) 방향으로 드래그


이 때도 반대쪽 방향선의 높이를 유심히 살펴보셔서 동일한 높이까지 드래그해주시는게 좋습니다.


그리고 마지막으로 첫번째 지점을 클릭해주시면 되는데요.
이 때는 Shift니, 드래그니 필요없습니다. 그냥 클릭해주시면 끝~

 

이제 고래의 등줄기에서 뿜어져 나오는 분수를 그려볼까요?

1) 클릭
2) 클릭, 드래그, Enter
3) 클릭
4 클릭, 드래그, Enter

 

엇 그런데 분수 줄기에는 배경 색상이 들어가 있네요? 분수 줄기에는 색상을 넣고 싶지 않습니다.
이 때는 색상을 지우는 방법이 있는데요.

 

배경 색상 바꾸기

 

현재 레이어 창에는 마지막에 그린 요소가 선택이 되어 있을 겁니다.

 

이 때 화면 상단에서

1) 채우기의 상자란을 선택, 
2) 채우기 유형의 첫번째 상자 X 를 선택해 주세요,


그러면 분수 줄기 하나의 배경색이 '뿅'하니 사라집니다.


다른 분수 줄기의 배경도 지우시려면

먼저 해당 레이어를 선택합니다.


이 때 엉뚱한 레이어를 선택하지는 않았는지는 가운데 줄기선을 확인해주시면 됩니다.
줄기선이 표시된 도형이 현재 선택된 레이어입니다.

그리고 금방전과 마찬가지로 화면 상단에서

1) 채우기의 상자란을 선택, 
2) 채우기 유형의 첫번째 상자 X 를 선택해 주세요,


그러면 역시 나머지 줄기 하나의 배경색이 '뿅'하니 사라집니다.


위 방법으로 배경색을 지울수도 있지만 배경색을 바꿀수도 있습니다.
만일 눈동자 색상을 검정색으로 바꾸시려면, 눈동자 레이어를 선택하고, 


채우기 상자를 선택, 검정색을 클릭해주시면,


고래의 눈동자 색이 이와 같이 검정색으로 바뀌는 것이지요,

 

아래와 비슷한 그림이 완성되셨나요? 그렇다면 대 성공~


다음 스토리에서는 좀 더 복잡한 형태를 다뤄보는 시간을 가져보도록 하겠습니다..

이상! 배경색 칠하기에 대해 알아보았습니다.
필요하신 분에게 도움이 되셨을지 모르겠네요.

도움이 되셨다면 공감 한방, 댓글은 굿잡!
감사합니다~

 

반응형