Prorsum [1330419] · MS 2024 · 쪽지

2024-08-23 13:52:23
조회수 644

교재 작업 과정이 궁금한 사람을 위해

게시글 주소: https://i.orbi.kr/00068978053

안녕하세요, 프로섬입니다.


저희의 새로운 교재 Fast Forward 지구과학 I 소개글을 확인해 보셨나요? 

(아직 확정된 디자인은 아닙니다.)

아직 읽어보지 않으셨다면, 꼭 한 번 살펴보시고, 좋아요와 댓글을 달아주시면 저희 교재가 출판 되는 데에 큰 힘이 됩니다:)

https://orbi.kr/00068954028







수험생이라면 다양한 책으로 공부하면서 종종 책이 어떻게 만들어지는지 궁금할 것 같습니다. 저희도 수험생 때 그랬죠.


오늘은 그 궁금증을 간단히 해소하면서, 교재에 들어가는 일러스트를 함께 만들어보는 시간을 가져보겠습니다.


저희 프로섬에서는 모든 디자인과 일러스트를 팀 내에서 전문가와 함께 직접 제작합니다. 

저희는 교재 일러스트 작업에 Adobe Illustrator와 Figma를 활용하는데요.


복잡한 그래프나 세밀한 일러스트는 Illustrator를 사용해 제작하고, 이러한 일러스트를 더욱 깔끔하고 아름답게 다듬는 작업에는 Figma를 사용합니다.


Illustrator는 전문적인 유료 프로그램이라 초보자들에게는 조금 어려울 수 있습니다. 

반면 Figma는 무료로 사용 가능하며, 설치 없이 웹에서 바로 실행할 수 있습니다.



그래서 오늘은 그림에 문외한인 분들도 쉽게 따라 할 수 있도록, Figma를 활용한 간단한 일러스트 그리기를 보여드리겠습니다.


올해 수능 잘 보시고 내년에 책을 만들어보고 싶다면 참고할만 하겠죠?


아래 그림은 저희 교재 Fast Forward에 수록된 예시 그림입니다. 여기에 나오는 지구 그림을 같이 그려봅시다.


먼저 원을 그려볼까요? 

도구 패널에서 ‘Ellipse’를 선택한 후 Shift키를 누른 상태에서 마우스로 드래그하면 완벽한 원을 그릴 수 있습니다. 

이제 오른쪽 패널의 ‘Fill’을 선택해 색상을 변경해 보겠습니다. 회색 사각형을 클릭해 주세요.

그러면 색상 선택 창이 나타납니다. 여기서 빨간색 박스를 클릭해 볼까요? 

이 빨간 박스는 그라디언트(그라데이션)를 의미합니다. 입체적인 구체를 표현할 때 필수죠. 

그다음에는 ‘Radial’을 선택해 보겠습니다.

‘Radial’을 선택하면 원형으로 그라디언트가 적용됩니다. 훨씬 입체적인 구처럼 보이죠? 

입체감을 더 살리기 위해 색상을 약간 조정해 보겠습니다. 

빨간 박스 안의 색상 영역을 클릭하면 색상을 추가할 수 있습니다.

같은 방식으로, 저희는 좀 더 산뜻한 색으로 구를 만들어 왔습니다. 이제 적도를 그려볼까요? 

다시 타원 도구를 선택해 구의 지름에 맞게 그려주세요. 

그런 다음 ‘Arc’ 도구를 클릭하고 마우스를 움직여보세요. 타원이 부채꼴처럼 변합니다. 

여기서는 타원의 호만 필요하니, Ratio를 100%로 설정해 선만 남겨 둡시다.

이제 오른쪽 패널에서 선의 색상과 두께를 조정한 후, 선 도구나 펜 도구를 사용해 자전축을 그려주면 됩니다.

텍스트도 추가해야겠죠? 

사각형 도구로 사각형을 그린 후, 오른쪽 패널에서 곡률을 조정해 주세요.

저희는 항상 이 곡률을 더 부드럽게 직선과 연결되도록 만들어주는데, 이 과정을 거친 도형을 전문 용어로 "스쿼클"이라고 부릅니다.

둥근 사각형에는 ‘라운드 스퀘어’와 ‘스쿼클’ 두 가지 종류가 있습니다. 

라운드 스퀘어는 사분원의 호와 직선으로 구성된 도형으로, 이 둘이 접하는 부분이 시각적으로 도드라집니다. 

(수학 시간에는 접하는 부분은 부드럽게 연결된다고는 하지만요)

스쿼클은 이 부분을 시각적으로 부드럽게 보이도록 깎아 만든 형태라고 보면 될 것 같습니다.


저희 Fast Forward 교재에 사용된 모든 둥근 사각형은 스쿼클로 제작되었습니다. 

이처럼 책을 보다 보면 광기의 디테일을 경험하실 수 있습니다.

이렇게 오늘의 간단한 강의가 끝났습니다. 어렵지 않으셨죠? 

너무 간단한 내용이라 실망하셨다면 댓글로 알려주세요! 지옥의 난이도로 가져와 보겠습니다ㅎㅎ



올해 수능 잘 보셔서 교재를 집필하시게 된다면 이렇게 일러스트를 만들어 볼 수도 있을 듯 합니다



다음에 더 재밌는 내용으로 찾아올게요 :)

(아마 저녁에 문제를 맞힌 사람에게 스타벅스 기프티콘을 드리는 선착순 이벤트가 준비되어 있는 걸로 알고 있습니다. 팔로우 하시고 가장 먼저 찾아와 주세요)






Fast Forward 소개글도 많은 관심 부탁 드립니다.

https://orbi.kr/00068954028

0 XDK (+0)

  1. 유익한 글을 읽었다면 작성자에게 XDK를 선물하세요.

  • 물범SeaL · 1156909 · 14시간 전 · MS 2022

    오.. Figma 물리 일러스트 만드는데도 좋으려나요

  • Prorsum · 1330419 · 14시간 전 · MS 2024

    피그마는 간단한 일러스트 만들기에는 좋은 것 같아요

    근데 애초에 평가원에서도 일러스트레이터를 쓰는 것으로 보여서(화살표 모양이라든지)
    그래프나 복잡한 일러스트는 일러스트레이터를 추천드립니다!

  • Prorsum · 1330419 · 14시간 전 · MS 2024

    물범SeaL님 게시물 보니 ppt 사용하시는 것 같은데 그보다는 피그마가 훨씬 사용하기도 편하고 퀄리티 높게 나올 듯 합니다!

  • 물범SeaL · 1156909 · 14시간 전 · MS 2022

    감사합니당