찰리 버스 Charlieverse

 안녕하세요. 찰리입니다. 

 2022년이 되었네요. 조금 늦었지만 새해 복 많이 받으세요. 오랜만에 그림연습으로 돌아왔습니다. 일을 하면서 손그림을 전혀 그리지 않은 것은 아니지만 하나의 그림을 단계 별로 조금씩 그려서 완성하다보니 시간이 오래 걸렸습니다. 그래서 이번 인간 그리기 연습. 목뼈 다섯 번째 연습에는 단계가 아주 많이 늘어났습니다. 목뼈 그리기 정면 아래 30도/7방향을 돌아가면서 그려보도록 하겠습니다. 시작할게요.

<준비물>

 #목뼈(cervical vertebrae)(5)

  Step 1 - 목뼈 크기와 너비를 정해서 7개의 영역을 그립니다.

  Step 2 - 아래 30도 회전된 형태에서 옆으로 회전된 7개 방향을 그리기 위한 비율을 구분합니다.

  Step 3 -  비율에 맞춰 뼈의 외곽선을 연결하여 간단하게 그립니다.

  Step 4 - 7개의 뼈의 층을 외곽 중심으로 기본형태를 그립니다.

  Step 5 - 뼈의 외부 형태를 러프하게 간단히 스케치합니다.

  Step 6 - 외부 형태에 맞춰서 내부도 러프하게 스케치합니다.

  Step 7 - 이제 외부 형태를 자세하게 스케치합니다.

  Step 8 - 내부 형태도 파여있는 부분/돌기 위주로 자세히 스케치합니다.

  Step 9 - 외부 형태를 깔끔한 선으로 정리합니다.

  Step 10 - 내부 형태를 깔끔하게 정리합니다.

 #영상으로 보겠습니다. 

 단계가 많이 늘어났죠? 단계 중에는 이 단계는 굳이 필요한 것인가 싶은 것도 있을거에요. 제 입장에서 그림을 그릴 때 단계를 나누면 좋은 점은 우선 시간을 관리하기가 쉬어요. 자신이 하루에 할애 할 수 있는 시간만큼 단계를 나누어서 그리면 그 시간만큼만 그릴 수 있고 단계 하나를 마쳤기 때문에 성취감도 있습니다. 그리고 그림에 너무 빠져서 그리다보면 지치는 경우도 있는데 단계를 마치고 시작하는 과정에서 다른 일을 하며 휴식도 취하고 다음 단계를 시작할 때 리프레시된 상태에서 시작할 수 있습니다. 물론 뭘해도 하기 싫은 날도 있는데요. 그때는 그냥 쉬는 거죠. 사람마다 능률을 올리는 방법은 다르기 때문에 모두에게 추천할 수는 없지만 자신에게 맞는 단계를 나누어서 그려보시길 바랍니다. 저는 다음 그림으로 다시 찾아올게요. 감사합니다.   

네이버TV에서 영상보기

 안녕하세요. 찰리입니다. 

 오늘은 HTML 연습으로 찾아왔습니다. HTML을 이루고 있는 요소인 태그에 대해 연습하고 있었죠? 지난 번 리스트 태그에 이어서 오늘은 표를 만드는 테이블 태그를 연습해볼게요.

 table - 테이블을 정의하는 태그 

 tr - 테이블의 행/가로줄을 정의하는 태그 

 th - 테이블의 셀(칸) 중에서 헤더부분을 정의하는 태그 

 td - 테이블의 일반적인 셀(칸)을 정의하는 태그 

 테이블을 이루는 태그는 이렇게 4가지를 많이 쓰는 것으로 보여요. 그중에서 필수로 보이는 태그는 table/tr/td 이 3가지는 꼭 들어가야 표가 만들어지겠습니다. 
 하나씩 보자면 일단 테이블의 큰틀을 table 태그로 만들고 tr 태그로 줄을 추가한 후에 각 줄 마다 td를 이용해서 칸을 나누는 것이죠. 그리고 th 태그는 td와 비슷하지만 가장 위에서 열의 이름을 정할 때 사용하는 태그라고 보시면 될 것 같아요. 
 th와 td는 기능적으로는 크게 차이가 나지 않지만 td의 경우 왼쪽 정렬이 기본이고 th의 경우 중앙정렬에 굵은 글씨로 나타나는 것이 차이입니다.
 
 예) 
<table>
 <tr>
  <th>이름</th>
  <th>나이</th>
 </tr>
 <tr>
  <td>이름1</td>
  <td>18</td>
 </tr>
 <tr>
  <td>이름2</td>
  <td>24</td>
 </tr>
</table> 
 
 위의 형태로 사용할 수 있겠습니다.

 그리고 th/td에는 셀을 병합하는 속성이 있는데요. colspan과 rowspan이라는 속성입니다. colspan은 가로 셀을 합치게 되고 rowspan은 세로 셀을 합치는 속성입니다. 병합이라고는 했지만 사실 셀의 행열의 개수를 보고 없어질 만큼의 th/td를 삭제하고 없어진 만큼 공간을 늘리는 형태입니다. 말로 설명하는 것 보다는 코드를 보여드릴게요

 <table>
  <tr>
   <th colspan="2">이름 나이</th>  
  </tr>

  <tr>
   <td rowspan="2">김이름<br>박이름</td>
   <td>18</td>   
  </tr>

  <tr>
   <td>24</td>   
  </tr>
 </table> 

 이 테이블에서 원래 가로 2 세로 3의 여섯 칸으로 이루어져 있었어요. 그런데 위의 th를 하나만 남기고 colspan을 사용하면서 th 하나가 두 칸의 길이만큼 늘어나게 되고 아래의 td에서는 rowspan으로 세번째 칸의 첫 번째 td를 삭제하고 그 자리만큼 세로로 칸을 늘리게 된 것입니다.   
 아마 대충을 이해를 하셨을테고 엑셀이나 한컴에서 표를 사용해보셨다면 어떤 형태인지 대충은 아실거라고 생각하고 직접 태그를 사용하는 모습을 보여드릴게요.

<준비물>
 에디터는 메모장 / 브라우저는 웨일을 사용하겠습니다.

 #테이블 태그(table / tr / td / th)

  Step 1 - 우선 지난 시간 사용했던 index.html 파일과 브라우저를 열어서

 위의 table 태그 예시를 th를 제외하고 작성하겠습니다.

 테두리 선은 없지만 각 정보가 일정하게 나열되는 것이 보이죠?

  Step 2 - 이제 th를 포함해서 작성해볼게요.

 th를 작성한 부분은 중앙정렬로 바뀌고 글씨도 굵어졌습니다.

 이번 테이블 태그와는 상관없지만 테이블의 형태를 좀 더 알아보기 쉬게 간단한 CSS를 적용시켜볼게요.

 테두리가 생기면 이런 형태가 됩니다.

  Step 3 - 이제 colspan도 사용해볼게요. th 코드 한줄을 줄이고 colspan 속성값을 2로 했습니다.

 그러면 이렇게 한 칸으로 변하는 것이죠.

  Step 4 - 아래쪽의 td도 rowspan을 사용해볼게요.

  이렇게 하나의 영역이지만 두 셀의 크기만큼 차지하게 되었어요.

  Step 5 - 상관은 없지만 이름 2개가 가로로 나열되어있어서 지난 번 공부했던 br 태그를 이용해볼게요.

  이제 정리가 된 것 같아요. 여기까지입니다.

 #영상으로 보겠습니다. 

 테이블 태그가 왜 필요한지는 아마 수치와 데이터가 있는 문서를 다루시는 분들이라면 다들 아실거라고 생각해요. 데이터를 잘 정리해서 표로 만드는 것은 중요하니까요. 그리고 웹에서는 테이블 이용해서 영역을 구분할 때 사용하기도 합니다. 아마 앞으로 천천히 공부하게 될 것입니다. 다음에도 또 다른 태그를 들고 찾아올게요. 감사합니다.  

네이버TV에서 영상보기

 안녕하세요. 찰리입니다. 

 오랜만에 HTML 연습으로 돌아왔습니다. 이번 시간에는 리스트 태그를 연습해볼게요. 등장하는 태그로 보면 이번에도 3개의 태그가 소개되겠네요. 리스트 태그는 문서의 항목? 목차를 나열하는 태그입니다. 한번 살펴볼게요.

 ul - 순차적이지 않은 리스트. 

 <ul>
  <li>리스트1</li>
  <li>리스트2</li>
  <li>리스트3</li>
 </ul>

 ol - 순차적 나열 리스트 태그 

 <ol>
  <li>리스트1</li>
  <li>리스트2</li>
  <li>리스트3</li>
 </ol>
 
 이번에 소개할 리스트 태그 2개는 순차적 나열과 비순차적 나열로 나누어집니다. ul은 unorderd list의 약자이고 ol은 ordered list의 약자겠죠? 우선 ul, ol 로 리스트의 성격을 정하고 리스트는 li 태그를 자식 태그로 사용합니다.

 이번에는 ul / ol 태그의 속성도 소개해볼게요.

 ul 태그는 리스트 앞의 기호 형태를 정할 수 있는 리스트 타입 속성이 있습니다.

 <ul style="list-style-type:circle">
  <li>리스트1</li>
 </ul>

 <ul style="list-style-type:disc">
  <li>리스트1</li>
 </ul>

 <ul style="list-style-type:square">
  <li>리스트1</li>
 </ul>

 ul 앞의 기호를 변경하는 타입 속성은 스타일 속성에서 타입 속성으로 3가지로 정할 수 있는데요. circle 은 속이 비어있는 원, disc는 속이 채워진 원, square는 속이 채워진 사각형 입니다. 

 다음은 ol 태그의 속성 3가지를 살펴볼게요.

 첫 번째는 ul 태그 처럼 앞에 사용되는 기호를 변경하는 것인데 ol 은 순차적으로 나열되기 때문에 기호가 숫자나 순서가 있는 기호를 사용합니다.

 <ol type="1">  <li>리스트1</li>  </ol>

 <ol type="a">  <li>리스트1</li>  </ol>

 <ol type="A">  <li>리스트1</li>  </ol>

 <ol type="i">  <li>리스트1</li>  </ol>

 <ol type="I">  <li>리스트1</li>  </ol>

 첫 번째는 가장 알기 쉬운 숫자로 표기되고 두 번째는 소문자 알파벳, 세 번째는 대문자 알파벳, 네 번째는 소문자 로마숫자, 다섯 번째는 대문자 로마숫자입니다.

 다음 두 번째 속성은 reversed 속성입니다.

 <ol reversed>
  <li>리스트1</li>
  <li>리스트2</li>
  <li>리스트3</li>
 </ol>

 사용법은 위 처럼 ol 태그 안에 속성으로 작성하면 되고 사용하게 되면 리스트 앞의 기호가 반대로 큰 숫자부터 표기됩니다. 1,2,3 순서라면 reversed 가 적용되었을 때 3,2,1 순서로 표기됩니다.

 ol의 마지막 속성은 start 속성입니다.

 <ol start="30">
  <li>리스트1</li>
  <li>리스트2</li>
  <li>리스트3</li>
 </ol>

 start 속성은 시작하는 순서를 정할 수 있게 해줍니다. 위의 예시에서는 30으로 시작했기 때문에 30,31,32 가 리스트 앞에 표기되었을 것입니다. 다른 타입으로 변경되어도 해당 타입에서 start의 순서가 적용된 기호부터 순서가 시작됩니다.

 그럼 이 세 태그들 사용하러 가볼게요.

<준비물>
 에디터는 메모장 / 브라우저는 웨일을 사용하겠습니다.

 #리스트 태그(ul/ol)

  Step 1 - 이번에도 index.html 파일과 브라우저를 열어두고요.

 우선 ul 태그를 작성하고 브라우저에서 바로 확인해볼게요

  Step 2 - 다음으로 ul 태그를 복사해서 type을 변경해보겠습니다.

 작성 후 이번에도 브라우저로 확인해보면 각 기호가 어떻게 적용되는지 보실 수 있습니다.

  Step 3 - 다음은 ul 태그를 작성하고 바로 브라우저에서 확인해 볼게요.

 기본적으로 숫자가 앞에 표기되는 것을 알 수 있습니다.

  Step 4 - ul태그는 정리를 하고 ol태그를 복사해서 타입을 변경해보겠습니다.

  브라우저에서 보면 5가지의 변경된 타입을 확인할 수 있습니다.

  Step 5 - 맨 위의 태그에서 reversed 속성을 적용해볼게요.

  숫자가 역순으로 표기되는 것을 볼 수 있어요.

  Step 6 - 마지막으로 start를 사용해보겠습니다.

  숫자가 5번 부터 시작하는 것이 보입니다.

 #영상으로 보겠습니다. 

 리스트 태그는 기본적으로는 문서의 목차, 항목을 나타낼 수 있습니다. 인터넷에서의 목차나 항목은 단순히 어떤 내용이 포함되어있는지 정보를 제공하는 기능이 아니죠? 때에 따라서는 다른 태그와 기능들을 이용해서 네비게이션이나 메뉴의 역할을 할 수 있을겁니다. 이후에 공부하면서 적절하게 활용해보도록 하죠. 다음에도 또 다른 태그 공부로 돌아오겠습니다. 감사합니다.

네이버TV에서 영상보기

 안녕하세요. 찰리입니다. 

 이번 시간은 스케치업 연습 시간입니다. 오늘 재질을 입혀볼 오브젝트는 욕조입니다. 지금까지 목재 / 패브릭 / 유리 / 금속 등을 사용했었는데요. 욕조에서는 석재라고 할까요? 석재 느낌의 재질을 섞어서 사용해볼께요. 
 바로 시작하기 전에 미리 말씀드리자면 스케치업 시간은 이번 시간 이후로 당분간 스케치업 연습은 쉬어가도록 할게요. 지금도 아주 천천히 진행하고 있지만 진행 방향이나 속도 보다는 정품이 아닌 무료 버전을 사용하다 보니 기능적으로 다루지 못하는 부분이 있기 때문입니다. 그러니까 후에 정품 스케치업을 결제하게 되면 이어서 진행하도록 할게요. 그럼 오늘 재질 연습시작하겠습니다.

<준비물>
 제가 공부를 할 때는 2017 Make 버젼이라는 무료 버젼을 사용했었는데 지금은 지원을 중단했다고 하네요. 다른 다운로드 루트가 아직 살아있는지 모르겠습니다. 스케치업 홈페이지에서 웹브라우져에서 작동할 수 있는 스케치업 프리 버젼이 있으니까 그것을 사용하시거나 정품을 구매하셔야 할 것 같아요.

 #욕조 재질(Bath Material)

  Step 1 - 오늘도 깨끗한 욕조 모델을 준비해서 옆으로 이동복사합니다. 

 재질 트레이에서 색상을 선택하고 수도 밸브와 마개부터 색을 넣습니다.

 욕조부분은 흰색으로 설정해서 그냥 두겠습니다.

  Step 2 - 다음 욕조를 이동복사하고요.

 이번에는 수도 밸브의 색상을 부분적으로 다르게 적용하고

 욕조에는 재질 트레이 옵션을 석재로 선택하고 대리석 질감을 선택하여 적용합니다.

  Step 3 - 다시 욕조를 이동복사한 후에 수도 밸브의 부분적으로 색을 적용하고

 이번에는 편집 탭에서 색을 조정합니다.

 욕조에도 역시 대리석 질감을 넣고 편집 탭에서 색을 조절하면 오늘 질감 연습도 끝입니다.

 #영상으로 보겠습니다. 

 재질을 사용할 때 재질 트레이의 재질을 그대로 사용해도 상관은 없지만 작품의 분위기나 쓰임새에 따라서 색감을 조절하면 좀 더 원하는 느낌을 살릴 수 있겠죠? 물론 스케치업에서 색 조절 작업을 하더라도 그래픽 소프트웨어에서 필터링이나 블렌딩 등으로 다시 재조정을 하는 경우도 많습니다. 그래도 스케치업에서도 원하는 색감을 어느 정도 조정이 가능하다는 것을 알아두면 자주 사용하게 될 것입니다. 
 이후에는 앞서 이야기했듯이 스케치업이 아닌 다른 소프트웨어 연습을 준비할 예정입니다. 그 전까지는 HTML을 우선 공부하고 있어야겠네요. 그럼 다음에 또 다른 연습으로 찾아올게요. 

네이버TV에서 영상보기

 안녕하세요. 찰리입니다. 

 오늘은 크로키 연습을 해볼게요. 이제 조금 외출이 자유로워 지는가 했더니 코로나가 또 다시 기승입니다. 경제적 활동도 그렇지만 자유롭지 않은 현상황에 마음을 달래는 것도 중요할 것 같아요. 기본적으로 실내 위주의 생활을 생각하고 실내에서 할 수 있는 여러가지 취미나 운동 등 특히 혼자서 할 수 있는 것들을 찾아봐야겠습니다. 그렇다고 완벽하게 혼자일 필요는 없겠죠? 우리에게는 빠른 인터넷이 있고 각 SNS와  여러가지 통신 플랫폼을 통해서 서로의 취미를 자랑하고 공유할 수 있는 세상이니까요. 이제는 슬슬 새로운 생활에 적응해나가야 할 것 같아요. 이왕 적응하는 김에 좀 더 적극적으로 활동하고 즐겨보시기 바랍니다. 저도 틈나는 대로 블로그도 SNS도 자주 돌아다녀 보겠습니다. 크로키는 스물 여덟 번째 패션 크로키네요. 오늘도 그려볼게요.

<준비물 - 종이, 드로잉 도구>

 #바스트숏(Bust Shot) 그리기

 - 그리는 방법은 따로 없이 대상을 살펴보고 포즈에서 움직임 큰 옷주름 위주의 형태를 관찰하여 그립니다. 신체의 무게 중심과 비율, 형태를 관찰해봅니다. 제한시간은 따로 두지 않고 빠르고 간결하게 그립니다.

 목탄(Charcoal)

 클립스튜디오(Clip Studio)

 색연필(Color Pencil)

 샤프(Sharp Pencil)

#영상으로 보겠습니다. 

 개인적인 그림을 그릴 시간이 조금 부족했지만 실력은 크게 늘지 않았고 줄지도 않은 것 같네요. 그래도 오랜만에 그림을 그리는데 집중이 안 될 것 같아서 걱정을 했지만 그림을 망칠까봐 조마조마해 하며 집중할 수 있었습니다. 이제 두 번 정도만 더 패션 크로키를 진행하고 다음 크로키는 재료를 조금 줄이고 형태 위주의 연습을 더 해볼까 합니다. 그 전에 아직 두 시간을 남겨두었는데 언제 끝낼 수 있을까요? 다음 시간 또 다른 그림으로 찾아오겠습니다. 감사합니다.

네이버TV에서 영상보기