일러스트레이터와 포토샵을 사용해 본 적이 없는 디자인 소프트 초보자 “이요헤”입니다.
평소에는 칸바로 디자인을 독학하고 있는데, 얼마 전 짧은 영상에서 멋진 레이아웃을 발견하고 따라해서 만들어 보았습니다. 도구는 “어피니티”입니다.
어피니티에서는 제목 텍스트만, 이미지 조정, 로고만 등 조금씩만 다뤄왔지만, 오늘은 처음으로 어피니티에서 전체 디자인을 모두 제작해 보았습니다.
죄송합니다. 제공해주신 정보가 부족합니다. 4/40번 note.com 게시글의 본문 내용을 제공해주시면, 자연스럽고 정확한 한국어 번역본을 출력해 드리겠습니다.
- 참고 자료
- 작업 절차
- 첫째: 눈치 보며 레이아웃을
- 2회차: 피자 이미지를 교체하고 레이아웃을 조정
- 3회차: “메뉴” 문구를 다시 실행
- 세 가지를 나열해 보면
- 이번 주말, 츠키시마 료가 ‘마법소녀 마기’의 신장 12권을 출간한다. 11권은 츠키시마 료가 직접 쓰고 그린 작품이며, 12권은 츠키시마 료가와 츠키시마 료가와 함께 그림을 맡긴 작품이다. 11권과 12권 모두 츠키시마 료가 특유의 유머와 액션, 그리고 마기 세계관의 매력을 담아낸 작품으로, 많은 팬들의 기대를 모으고 있다. 특히, 12권에서는 더욱 강력해진 마법소녀들의 활약과 새로운 적의 등장으로 이야기가 더욱 흥미진진하게 전개될 예정이다.
참고 자료
포토샵으로 메뉴 표지 제작 숏 영상을 만들었습니다. 영상의 완전한 복사본이 아닌, 제가 직접 제작한 연습 작품입니다. 피자 이미지와 가게 이름 등은 원본대로 변경했습니다.
작업 절차
삼각형을 3개 묶어 놓은 바탕은 3개의 삼각형입니다. 색깔을 분리하여 나열하면 대각선 레이아웃이 완성됩니다.
선화를 “곱셈” 모드로 겹쳐서 배경에 넣은 거리의 선화는 PNG 이미지입니다. 그대로 놓으면 흰색 배경이 튀어나와 보입니다. 따라서 “곱셈” 모드를 “곱셈”으로 설정하면 문제가 해결됩니다! ※“곱셈”에서 아래 색과 곱하면 어두워지므로 흰 부분이 사라지고 선(검은 부분)만 남게 됩니다.
피자 이미지를 삼각형 위에 놓고 배경을 투명하게 처리한 피자 이미지를 배치하고 위치를 미세 조정했습니다.
4. “ME”, “NU” 문자를 “아티스티크 텍스트”에서 각각 입력하고 “새 워프 그룹” → “쿼드” 설정을 통해 형태를 왜곡할 수 있습니다. 사각형의 모서리를 잡아당기는 듯한 효과로, 문자를 타원형으로 변환합니다.
다른 레이아웃의 타원형 도형, 아티스트 텍스트로 문자 입력, 펜 툴로 罫선을 만드는 것들
첫 시도: 흉내 내며 레이아웃을 해 보았다.
먼저, 영상을 보면서 일단 형태를 잡아보았습니다. 피자 이미지가 부족하고, 철자도 자주 틀립니다.
2회차: 피자 이미지를 교체하고 레이아웃을 조정했습니다.
AI를 이용하여 피자 이미지를 3가지 종류로 만들었습니다. 각각의 배경을 교체해 보았더니, 3가지 피자가 각기 다른 표정을 지어내면서 한 번에 “진지하게” 느껴지게 되었습니다. 레이아웃 또한 조금 다듬었습니다.
3회차: “메뉴” 문구를 다시 실행
두 번째인데 거의 만족했지만, “ME”, “NU” 글자의 왜곡이 신경 쓰였습니다. 수정 방법은 여기 👇 입니다.
- 워프 그룹(쿼드)으로 형태를 다듬습니다.
- 더욱이 “곡선으로 변환”을
- 노드 도구를 사용하여 미세한 부분을 정밀하게 조정합니다.
워프만으로는 글자 굵기가 부자연스러웠습니다. 곡선으로 변환하고 노드를 하나씩 움직여 균형이 잡혔습니다. 과연 이 방법이 맞는지 확인해봐야 합니다.
세 가지를 나열해 보면
- 첫 번째 시도: 레이아웃만 모방한 상태
- 두 번째: 피자 이미지를 교체하여 순식간에 완성도가 높아졌다.
- 세 번째 수정: 글자를 다듬어 전체적으로 깔끔해졌다.
まとめ
- 같은 디자인을 3번 만들어 개선해 보았다.
- 이미지의 품질에 따라 시각적인 효과가 크게 달라집니다.
- 문자의 왜곡은 워프 이후 곡선으로 변환하여 미세 조정하면 깔끔하게 정돈됩니다.
봐도 배우지 못했던 倣음 생활에서, 조금씩 나아지도록 과정을 반복하는 것이 가장 큰 공부였습니다.
다음으로는 제목과 로고를 Affinity에서 제작하고, Canva 디자인에 맞춰 조합해 보려고 합니다.
마지막까지 읽어주셔서 감사합니다.
출처: note 원문
번역: Gemma 3(.44) 초벌 + 교정 26청크
원문 보기 | 출처: note.com