포토샵 기초1 - 일반 JPG 배너제작
시각디자인의 한 분류인 웹디자인에서 이미지를 편집하거나 디자인요소의 추가, 레이어스타일 및 필터 등 효과(fx. Effect)를 표현하는 포토샵은 너무 광범위한 분야에서 사용합니다. 교재에서 보는 기본 개념외에 필자만의 독특한 노하우로 포토샵을 처음 하는 분들을 위한 1편으로 배너제작 무작정 따라하기를 소개합니다.
A. 사진편집 보정 - 사진파일(JPG) 열어 편집
B. 규격(웹,영상 화면 / 종이 편집디자인) - 새 문서(PSD)
ex) 웹규격에 맞게 문서명은 Ban_Sam 규격은 600x150px
위 규격대로 로 배너광고를 제작하면서 디자인과정을 따라해보겠습니다. 아래는 JPG 움직이지 않는 기본배너입니다.
여기까지는 움직이지 않는 JPG배너제작의 교육내용과 결과물인 관련 디자인 원본파일입니다.
포토샵 기초1- 움직이는 GIF 배너제작
Fram Animaiton의 원리로 만든 GIF 움직이는 배너입니다. 상하좌우 움직임을 주는 위치변화 Position / 투명한 정도인 Opacity / 레이어스타일의 변화 Effect는 기본 이미지 1개로 프레임이라는 시점별 변화를 자동으로 프레임 마다 다른 프레임 바이 프레임(Frame By Frame) 애니메이션과 2개의 키프레임 사이의 변화를 자동으로 표현하는 트위닝(Tweening) 애니메이션 방식을 표현하는 움직이는 배너를 제작해봅니다.
포토샵의 기본 - 선택도구
포토샵의 기본이 되는 선택도구의 사용법을 아래 배너를 통해서 자세히 배워봅니다.
포토샵 기초2- 바탕화면 제작 무작정 따라하기
선택도구와 레이어 그룹 등 포토샵을 처음 하는 분들을 위한 바탕화면 제작 무작정 따라하기를 소개합니다.
포토샵의 체험판 설치와 사양보기
CS6도 웹디자인에는 무리가 없습니다만, 포토샵의 사용을 위해서 CC버전 설치와 컴퓨터 사양보기를 통해서 작업할 환경을 준비해봅니다. 현재는 구독방식으로 월/년 구독료를 내고 사용해야 합니다. 아래 배너를 통해 자세히 알아봅니다.
'Photoshop' 카테고리의 다른 글
웹디자인 포토샵3 - 공간에 채색하기 (0) | 2022.03.07 |
---|---|
웹디자인 포토샵 기초2- 자르기와 웹용 슬라이스 (0) | 2022.03.04 |
유튜브 미리보기 이미지(썸네일) 디자인 (0) | 2022.02.17 |
필터 하프톤 패턴과 알파채널 (0) | 2022.02.03 |
포토샵의 별빛 브러시 등록과 Path를 따라가는 브로시 스트로크 (0) | 2022.01.27 |