(DAY4) 포토샵 실습데이 (펜툴, 마스크레이어, 상세페이지 클론)

 

안녕하세요 :)

오늘은 하루종일 포토샵만 하다가 끝났네요 😂

할 줄 안다고 생각했다가도 또 막상 직접 손으로 작업해보니 서툴기만 한 저를 발견했습니다 ㅠㅜ

 

---

 

✏️오늘의 학습 실습

• 펜툴 활용하여 누끼 따기 응용 학습, 정사각형 포스터 만들기
• 마스크레이어 + 포토샵 이미지 생성 ai 활용하기
• 마켓컬리 상세페이지 클론 디자인 ( 포토샵만 활용하기 )

 

 

 

 

📖오늘의 핵심 요약

포토샵 하나만으로도 상세페이지 만들 수 있다.

직접 작업해보면서 텍스트 레이아웃 익히기

 

 

 

 

📝수업 내용 메모장

 

디자인 폰트 사이트 추천
https://losttype.com/

Lost Type Co-op

 

 

 

펜툴

- 펜툴 P로 오브젝트 선택 후 ctrl alt Enter : 펜툴이 선택영역으로 바뀜

 

마스크레이어

- 마스크레이어에서 ctrl + I 누르면 마스크 영역 반전됨
- ctrl 누른 채로 마스크레이어 영역을 클릭하면 그 영역이 선택영역으로 잡힘

 

레이어 병합
- ctrl + alt + shift + E (지금까지 한 것들 레이어 병합해서 만들어줌)

 

 

 

 

 

 

 

 

실습 1)  펜툴로 사과 누끼 따기

 

 

수업 내용 따라잡기

 

 

사과 누끼도 직접 따보고, 텍스트 왜곡도 해보고, 사과 뒤에 그림자도 만들어보고, 거친 도화지 배경은 포토샵 내 이미지 생성 ai를 활용해서 만들었습니다. 어제 수업의 연장선으로 기본 기능들을 활용해보는 시간을 가졌는데요, 레이어 개념만 익히면 어렵지 않게 충분히 누구나 할 수 있는 것 같아요.

 

 

 

 

응용하기, 실습 결과물

 

 

통기타 여성은 무료 이미지에서 펜툴로 누끼를 따왔습니다. 뒤에 구름과 거친 질감의 하늘은 포토샵 내 이미지 생성 ai 기능을 활용해서 만들었습니다. 기타 페스티벌을 주제로 캐주얼한 청년이 주는 느낌과 팝아트 같은 느낌을 주고 싶었어요.

 

💡포토샵 내 이미지 생성 ai 사용법

선택툴로 원하는 영역 선택하면 (캔버스 전체 선택도 가능) Generative Fill 버튼이 뜨는데요, 이 버튼을 클릭하면 프롬프트 작성란이 뜹니다. 거기에 원하는 이미지를 최대한 구체적으로 작성하면 끝!

 

사실 이 기능이 어제부터 자꾸 오류가 떠서 오늘 이른 새벽부터 컴퓨터와 씨름을 했는데요,

자꾸 뜨는 오류 메시지

 

인터넷 연결 되어있는데 자꾸 확인해보라고 해서 속상했는데요

 

아래 블로그 덕분에 해결했습니다 ^^

 

https://www.motionlab.co.kr/TUTORIAL/?bmode=view&idx=17949236

짜증나는 포토샵의 Generative Fill error 박살내기 : TUTORIAL

 

 

저와 같은 오류가 발생하신다면, 위의 블로그를 참고해주세요!

 

 

 

 

 

 

 

 

 

 

 

실습 2) 마스크 레이어 활용하기

 

실습 결과물

 

 

마스크레이어, 선택 툴, 그림자 효과, 포토샵 이미지 생성 ai를 활용하였습니다. 초록색 배경을 ai로 만들었어요. 제가 원하는 거친 질감의 바닥을 만들어서 만족스러웠습니다. 추가적으로 Cheese 텍스트 주변에 치즈 과자 부스러기를 흩뿌리고 싶었는데 이건 구현하지 못했어요ㅠㅠㅜ

 

💡원하는 이미지를 뽑을 수 있는 프롬프트 작성하는 것도 공부해야되겠구나를 느꼈습니다.

 

 

 

 

 

 

실습 3) 마켓컬리 상세페이지 클론 디자인 포토샵만 활용하기

 

 

실습 결과물

 

 

 

원래 있던 이미지들을 죄다 무료 이미지로 찾기 or 생성 ai 써서 만들기도 하는건줄 알고 모든 이미지를 만들면서 작업해서 엄청 오래걸렸다... 다른 분들 보니까 이미지를 안넣은 사람도 있고, 고양이 이미지로 대체한 사람도 있더라.

나는 샴푸통 목업 파일도 구해서 넣고...배경도 생성ai 써서 만들고...너무 이미지에 집착했나 싶다😂😂

 

🤔 다음부터는 이 과제를 "왜" 하라고 한건지 먼저 생각하고 진행하자.

이 작업을 시킨 의도가 뭘까.

 

상세페이지란, 제품을 홍보하기 위한 아래로 흐르는 페이지 라고 생각하는데,

이 작업은 추후에 내가 만든 앱,웹 서비스 소개 페이지를 만들 때 필요할 것이다.

 

💡내가 기획한 앱(혹은 프로젝트)를 소개하는 페이지를 만드는 데 필요한 텍스트 레이아웃을 공부하고, 이미지 넣는 밀도와 구성 등을 참고하는 용도로 이 과제를 주신 것이다.

 

좀 더 레이아웃에 초점을 두고 작업했어야 했다 😂

 

너무 이미지 제작에 심취한 오늘을 반성하자... 이상한 곳에 힘쓰고 지친 하루였다.

 

 

 

 

 

실습 + ) 어제 네트워크 문제로 못한 ai 이미지 생성해보기

 

실습 결과물

 

 

(내가 작성한 프롬프트 내용)

A dreamy, surreal scene. Dark purple background sky, with fluffy cotton-candy textured pink clouds. On top of the clouds, there is a round wooden chair. A white bichon dog sits on the chair, playing a ukulele. A spotlight from the sky shines directly onto the dog, highlighting it. Soft, magical lighting, ethereal atmosphere.

 

 

다른 분들은 어제 하셨는데 나는 오늘 해봤다..ㅎㅎㅎ 뭔가 ai 이미지를 만들어봐라 하니까 현실과 동떨어진 느낌을 상상하게 된다.

몽환적인 느낌, 내가 좋아하는 비숑과 우쿨렐레를 조합해서 만들어봤다. 비숑의 머리스타일이 나랑 닮은 것 같다. ㅋㅋㅋㅋㅋㅋㅋ

💡 좀 더 구체적으로 작성하는 법을 알고 싶다. 내가 상상하는 장면을 더 정확하게 표현해내는 능력을 갖고싶어졌다.

 

 

 

 

 

 

 

 

 

💡느낀점

 

내 작업을 다 못하더라도, 최대한 다른 분들의 작업물을 보는 시간을 가지려고 노력했다. 작업은 나혼자 시간만 투자하면 충분히 할 수 있는 영역이다. 다른 사람들의 작업을 보는 것. 이게 수업시간에 가지고 갈 자원이라고 생각한다. 시야를 확장하자.

 

오늘 감사하게도 스터디원이 모아졌다 !

5명 희망했는데 딱 5명이 모인 것도 신기하기도 하고., 구멍 숭숭 많은 얼레벌레 스터디 기획에 관심 가져주셔서 감사할 따름..

이번주 내로 의견 취합해서 스터디 규칙 만들고 다음주부터 수업과 스터디를 병행하는 것을 목표로 하고 있다.

 

앞으로 꾸준히 공부해보자. 💪🏻💪🏻💪🏻