[내일배움캠프 TIL] DAY.28 베이커리 카드 뉴스 제작 (과제 제출 완료)/ Alessi 시각자료 선정&분석

TIL. 2025/12/10
AI 콘텐츠 그래픽 디자이너 양성 과정

 

1. 오늘의 학습 키워드

- [디자인 감각 훈련] 도메인 탐색 스터디 워크북 : 디테일 벤치마킹

- 개인과제 [베이커리 카드뉴스 제작] : 제출일

 

To do List

오전 ( ~13시 )

- 데일리 스크럼 작성 (오전) / 팀원들과 공유

- 개인과제 마무리

 

오후  ( ~19시 )

- 개인과제 제출

-  [디자인 감각 훈련] DAY 7 : 시각자료 선정 후 분석

- 데일리 스크럼 작성 (오후)

- 디자인 감각 훈련 내용 팀원들과 공유

- TIL 작성

 

 

2. 오늘 학습 한 내용을 나만의 언어로 정리하기

-  [디자인 감각 훈련] DAY  7 : 시각자료 선정 후 분석

: 시각자료 한가지를 선택하여, 해당 이미지를 선정한 이유를 작성하고, 레이아웃 구조와 버튼/cta디자인에 대해서 분석하는 학습을 하였다.

 

- [베이커리 브랜드 카드뉴스 제작] 개인과제 : 제출

: 다양한 포토샵 툴을 사용하며 카드뉴스를 제작하는 과정을 학습하였다. 또한, 스스로 레이아웃에 대해 이해하는 정도에 대해 새로운 창작 카드뉴스도 제작하여 과제를 마무리하여 제출하였다.

 

3. 내일 학습 할 것은 무엇인지

- [디자인 감각훈련 Day8] 도메인 레퍼런스 맵핑 : 시각자료 선정 후 분석 이어서 진행

- 일러스트 강의 발제

---

[ 디자인 감각훈련 Day 7 ] 도메인 탐색 스터디 워크북

 

 [2주차] 디테일 벤치마킹

 

-선정한 시각자료 이미지

 

이 시각자료를 선택하기 전, 선정 기준과 이유가 있어야 겠다고 생각이 들어 작성해 보았다.

기준 1. 가장 중요하게 생각했던, 알레시만의 컬러와 정체성이 잘 드러나고 있는지에 대해 고민해 보았다..

기준 2. 현재 베너 이미지는 구매 유도 버튼도 없을 뿐더러, 그러면 어떤 것을 의도하고 싶은지 잘 느껴져야 한다고 생각한다.

기준 3. 3주차 리디자인의 과정에 가장 적합하다고 생각하는(전후 디자인이 뚜렷하게 보일 수 있는 것으로 선정) 베너디자인으로 선정하였다.

 

 

그래서 최종으로 정리한 내용을 토대로 선정기준에 따른 이유를 명확하게 한 번 더 정리해보았다,

 

Alessi 와인 오프너 홍보

> WHY?

1. 구매를 유도하는 장치가 전혀 마련되어 있지 않음.
2. 글자를 양쪽으로 배치하여 잘 읽히지 않는 것 같다는 느낌도 들어 개선하고자 선정하였음.
3. 텍스트 배치 등 다양한 요소가 적절히 사용되지 못하고 있다고 생각이 드는 이미지로 선정하였다.
4. 제품으로서(형태적으로만) 알레시의 정체성을 보여줬지만, 모델이 입고 있는 스웨터로 연말의 분위기를 전달시키려고 한 것 같지만 다소 부족하다는 느낌이 든다.

 

선택한 자료를 요소별로 분해 & 분석하기

- 레이아웃 구조 - 정보 배치 , 시선흐름 , 여백 활용

정보배치
1. 텍스트가 양쪽 좌우 모두 배치되어 있어 균형있게 텍스트가 분배되어있다고 생각이 들었지만, 정보 전달 차원에서는 다소 아쉬운 정보 배치라고 생각이 든다.
2. 총 3분할 구조 : 왼편 ‘당신의~’ : 시작점 → 중앙 : 제품 배치 > 시선이 자연스럽게 머물게 됨 → ‘빛나는 오브제’ 강조메세지 블록을 사용하였다.
시선흐름
1. 중앙에 크게 배치된 ‘오프너’ 제품 : 제품의 소재, 형태, 사이즈 때문에 시선이 가장 먼저감 = 시각적 무게가 크다.
2. ‘빛내는 오브제’ 검정 박스 텍스트 : 대비가 강하고, 뒤에 스웨터를 입은 모델 + 박스 형태로 텍스트가 배치되어 있어 더욱 눈에 띔.
3. ‘당신의 연말 파티를’ 이라는 문구는 주변 여백 때문에 가독성이 높지만, 제일 먼저 읽혀야 되는 부분이 가장 먼저 읽히지 않는다. > 시선 집중도가 약함
여백활용
1. 텍스트 주변에 넉넉한 여유를 두어 전체적으로 고급스러운 느낌과 텍스트에 집중이 됨,
2. 글자를 더 돋보일 수 있도록 (단순한 글자 배치이지만 밋밋해 보이지 않도록), 글자 뒤 블랙 그라데이션을 사용함으로써 배경에 텍스트가 뭍히지 않도록 하였음.

버튼 또는 CTA 디자인 - 형태, 컬러, 위치, 클릭 유도 방식

1. 일반적인 형태의 CTA 버튼(구매, 더보기)를 사용하지 않았음.
   ‘빛내는 오브제’ 의 텍스트 박스를 사용해서 강조하는 걸로 대체하는 것인가? 생각이 들었다.

2. 클릭 유도 보다는.. 메세지를 포커싱 하여 강조하는 역할이라고 생각이 들었음

---

[ 베이커리 브랜드 카드뉴스 제작 ] 개인과제

 

결과물 취합

 

필수 과제 1

예시 이미지 / 완성 이미지

작업과정

1. 1080 x 1350 픽셀 대지 생성하기
2. 안내선 설정히기(top100px, bottom 90px, left 50px)
3. 배경 컬러, 예시 이미지와 동일하게 지정하기
4. 케이크 이미지 Background 로 배경 제거 후 , Camera Raw 필터로 따듯하고 맛있는 블루베리 컬러로 섬세 조정하기
5. ‘Winter Miracle Collection’ 텍스트에 Gradient Overlay, Stroke, Bevel Emboss 효과 적용하기
6. 로고 예시이미지와 동일한 위치에 동일하게 배치
7. 브러쉬로 배경에 일부분 질감 표현해주기

 

작업 의도 & 느낀점

블루베리의 질감을 더욱 효과적으로 표현하고자 했다,
카페 베이커리에 맞도록 따듯한 분위기가 느껴지도록 해당 사진 이미지를 작업하였다.
모작인만큼, 최대한 비슷하게 작업 결과물이 나올 수 있도록 하였다.

해당 작업의 난이도는 크게 어렵지 않았다!

---

필수 과제 2

예시 이미지 1 / 2

완성 이미지 1 / 2

작업과정

1. 1080 x 1920 픽셀 대지 생성
2. 배경 컬러 지정 후 칠, 그라데이션 효과 만들기 > 이미지와 동일하게 표현
3. 케이크, 박스 이미지 remove background 로 배경 지우고, 각각 이미지 컬러톤(뉴럴필터) 조정하기 (배경톤에 맞게) > 이미지 위치 지정하기
4. 테이텟 로고 박스에 warp 기능을 통해 배치하기
5. 케이크 이미 속 블루베리 > 픽셀 유동화 기능으로 크기 줄여주기
6. 필요 텍스트 작성 후, 해당 레이아웃에 맞게 배치하기 > 컬러도 동일하게 지정하기
7. ‘배경높이가 부족한 소스’ 이미지를 자르기 도구를 통해 늘려준후, generative fill로 생성하기
8. 생성된 배경 소스 이미지 블러 (가우시안+모션) 적용후, 그라데이션 컬러 입힌 후, 마스크 씌운뒤 자연스럽게 이어주기
9. 인스타 그램 목업 부분 만들어 주기 > 현실감 up

 

작업 의도 & 느낀점

인스타그램처럼 더욱 보일 수 있도록, 해당 스토리 틀을 작업하였으며, 동일하게 모작하는 작업이다보니, 색감, 이미지의 톤, 배치가 최대한 비슷할 수 있도록 작업을 진행하였다.

상단에 이미지 소스를 사용하여, 해당 질감을 표현하는 부분이 다소 어려워서 시간을 많이 할애하였다.. 그라데이션 컬러를 추가하여 최대한 흡사하게 컬러를 표현했는데 아직도 조금 아쉬운 느낌이 든다.

---

도전 과제 1-1

예시 이미지 / 완성본 이미지

작업과정

1. 1080 x 1350 픽셀 대지 생성
2. 2딘 그리드 레이아웃 설정하여, 컬러 칠 (구역 나누기)
3. 필요한 이미지 누끼 딴 후, 이미지 배치
4. 필요한 텍스트 작성 후, 레이아웃에 맞게 배치
5. 꽃모양 도구 생성 후 포스터에 배치
6. 텍스트 컬러, 트리 도형 효과 표현하기
7. 필요한 카카오 아이콘, 전화기 아이콘 다운로드 후 배치하기
8. 레이어 정리하기

 

작업 의도 & 느낀점

실제 이미지보다 여백이 조금 넓은 경우라 레이아웃의 다소 차이가 있을 수 있지만, 그 차이가 최대한 느껴지지 않도록 레이아웃을 잡아 동일한 이미지처럼 보이도록 진행한 이미지 결과물이다.

주어진 이미지와 작업 과정에 주어진 대지 사이즈가 달라서 레이아웃을 구성할때 조금 어려움이 있었지만 앞 필수과제2보다 난이도가 낮다고 생각든 과제였다.

---

도전 과제 1-2 (변형 VER.)

예시 이미지 / 완성본 이미지

작업과정

위의 내용과 동일하게 진행 > 형태와 안에 사용된 제품이미지만 변경하여 일부만 다르게 진행하였습니다.

+ 눈내리는 효과 브러쉬로 효과

+ 상단 글자 돋보일 수 있도록 하얀 그라데이션 효과 줌

 

작업 의도 & 느낀점

주어진 이미지에서 살짝 형태적으로 변형을 주어, 더욱 겨울의 느낌을 주는 도형과 브러쉬 효과를 사용하여 디자인 하였다.

눈사람 형태를 통해서 조금더 귀여운 느낌을 전달해주고자 했고, 하단 레이아웃 끝 부분을 동그랗게 마무리하여, 귀여운 겨울 분위기를 표현하였다.

포인트는 눈내리는 하늘!이 포인트로 표현한 것이다. 겨울 느낌이 물씬들도록 작업하였다.

---

도전 과제 2

예시 이미지 / 완성본 이미지

작업과정

1. 1080 x 1350 픽셀 대지 생성
2. 주어진 ‘테이블 이미지’에 필요한 부분만 남기고, 필요없는 부분을 삭제한다.
3. 주어진 이미지들을 전부 필요한 부분만 누끼를 따서 대지에 모아준다.
4. 중앙의 말 초콜릿에 적혀진 ‘테이텟 로고’ 를 WARP기능을 사용하여 배치하여준다.
5. 숟가락 이미지를 테이블 위에 배치하여, 컵>’흘러내리는 초콜릿’으로 generative fill 해준다.
6. 하트 초콜릿 이미지 숟가락 주변에 배치한 뒤, 뉴럴필터 Harmonize 일치를 사용하여 보정한다
7. 전체 이미지 붉은 색 > 블렌드 모드 > 비비드 라이트 로 입혀준다
8. 구름이미지 누끼 딴 후, 이미지와 동일한 효과를 적용 (Linear Dodge(Add))
9. 작성된 텍스트를 작성하여, 동일한 위치에 텍스트 배치.
10. ‘D’알파벳 부분에 클리핑 마스크를 사용하여, 해당 효과 표현
11. 주변 굴러가는 동그란 초콜릿 생성하기 >generative fill > 해당 부분 병합 후 누끼따서 하단에 그림자 생성하기

가장 어려웠던 점

초콜릿 말 보정, 구름결 누끼 따기

초콜릿 말의 누끼를 처음 따게되면, 파란색으로 반사되는 광이 이전 배경때문에 남아있게 되는데, 그것 때문에 보정에 조금 시간을 많이 할애하게 되었다.

구름결 누끼부분을 따는 것에 시간 할애를 많이 하였다. 사진과 동일한 높낮이, 구름 그림자를 표현하고 싶어 어려움이 있었다.

 

작업 의도 & 느낀점

색감을 맞추고 어우러지게 작업하는 게 가장 골치였다. 중앙에 배치된 말 주어진 예시 이미지와 동일하게 보일 수 있도록 섬세하게 작업하였다... 전체적으로 구름이미지, 분위기가 예시이미지와 동일하게 진행한 이미지 이다.

클리핑 마스크를 사용하는데는 문제가 없었지만, 자연스럽게 연결하는건 다소 조금 어려움이 있었던 것 같다,

---

도전과제 1(창작)

 

작업과정

1. 앞서 만든 대지 사이즈 동일하게 사용 > 1080 x 1350 픽셀
2. 전체 배경 컬러, 하단 텍스트 배경 컬러 > 케이크 부분에서 추출 후 칠
3. 사용할 텍스트 작성 후, 레이아웃 구상하며 배치
4. 사용할 이미지 누끼 딴 후, 구도에 맞게 대지에 배치
5. 하단 텍스트 레이아웃 구상 + 브랜드 로고 배치
6. 브러쉬로 배경 부분 눈내리는 효과 더해주기
7. 미드저니로 크리스마스 장식 요소 이미지 생성 후, 블랜드 모드 적용

 

작업 의도 & 느낀점

눈내리는 크리스마스 에디션 이미지로 더욱 컬러감과 극적인 효과를 표현한 이미지로 제작한 변형한 것이다.

기존 주어진 이미지와는 조금 비슷하지만 전혀 다른 레이아웃을 사용함으로써, 색다른 분위기를 주도록 디자인 하였다.

상단에 크게 타이틀 텍스트를 작성하여, 사용자에게 전달감을 더욱 확실하게 주고, 메인 케이크의 이미지를 텍스트와 겹치게 배치하여 레이아웃의 재미를 주었다,

해당 작업은 어려움은 없었고, 재미있게 작업한 이미지이다.

 

 

해당 이미지 배경에 사용한 미드저니 이미지 프롬프트도 추가해 본다.

프롬프트 원문(영어)

various iconic christmas decorations, holly leaves and red berries, pine needles and pinecones, christmas wreath elements, classic red and green accents, gold ribbon details, seasonal festive materials, clean white studio background, minimal soft lighting, high-quality 3D render, crisp edges --v 6.0 --ar 1:1 --raw

프롬프트 번역(한글)

다양한 상징적인 크리스마스 장식, 호랑가시나무 잎과 붉은 열매, 소나무 잎과 솔방울, 크리스마스 화환 요소, 클래식한 빨간색과 녹색 포인트, 금색 리본 디테일, 계절 축제 분위기의 재료, 깨끗한 흰색 스튜디오 배경, 최소한의 부드러운 조명, 고품질 3D 렌더링, 선명한 가장자리 --v 6.0 --ar 1:1 --raw

결과물

생성 이미지 원본 / 사용한 부분 표시한 이미지

> 해당 프롬프트는 크리스마스의 정확한 명칭을 몰라, 다양한 크리스마스 데코할 수 있는 것의 이미지를 생성하기 위해 ‘챗GPT’의 도움을 받아 작성한 프롬프트이다, 포토샵에서 바로 사용할 것이기 때문에 배경은 흰색 배경으로 하여, 작업에 더욱 원활하게 사용할 수 있도록 하였다

 

---

해설 영상 보고난 후

1. '필수과제 1' 에서 text warp을 사용하지 않고,, 라인을 따고, 글자를 배치하여 다른 방식으로 적용된 글자를 보고 다소 놀랐다, 도전과제에서 사용할까 고민했었던 기능인데 사용하지 않았었다.(적용범위가 한정적이라) 근데 맨 처음 과제에서 사용했을 줄은 정말 몰랐다 ㅋㅋ

2. '필수과제 1' 에서 다시 한번 깨달음을 얻었다, 케이크 옆 컬러 박스로 만들어진 것들이 블루베리맛을 픽셀화 해서 컬러로 표현 하셨다는 것이 인상 깊었다, > 해설 강의를 보며 튜터님의 디자인한 의도를 파악할 수 있었다.

3. 해설 튜터분이 말씀해주신 좋은 디자이너? 에 대해서 생각하게된 시간이였다. 

직접적으로 표현하지 않더라도 디자이너가 의도된 바 대로 표현할 수 있는가? 전달해줄 수 있는가? 가 중요하다고 하셨다,

>은유적 비유적 표현으로 다양한 표현 방식으로 나의 의도한 바를 표출할 수 있는 방식에 대해서 고민하게 된 말씀이였다.

4. '레이아웃'에 대하여 더 학습할 수 있었다, 제품의 형태와 중요도에 따라 레이아웃 설정이 어떻게 수정되어야하는지 조언해주신 부분이 기억에 남아, 다음에 다른 예제들을 스스로 만들어 보며, 적용해봐야겠다고 생각이 들었다,

> 레이아웃에서 가장 중요한 것은, 각각의 요소별 정보의 우선순위를 설정하는 것!

5. 제품을 드러내기 위해 색상의 톤은 어떠해야 하는지, 채도와 밝기 설정 등 어떻게 활용되어야 하는지 해설 강의를 보며 깨달을 수 있었다,

>> 전체 모든 과제의 해설과정이 나타나 있지 않아서,다소 아쉬웠다. 그럼에도 불구하고, 필수, 도전 1 각각 한개씩 작업하시면서 해주신 디자인 꿀팁 이야기와 다양한 이야기를 해주신 부분이 인상 깊었다. 

---

오늘 하루 회고

3-1. 오늘 학습 중 성과

: 어제 마무리 못한 과제를 마무리하고, 검토 중에 발견된 누락된 효과를 찾아ㅏ 다시 수정한 후 제출할 수 있었다.

그리고 도전과제 + 창작까지 진행한 결과물을 모두 완성하여, 시간내에 과제를 마무리 하여 제출하였다!

 

3-2. (학습하며 겪은 문제/해결방법) or 오늘 부족했던 부분 회고

: 다소 아쉬운 점은 팀원들과 진행하는 저녁 디자인 감각훈련 공유시간에 내 스스로 분석하고 서술한 과정을 너무 두서없이 이야기하고, 맥락이 없이 이야기 해서 전달력이 없다는 점이 다소 아쉽다는 생각이 들었다. 

앞으로 나의 이야기를 전달력있게 전달하려면 어떤 점을 바꿔야 할지 고민하는 시간이 필요하다고 생각한다.

 

그리고 제출하는 제출본에 작업 의도와 느낀점을 적지 못한 것이 한..... 시간이 너무 촉박하여 포함하지 못한채로 제출하였다.,., 너무 아쉽다.

 

▶ 오늘 하루요약

: 과제제출로 인해서 다소 정신 없었던 하루였다. 과제를 제출하고 나서는 집중력이 많이 흐트러져서 다른 것에 집중을 하지 못해서 아쉬웠지만,, 그래도 하루의 목표량을 채웠으니 그정도로 만족하도록 하자!

그리고 오늘 이전 프로젝트 과제 우수로 제출한 사람들이 '명예전망?' 이라는 곳에 올라와서 결과물을 보게되었는데, 앞으로 내가 얼마나 부족한지, 더 노력해야될 부분들을 조금이나마 깨닫게 된 것 같다. 

아직 한참 많이 부족하니.. 게으름 피우지 말고 열심히 해야겠다고 생각이 들었다.