JUST 쇼핑몰 문제풀이 2. 포토샵 웹용 이미지 만들기 (2019 웹디자인 기능사 실기 공개문제)

공개문제를 풀려고하는데 문제지만 딸랑 있고 이미지를 제공해주지 않는다..^^;

그냥 빈 이미지로 하려다가 한문제라도 제대로 풀어보자 싶어서

지시사항을 따라서 만들어본다.

실제 시험장에서도 제공되는 이미지와 텍스트를 활용하여

이미지를 만들어야된다고 하니 연습삼아 포토샵을 켠다.

로고, 슬라이더 부분의 이미지를 읽어보면 특별한 제약은 없고 자유롭게 만들면 되는듯 하다.

로고 만들기

가로 200px 세로 40px 의 상단에 쓰일 로고와

조금 축소된 버전의 footer에 사용될 로고 두개가 필요하다.

심벌없이 로고명을 포함한 워드타입으로 디자인하라고 지시되어있다.

대충 JUST 쇼핑몰 이라고만 적고 Ctrl+Alt+Shift+S 4개를 동시에 눌러 웹용이미지 저장을 한다.

제공된 이미지도 텍스트도 없이 무언갈 만드는게 의외로 막막해서

무료 이미지 사이트인 pixabay에서 의류쇼핑몰 관련 이미지를 받아 사용한다.

((ㅋㅋㅋ 뜻밖의 수치플...))

시험지와 사이즈만 맞춰서 만들어서 똑같이 Save for Web으로 저장해준다.

공지사항과 탭으로 이동가능한 갤러리에 표시될 이미지 3개도 만들어준다.

임의의 크기로 수험자가 알아서 만들면 된다고 지시되어있다. 

메인컨텐츠 부분의 중앙과 오른쪽 부분의 배너와 바로가기 부분의 이미지 사이즈.

컨텐츠 영역 height는 200px이지만 여백이 없으면 너무 답답해 보일것 같아 180px로 맞춘다.

(창의력0..)

마지막 footer는 그레이스케일로 작업된 로고와 sns 아이콘 3개가 필요하다.

구글링을 해서 가져다가 흑백으로만 바꿔서 저장한다.

사용된 SNS 아이콘

동그란 버튼형식으로 만들어줄 것(css background-color, border-radius 사용)을 대비해 꼭 투명이미지인 PNG로 저장해준다.

이미지 공유

혹시나 나처럼 이미지 만들기가 싫은 수험자를 위해 연습용 이미지를 11장을 공유한다.