본문 바로가기


웹디자인 포토샵 기초1 - 무작정 따라하기

 포토샵 기초1 -  일반 JPG 배너제작

시각디자인의 한 분류인 웹디자인에서  이미지를 편집하거나 디자인요소의 추가, 레이어스타일 및 필터 등 효과(fx. Effect)를 표현하는 포토샵은 너무 광범위한 분야에서 사용합니다.  교재에서 보는 기본 개념외에 필자만의 독특한  노하우로 포토샵을 처음 하는 분들을 위한 1편으로 배너제작 무작정 따라하기를 소개합니다.

 

A. 사진편집 보정 - 사진파일(JPG) 열어 편집
B. 규격(웹,영상 화면 / 종이 편집디자인) - 새 문서(PSD)
   ex) 웹규격에 맞게  문서명은 Ban_Sam   규격은 600x150px

 

위 규격대로 로 배너광고를 제작하면서 디자인과정을 따라해보겠습니다.  아래는 JPG 움직이지 않는 기본배너입니다.

 

Ban_SM.psd
0.37MB

 

여기까지는 움직이지 않는 JPG배너제작의 교육내용과 결과물인 관련 디자인 원본파일입니다.


 포토샵 기초1-  움직이는 GIF 배너제작 

 

Fram Animaiton의 원리로 만든  GIF 움직이는 배너입니다.  상하좌우 움직임을 주는 위치변화 Position / 투명한 정도인 Opacity / 레이어스타일의 변화 Effect는 기본 이미지 1개로 프레임이라는 시점별 변화를 자동으로 프레임 마다 다른 프레임 바이 프레임(Frame By Frame) 애니메이션과 2개의 키프레임 사이의 변화를 자동으로 표현하는 트위닝(Tweening) 애니메이션 방식을 표현하는 움직이는 배너를 제작해봅니다.

 

Ban_SM_Frame.psd
0.39MB


 

 

포토샵의 기본 - 선택도구

포토샵의 기본이 되는 선택도구의 사용법을 아래 배너를 통해서 자세히  배워봅니다.

 

포토샵 1편 선택도구

시각디자인의 분류에 해당되는 영상디자인 분야는 시청각을 통해 가장 정보전달력이 뛰어나서 구글이 서비스하는 동영상 공유 플랫폼인 유튜브 등의 영상매체가 갖는 매력적인 요소이다. 포토

oztv.tistory.com

 

 

 포토샵 기초2- 바탕화면 제작 무작정 따라하기

선택도구와 레이어 그룹 등 포토샵을 처음 하는 분들을 위한 바탕화면 제작 무작정 따라하기를 소개합니다.

 


 

포토샵의 체험판 설치와 사양보기

CS6도 웹디자인에는 무리가 없습니다만, 포토샵의 사용을 위해서 CC버전 설치와 컴퓨터 사양보기를 통해서  작업할 환경을 준비해봅니다.  현재는 구독방식으로 월/년 구독료를 내고 사용해야 합니다.  아래 배너를 통해 자세히 알아봅니다.

 

 

Adobe CC 시험판 설치와 사용(USB 4GB~NTFS)

프리미어(Premiere)는 가슴떨리는 "영화와 연극의 첫 공연(초연), 첫작품"을 말합니다. 전통적으로 2D 그래픽분야의 응용프로램(앱)의 표준은 Adobe사의 제품군들이 절대적인 표준입니다. 영상편집(Vi

oztv.tistory.com