포토샵강좌 초간단 팝업디자인 작업하기 < 유용한정보보기 < 학생마당 < 대구국비지원무료교육센터 중앙직업전문학교 4차산업전문교육

학생마당

HOME 학생마당

유용한정보보기

유용한정보보기

유용한정보 상세보기
포토샵강좌 초간단 팝업디자인 작업하기
작성자	행정시장	조회수	2,520
등록일	2016.11.17	추천수	0
웹디자인을 하다보면 팝업을 만들어야 될때가 있죠? 오늘은 웹디자인에서 팝업창 만들기 포토샵강좌를 한번 해보도록할게요. 간단하면서 심플한 시각디자인 개강 팝업입니다. 천천히 따라해보세요. 1. 일단 포토샵에서 400 X 400 사이즈의 도화지를 만듭니다. 이때 단위는 꼭 pixel로 하시고 해상도는 72, 색상 모드는 RGB 입니다. 2. 이렇게 도화지가 만들어지면 레이어 패널을 펼쳐주세요. 작업에서 레이어가 아주 중요한건 아시죠. 3. 배경에 사용할 이미지를 하나 불러서 크기를 조절하고 위치를 잡아줍니다. 단축키는 ctrl + t 하시면 조절 할수 있답니다. 조절이 끝나면 엔터를 꼭 눌러 주셔야됩니다. 4. 사각형도구로 검정색 사각형을 전체적으로 하나 만들어주세요. 5. 검정색 레이어의 불투명도를 조절해서 배경이미지의 분위기를 변경해봅니다. 꼭 이렇게 안하셔도 되지만 불투명도를 분위기에 맞게 조절이 쉬워 전 이렇게 합니다. 60%정도 하니 분위가 좋은 것 같은 데 이건 전적으로 작업자의 맘이니 다양하게 표현해보세요. 7. 사각형도구로 또하나의 사각형을 만듭니다. 아래쪽 영역이니 전체적으로 만들진 마시고 화면의 50%정도 차지하게 만듭니다. 만들고 크기조절은 ctrl + t 아까 배우셨던 자유변형 명령을 이용하시면됩니다. 이번 팝업의 컨셉은 심플 깨끗함 자연 3D 입니다. 색상 선택이 아주 중요 하겠죠. 전 청록 계열을 선택했습니다. #009688 8. 배경이미지의 위치와 크기 검정색 레이어의 불투명도 등을 다시 전체적으로 점거하고 수정해봅니다. 9. 새 레이어를 하나 만들고 사각영역툴을 이용해서 청록 영역에 적당한 크기의 사각영영을 드레그합니다. 편집 메뉴에서 선 이라는 메뉴를 눌러 대화 상자를 뜨우고 폭은 1px 색상은 흰색으로 위치는 안쪽으로 해서 확인을합니다. 10. 글자쓰기 툴을 이용해서 흰색 사각영역에 적당한 크기의 시각디자인을 적습니다. 이때 서체가 중요하겠죠. 오늘의 컨셉에 맞게 가늘면서 심플한 서체인 나눔고딕을 하시면 됩니다. 11. 같은 방법으로 글자쓰기 툴을 이용해서 개강 일정을 하나더 입력하고 위치 및 크기를 조절해주시면 됩니다. 12. 나머지 필요한 내용을 더 넣어 주시면 됩니다. 이때 중요한건 오늘의 컨셉입니다. 심플 개끗 자연 이죠. 복잡하지 않도록해주세요. 그래서, 학교 로고도 단순한 형태로 변경해서 넣어 봤네요. 13. 다 만드셨다면 이제 웹 파일로 출력을 해야겠죠. 파일 눌러보시면 웹 및 장치용으로 저장 선택해주시면 대화창 뜨죠 jpeg로 선택하시고 최대값으로 설정하시고 저장눌러주시면 됩니다. 웹에선 jpg랑 png, gif 파일만 올릴수 있다는건 다아시죠? 강좌는 포토샵 cs4 한글판 기준으로 작성되었습니다.

목록 인쇄 삭제

유용한정보 목록
번호	제목	작성자	추천	조회	등록일
32	일정표 엑셀서식	행정실장	0	1,706	2017.01.10
31	공정표 엑셀 프로그램	행정실장	0	5,329	2017.01.10
30	한글 포토샵을 영문 버젼으로 바꾸는 방법	이준규	0	1,239	2017.01.06
29	컴퓨터그래픽 운영기능사 시험 채점 기준	이준규	0	1,986	2017.01.06
28	컴퓨터 그래픽 운영기능사 실기 시험에서 -인디자인 사용법	이준규	0	4,353	2017.01.06
27	2017년 한국산업인력공단 시험 일정입니다. (기사,산업기사)	이준규	0	1,162	2017.01.06
26	2017년 산업인력공단 시험 일정입니다.(기능사)	이준규	0	826	2017.01.06
25	2017년 GTQ 시험일정 입니다.	이준규	0	1,065	2017.01.06
24	웹퍼블리셔가 하는 일	행정실장	0	1,534	2016.12.19
23	시각디자인 웹디자인	행정실장	0	1,002	2016.12.16
22	카메라 raw 파일편집	행정실장	0	997	2016.12.13
21	포토샵 관련 자격증을 준비	행정실장	0	1,516	2016.12.09
20	hrd 훈련교재 자료실 사용법	행정실장	0	1,606	2016.12.07
19	패션과 교재 (의류상품학)	윤동원	0	1,085	2016.12.07
18	웹디자인이 필요한 분야, 어떤곳이 있을까요?	행정실장	0	1,255	2016.12.05

비밀번호를 입력하세요.

비밀번호

비밀번호를 입력하세요.

비밀번호

게시판을 선택하세요.

게시판선택

신고사유를 선택하세요.

신고사유