그림 채색하기

저번에 그린 비비로 설명해보자

자세한 용어는 모르니 그냥 그렇구나 하자

<div contenteditable="false" data-media-list='[{"id":17379642186320,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDIxNjM1M185MjMwZGZjZC1kNmYzLTQ4ZDktODlmMy02YTJiYWYyNmZkZTYuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379642186320" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDIxNjM1M185MjMwZGZjZC1kNmYzLTQ4ZDktODlmMy02YTJiYWYyNmZkZTYuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDIxNjM1M185MjMwZGZjZC1kNmYzLTQ4ZDktODlmMy02YTJiYWYyNmZkZTYuanBn");' fr-original-class="preview-image"> 선을 다 땄는데 어떻게 채색하지?

<div contenteditable="false" data-media-list='[{"id":17379642789830,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDI3Njk2Ml8wYWNiNDhhMS03MGVkLTRjZmMtYTZjOS04OWQ3YzM1ZDE3YjQuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379642789830" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDI3Njk2Ml8wYWNiNDhhMS03MGVkLTRjZmMtYTZjOS04OWQ3YzM1ZDE3YjQuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDI3Njk2Ml8wYWNiNDhhMS03MGVkLTRjZmMtYTZjOS04OWQ3YzM1ZDE3YjQuanBn");' fr-original-class="preview-image"> 먼저 명암선을 그려보자

명암선을 딴 후에는 스포이드를 통해 색을 복사하자

<div contenteditable="false" data-media-list='[{"id":17379644176900,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDQxNTA3N183NjFkMWE5YS00MjRiLTRhNGYtODI3YS1jMjBiOTllNTFjYTUuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379644176900" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDQxNTA3N183NjFkMWE5YS00MjRiLTRhNGYtODI3YS1jMjBiOTllNTFjYTUuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDQxNTA3N183NjFkMWE5YS00MjRiLTRhNGYtODI3YS1jMjBiOTllNTFjYTUuanBn");' fr-original-class="preview-image"> 스포이드는 꾹 눌러 사용하거나

아래 브러시를 눌러 도구탭에서 사용할 수 있다

<div contenteditable="false" data-media-list='[{"id":17379644631750,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDQ2MDg4OV9mNjBiZWIxZi1jMjRjLTQ4MDctOThmYi1hYjI5NTU3OTU3MGIuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379644631750" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDQ2MDg4OV9mNjBiZWIxZi1jMjRjLTQ4MDctOThmYi1hYjI5NTU3OTU3MGIuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDQ2MDg4OV9mNjBiZWIxZi1jMjRjLTQ4MDctOThmYi1hYjI5NTU3OTU3MGIuanBn");' fr-original-class="preview-image"> 복사한 색으로 채색을 끝내면 명암선을 딴 레이어를 안보이게 한다

<div contenteditable="false" data-media-list='[{"id":17379645052020,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDUwMjc1MF83ODM0NTcyMS03NzQ5LTQ0YWItYmMxMS0wOWI4ZDFjN2MwMjAuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379645052020" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDUwMjc1MF83ODM0NTcyMS03NzQ5LTQ0YWItYmMxMS0wOWI4ZDFjN2MwMjAuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDUwMjc1MF83ODM0NTcyMS03NzQ5LTQ0YWItYmMxMS0wOWI4ZDFjN2MwMjAuanBn");' fr-original-class="preview-image"> 이과정을 반대쪽에도 하면

<div contenteditable="false" data-media-list='[{"id":17379645602310,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDU1ODgxM19jNGFkZGQ3Yy05NWM1LTQxNDgtOGI5Yy0yMGI1NmZjOGU4NzAucG5n","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379645602310" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDU1ODgxM19jNGFkZGQ3Yy05NWM1LTQxNDgtOGI5Yy0yMGI1NmZjOGU4NzAucG5n"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDU1ODgxM19jNGFkZGQ3Yy05NWM1LTQxNDgtOGI5Yy0yMGI1NmZjOGU4NzAucG5n");' fr-original-class="preview-image"> 이런씩으로 된다

유령의 머리끝같이 색이변하는 걸 해보자

<div contenteditable="false" data-media-list='[{"id":17379654340230,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTQzMTMyNl9iMTViNWVkOC03MjQ4LTRjMDYtOGE5Yy1hODk5M2IzNjVkOGMuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379654340230" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTQzMTMyNl9iMTViNWVkOC03MjQ4LTRjMDYtOGE5Yy1hODk5M2IzNjVkOGMuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTQzMTMyNl9iMTViNWVkOC03MjQ4LTRjMDYtOGE5Yy1hODk5M2IzNjVkOGMuanBn");' fr-original-class="preview-image"> 브러시는 에어브러시중 고르면 된다

<div contenteditable="false" data-media-list='[{"id":17379654903410,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTQ4ODMxNV8zMmRlOGM3Mi04MDRiLTRkZWUtYjhlNS03OTc2MDI3NzBkNGYuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379654903410" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTQ4ODMxNV8zMmRlOGM3Mi04MDRiLTRkZWUtYjhlNS03OTc2MDI3NzBkNGYuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTQ4ODMxNV8zMmRlOGM3Mi04MDRiLTRkZWUtYjhlNS03OTc2MDI3NzBkNGYuanBn");' fr-original-class="preview-image"> 레이어를 알파잠금안하면 채색이 망하니 무조건 하자

분명히 색을 칠하는대도 채색이 안된다

이것이 알파잠금의 기능이다

그럼 이걸 어따 쓰냐면

알파잠금을 하면 원래 채색된 곳의 색을 쉽게 바꿀수 있다

위 영상과 같이 말이다

그래서 이렇게 하면!

이렇개 표현할수 있다

광림으로도 예시를 들어보자

광림이는 다른 앱에서 했기에 조금 다른점이 있으나(ui)

채색법은 같다

선을 딴 뒤에

<div contenteditable="false" data-media-list='[{"id":17379647350320,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDczMjYyMl81M2I2NjdjNy1mMDRlLTQ2MTEtYjk1ZS0zMjc4MGNlNGJmMzkuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379647350320" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDczMjYyMl81M2I2NjdjNy1mMDRlLTQ2MTEtYjk1ZS0zMjc4MGNlNGJmMzkuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDczMjYyMl81M2I2NjdjNy1mMDRlLTQ2MTEtYjk1ZS0zMjc4MGNlNGJmMzkuanBn");' fr-original-class="preview-image"> 명암선을 따준다

<div contenteditable="false" data-media-list='[{"id":17379648392740,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDgzNzA2MV82NDFkZjIyOC0zYTg5LTRkNGUtODI0OS1kNDRlODIwZGE3MjguanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379648392740" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDgzNzA2MV82NDFkZjIyOC0zYTg5LTRkNGUtODI0OS1kNDRlODIwZGE3MjguanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NDgzNzA2MV82NDFkZjIyOC0zYTg5LTRkNGUtODI0OS1kNDRlODIwZGE3MjguanBn");' fr-original-class="preview-image"> 색을 따올 그림을 하나더 가져오고

색을 스포이드로 복사한뒤에 채색한다

이 과정을 반복한다

그러면 이렇게 채색이 완료된다

명암선, 색을 가져온 그림을 안보이게 해주면

<div contenteditable="false" data-media-list='[{"id":17379650084420,"media_type":"IMAGE","url":"https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTAwNjA3Ml8zN2RiOGU5Ni0xNWZkLTQ1ZjEtYjdkYy03ZDY3M2UzYjliOTEuanBn","videoThumbnailImage":""}]' fr-original-style="" fr-original-class="fr-carousel" style="box-sizing: border-box; overflow: hidden; position: relative; border: 1px dashed rgb(221, 221, 221); height: 0px; display: block; width: 100%; padding-bottom: 56.25%; text-align: center; transition: border-color 0.25s; opacity: 1;"> <div data-media-id="17379650084420" style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTAwNjA3Ml8zN2RiOGU5Ni0xNWZkLTQ1ZjEtYjdkYy03ZDY3M2UzYjliOTEuanBn"); box-sizing: border-box; position: relative; margin: auto; width: 100%; height: 100%; border: 2px dotted rgb(221, 221, 221); background-repeat: no-repeat; background-size: contain; background-position: center center;' fr-original-style='background-image: url("https://imgproxy.shelter.id/sig/Z3M6Ly9zaGVsdGVyLW1lZGlhL3UvQ216bGlWbmdkeFFmQW5xdEZDSjlpcXIyTWRnMi9pbWFnZXMvMTczNzk2NTAwNjA3Ml8zN2RiOGU5Ni0xNWZkLTQ1ZjEtYjdkYy03ZDY3M2UzYjliOTEuanBn");' fr-original-class="preview-image"> 이렇게 그림이 완성된다