실무에서 사용되는 다양한 디자인 예제를 활용하여 비교적 간단한 테크닉에서 난이도가 높은 테크닉까지 직접 배워볼 수 있도록 구성하였습니다. 각 파트별 구성 내용 또한 기본적인 메뉴와 필터의 활용을 배워보는 기초적인 단계에서 웹디자인에 자주 등장하는 예제 만들기, 사진 리터칭의 묘미를 알려주는 리터칭 기법, GUI, 타이포 등 다양한 장르를 다루어 누구든지 확실하게 실무를 익힐 수 있도록 구성하였습니다. 이렇게 총 42개의 예제들을 익혀봄으로써 실무 적응력뿐 아니라 아이디어 소스로 활용할 수 있게 됩니다. 더불어 폰트와 패턴 등을 CD에 수록하여 업무 지원에도 도움을 주게 됩니다.

Part 01 - Warming up - 수준 높은 이미지 제작을 위한 필수 스킬 배우기

know how01 다양하고 화려한 색상을 가진 이미지 만들기
[+1] 1.흩날리는 꽃잎 표현하기
[+2] 2.바탕이 투영되어 보이는 물방울 배치하기
Step 01. [Threshold]로 음영 값을 강조하여 배경에서 추출하기
Step 02. [Gradient Overlay]적용하고 브러시 등록하기
Step 03. 브러시 옵션 조절하고 브러시 리터칭하기
Step 04. 이미지 반전 후 텍스트 적용하기

know how02 강력하고 화려한 불타는 효과의 이미지 만들기
[+1] 1.나비와 텍스트에 불꽃 이미지를 가두기
[+2] 2.색상 반전과 레이어 블랜딩 조정하기
Step 01. [Extract] 필터를 이용하여 배경에서 불꽃 분리하기
Step 02. 불꽃 오브젝트를 복사하여 새롭게 구성하기
Step 03. 레이어 블랜딩 모드 변경과 채널 팔레트 영역에 채색하기

know how03 픽셀로 작업 된 이미지 또렷하게 키우기
[+1] 1.80~90년대 8Bit 게임 만들기
[+2] 2.블록 이미지 만들기
Step 01. 블랜딩 모드를 이용하여 다양한 색을 가진 별무리 표현하기
Step 02. 게임에 나오는 캐릭터를 픽셀 작업하기
Step 03. 이미지 보정 값 바꾸고 캐릭터 배치하기

know how04 Mobile Screen - 도트 이미지
[+1] 1.둥근점 패턴으로 이루어진 돌고래 이미지 만들기
[+2] 2.[Save for Web] 명령을 사용하여 웃는 아기 이미지 패턴으로 만들기
Step 01. 점으로 이루어진 아이콘 만들기
Step 02. 바탕화면과 액정화면 광택 표현하기
Step 03. 데이터 로딩 바 표현하기
Step 04. 16비트 화면의 표현과 문자 입력하기

know how05 차츰차츰 또렷해지는 문자 애니메이션 만들기
[+1] 1.화려한 색상의 띠가 움직이는 애니메이션 만들기
[+2] 2.먹물이 번져나가는 듯한 애니메이션 만들기
Step 01. 그레이디언트 툴을 이용하여 배경 만들기
Step 02. 각각의 레이어에 서로 다른 모자이크 필터 값 적용하기
Step 03. ImageReady에서 애니메이션 적용하기

know how06 중국풍의 메뉴 이미지 만들기
[+1] 1.붉은색 강조하기
[+1] 2.품격을 강조한 낮은 채도의 이미지 만들기
Step 01. 패턴 적용하기
Step 02. 레이어 마스크와 블랜딩 모드 조절하기
Step 03. 거친 종이 질감과 브러시 리터칭하기
Step 04. 수묵화 느낌의 물고기와 메뉴 활성화하기

know how07 이미지를 찢어진 종이와 어안렌즈 효과로 만들기
[+1] 1.찢어지고 불에 그슬린 종이의 질감 표현하기
[+2] 2.어안 렌즈로 본 것 같은 이미지 만들기
Step 01. 찢어진 종이 부분 추출하기
Step 02. 찢어진 종이 효과 만들기
Step 03. 찢어진 종이 부분에 색상과 그림자 적용하기
Step 04. 글자 영역을 마스킹하고 어안 렌즈 효과 적용하기

Part 02 - Web Design - 웹디자인에 필요한 아이콘과 GUI

know how08 아쿠아 빛나는 물고기 이미지 만들기
[+1] 1.여러 가지 모양의 [Shape]에 레이어 스타일 적용하기
[+2] 2.안료를 넣고 성형한 것 같은 유리 질감의 이미지 만들기
Step 01. 물고기 모양에 두께와 반사 등을 표현하기
Step 02. 유리 빛깔과 가장자리의 반사 표현하기
Step 03. 물고기의 안쪽의 돌출된 부분 표현하기
Step 04. 배경의 왜곡과 레이어 블랜딩으로 색유리 이미지 표현하기

know how09 입체 모양의 다양한 아이콘 만들기
[+1] 1.포토샵 CS2가 제공하는 레이어 스타일 적용하기
[+2] 2.여러 가지 돌출되어 보이는 레이어 스타일 적용하기
Step 01. 파란 구슬 모양 아이콘 만들기
Step 02. 파란 딱지 모양 아이콘 만들기
Step 03. 금속 바탕에 노란 구슬 아이콘 만들기
Step 04. 금속 바탕에 볼록하게 솟은 아이콘 만들기

know how10 수정 구슬에 비쳐 굴절된 이미지 만들기
[+1] 1.어두운 공간 위에 떠있는 투명 아이콘 표현하기
[+2] 2.유리 질감의 광택이 나는 폴더와 공간을 떠다니는 부유물의 표현
Step 01. 구슬의 반사면 표현하기
Step 02. 구슬의 그림자와 반사광 표현하기
Step 03. 투명하게 비치는 수정 구슬 이미지 만들고 굴절시키기
Step 04. 색상과 크기를 변화시킨 레이어 Set들을 복사하고 배치하기

know how11 달콤 달콤! 설탕과자 아이콘 만들기
[+1] 1.막대사탕 만들기
[+2] 2.안료가 섞인 유리 질감의 버튼 만들기
Step 01. 이미지 왜곡시키고 소용돌이 만들기
Step 02. 투명함과 광택을 지닌 아이콘 만들기
Step 03. 설탕 과자 표면에 글자 입히기
Step 04. 설탕 과자 이미지를 복사하고 배치하기

know how12 Far Beyond Flying - 미니 사이트 만들기
[+1] 1.배경이 다른 미니멀한 느낌의 사이트 디자인
[+2] 2.공간감을 지닌 미니 사이트 디자인
Step 01. 비행선 강조하기
Step 02. 상단 타이틀 바에 패턴 적용하기
Step 03. 광택 효과 만들기
Step 04. 구름 아이콘 만들고 채도와 명도 조정하기

know how13 그래피티 디자인이 적용된 클럽 프로모션 만들기
[+1] 1.스포트라이트 효과를 추가하기
[+2] 2.스포트라이트 효과와 [Gradient Map] 색상을 다르게 설정하기
Step 01. 바탕 조명 이미지 만들기
Step 02. 그래피티에 레이어 스타일 적용 후 블랜딩 모드 변경
Step 03. 형광 효과 주기
Step 04. 레코드판에 광택과 타이틀에 Glow효과 주기

know how14 입체적으로 배치된 3D 모양의 GUI 만들기
[+1] 1.투명한 모바일 아이콘 배치와 심도를 지닌 이미지 만들기
[+2] 2.바닥에 반사되어 보이는 모바일 아이콘
Step 01. 발광 효과 표현하기
Step 02. 광택 효과와 입체 표현하기
Step 03. 카메라의 심도 표현하기

know how15 은은하게 그림이 변하는 GIF 애니메이션 만들기
[+1] 1.점차 바탕 이미지가 나타나는 Gif 애니메이션 만들기
[+2] 2.가로 방향으로 흐려진 로고가 뚜렷해지는 Gif 애니메이션 만들기
Step 01. 애니메이션으로 만들 바탕 레이어 제작하기
Step 02. 프레임 사이의 트위닝(Tweening)과 새로운 효과 적용하기
Step 03. 트위닝(Tweening)하여 애니메이션을 완성하고 GIF로 저장하기

know how16 브러시 툴을 이용하여 한 폭의 동양화같은 수묵 담채화 만들기
[+1] 1.연등 이미지와 바탕 이미지 변경하기
[+2] 2.바탕 이미지의 색상 적용과 대나무 그림 입히기
Step 01. 생선 비늘을 닮은 배경 만들기
Step 02. 붓으로 채색한 효과 만들기
Step 03. 색이 번져나가는 수묵화 효과

Part 03 - Photo retouching - 다른 사고와 시각으로 풀어내는 이미지

know how17 커피로 그림을 그리자-라떼 아트 만들기
[+1] 1.소용돌이치는 라떼 아트
[+2] 2.초코 시럽이 들어간 라떼 아트
Step 01. [펜] 툴(Pen Tool)로 만든 영역으로 이미지 마스킹하기
Step 02. [Liquify] 필터 리터칭으로 이미지 만들기

know how18 Variations를 이용하여 빛바랜 옛 추억의 느낌을 간직한 이미지 만들기
[+1] 1.거친 질감의 프레임 적용하기
[+2] 2.거친 질감의 이미지 만들기
Step 01. [Variations]를 이용하여 사진 보정하기
Step 02. [Add Noise] 효과를 주고 테두리 그리기
Step 03. 다른 이미지를 흑백으로 변환하여 브러시로 등록하기
Step 04. 등록된 브러시로 테두리 리터칭하기

know how19 POP STYLE의 일러스트레이션 만들기
[+1] 1.붉은색의 도트 이미지로 표현
[+2] 2.캔버스의 헝겊 질감 표현
Step 01. 저해상도의 망점 효과 적용하기
Step 02. 색상 조정과 블랜딩 모드 조정하기
Step 03. 이미지의 윤곽 강조하기

know how20 중장비 이미지를 단순화하여 포스터 만들기
[+1] 1.남미의 혁명 포스터
[+2] 2.근대의 중국 지도자
Step 01. 단순화한 이미지 만들기
Step 02. 무거운 배경 느낌 표현하기
Step 03. 붉게 녹슨 문자 표현하기

know how21 일반 이미지를 만화같이 단순화된 이미지로 바꾸기
[+1] 1.웨딩 이미지
[+2] 2.요가
Step 01. [Cutout] 필터를 적용하고 채도 강조하기
Step 02. ‘Highlight’ 부분 추출하고 이미지에 적용하기
Step 03. 머리카락과 타이틀 제작하기

know how22 모여모여 이미지를 만드는 모자이크 이미지 만들기
[+1] 1.숲속의 난쟁이 요정
[+2] 2.다스베이더
Step 01. [Andrea Mosaic] 프로그램 인스톨하기
Step 02. 연산을 돕기 위한 이미지 분할하기
Step 03. [Andrea Mosaic]을 이용한 모자이크 이미지 생성하기
Step 04. 포토샵에서 도큐먼트를 생성하고 이어붙이기

Part 04 - Text & Texture - 타이포그라피 와 여러 가지 질감 느낌 전달하기

know how23 레이어 스타일을 이용하여 올록볼록한 타일 만들기
[+1] 1.각진 모양의 조약돌 바닥 만들기
[+2] 2.다른 질감의 조약돌 바닥 만들기
Step 01. [Lighting Effect]를 적용하여 타일 바탕 만들기
Step 02. 조약돌 모양의 조각 만들기
Step 03. 돌 질감 입히고 두께와 광택을 준 다음 그림자 적용하여 완성하기

know how24 왜곡된 이미지 위에 [Neon Effect] 네온 효과 만들기
[+1] 1.다른 색상의 네온
[+2] 2.잃어버린 자전거 이야기
Step 01. 이미지를 왜곡하여 입체감 있게 만들기
Step 02. [Motion Blur]로 두께 주기
Step 03. 네온관 반사 효과 만들기
Step 04. 조명과 반사 효과 만들기

know how25 문자 이미지가 긁힌 거친 페인트 효과 만들기
[+1] 1.거친 질감의 바탕과 어울리는 로고 만들기
[+2] 2.불에 그슬린 거친 로고 만들기
Step 01. 레이어 복사 후 흑백 이미지 만들기
Step 02. 흑백 이미지 다른 파일로 저장하고 [Displace] 필터 적용하기
Step 03. 바탕 이미지를 마스킹하여 'Typography' 위에 적용하기

know how26 녹슬고 오래된 글자 효과 만들기
[+1] 1.녹슬고 벗겨진 로고 만들기
[+2] 2.부식되어 보이는 로고 만들기
Step 01. 글자 영역 외곽을 거칠게 만들기
Step 02. 배경 이미지와 글자간의 교집합 추출하기
Step 03. 추출한 채널 영역을 배경에서 복사해서 효과주기

know how27 반짝이는 금속 재질감의 라벨 만들기
[+1] 1.더욱 강렬한 빛의 반사와 그림자 표현하기
[+2] 2.금속 식기 이미지
Step 01. 알루미늄 재질의 바탕 만들기
Step 02. 금속 라벨 만들기
Step 03. 음각 글씨 파기
Step 04. 반사광과 그림자 표현하기

know how28 맛있는 쿠키맨 만들기
[+1] 1.초콜릿 바탕에 과자 조각 추가하기
[+2] 2.초콜릿 데코레이션과 막대사탕
Step 01. 쿠키 질감의 바탕 만들기
Step 02. 레이어 마스킹하고 두껍게 만들기
Step 03. 데코레이션과 문자 영역 마스킹하기
Step 04. 타이틀 외형을 거칠게 만들고 가장자리 색상을 보정하기

know how29 퍼즐 맞추기 놀이 이미지 만들기
[+1] 1.첫 걸음마
[+2] 2.낡은 구두
Step 01. [Puzzle Texture] 이미지에 적용하기
Step 02. [Puzzle]이 채워지지 않은 곳 선택하기
Step 03. 채워지지 않은 곳과 [Puzzle] 조각 표현하기
Step 04. 세부적인 리터칭하기

know how30 여러 천을 겹쳐 만든 누빔 헝겊 이미지 만들기
[+1] 1.헝겊 무늬와 누빔 실을 바꿔보기
[+2] 2.천연 물감을 들인 거칠게 짠 직물이미지
Step 01. 패턴 등록과 세이프를 브러시로 등록하기
Step 02. 헝겊 바탕에 질감 및 입체감 주고 문양 적용하기
Step 03. 바느질 박음선 표현하기
Step 04. 로고 색칠하고 박음선 표현하기

know how31 청바지에 글자 새겨 세일 포스터 만들기
[+1] 1.청바지의 색상 변경하기
[+2] 2.찢어진 청바지 표현하기
Step 01. 패턴과 레이어 블랜딩 모드를 조절하여 청바지 질감 만들기
Step 02. [3D Transform]으로 입체를 만들고 [패스] 툴을 이용하여 주머니 만들기
Step 03. 바느질과 구리 재질의 단추 표현하기
Step 04. 청바지의 물 빠짐 표현과 문자 표현하기

know how32 8비트 컬러를 이용하여 십자수 바탕 이미지 만들기
[+1] 1.커다란 입자로 표현된 그림 만들기
[+2] 2.단순화된 픽셀 이미지의 팬더 곰
Step 01. 이미지의 색상 단순화하기
Step 02. 단순화된 색상 영역을 채울 큐브 이미지 제작하기
Step 03. 큐브 이미지의 적용과 이미지 확대하기

know how33 사운드 웍스 스피커 만들기
[+1] 1.[Gradient Overlay] 색상 변환으로 다른 느낌의 이미지 만들기
[+2] 2. 별 무리 진 레이어에 [Glow] 효과 추가하기
Step 01. 스피커의 굴곡 표현하기
Step 02. 음장 효과와 구 형태의 발광 표현하기
Step 03. 광선과 발광 표현하기
Step 04. [Gradient Overlay]를 적용하고 리터칭하기

Part 05 - Graphic User Interface - 사용자 중심의 다양한 매체 디자인

know how34 패스를 따라 흐르는 라디오 스타 라벨 만들기
[+1] 1.CD의 외형에 맞춰 이미지 배치하기
[+2] 2.CD 뒷면의 광택 표현하기
Step 01. [Measure] 툴을 이용하여 CD 라벨 폼 재단하기
Step 02. 일정한 비율로 축소시켜 색상 입힌 후 바탕 만들기
Step 03. 별 모양을 브러시로 등록하고 Path를 이용하여 배열하기
Step 04. 테두리 부분에 문자 입력과 CD 라벨 양식에 클리핑하기

know how35 헤비메탈 앨범 자켓 만들기
[+1] 1.실제 화선지에 그린 것 같이 먹의 번짐 표현하기
[+2] 2.양각으로 새겨진 티베트 문자
Step 01. 채널을 이용하여 배경 이미지 만들기
Step 02. 로고 영역에 불꽃 이미지를 이루는 색상 적용하기
Step 03. 마스크 영역 조정으로 사실적인 불꽃 표현하기
Step 04. [Lighting Effects] 적용하여 돌출된 타이틀 만들기

know how36 Tivoli Radio 티볼리 라디오
[+1] 1.CD 플레이어 만들기
[+2] 2.심플한 디자인의 PMP
Step 01. 라디오 채널 튜너 표현하기
Step 02. 튜너와 볼륨 버튼에 홈파기
Step 03. 발광 다이오드와 스피커 만들기
Step 04. 주파수 채널과 그림자 그리기

know how37 비디오 재생기 화면 만들기
[+1] 1.게임 시작 화면 삽입하기
[+2] 2.홈 엔터프라이즈 OS 화면
Step 01. 스테인 글라스 질감 만들어 클리핑하기
Step 02. 금속 질감의 원형 버튼 만들기
Step 03. 검은색 플라스틱 질감의 버튼 만들기
Step 04. 플레이어 화면에 광택 표현하기

know how38 PMP의 모바일 화면 이미지 만들기
[+1] 1.PMP 배경 화면 변경
[+2] 2.컬러풀한 모자이크 화면 적용하기
Step 01. 패턴을 왜곡하고 화면의 밝은 부분을 강조하기
Step 02. 메뉴 활성화하고 폴더 표현하기
Step 03. 외부 파일의 스타일 적용하기
Step 04. [Layer Set]을 복사하고 배치하기

know how39 자연 친화적인 형태의 한의원 홈 페이지 만들기
[+1] 1.한지 바탕에 먹물이 번진 것 같은 바탕이미지
[+2] 2.거친 느낌의 브러시 리터칭
Step 01. 볏짚 패턴으로 배경 이미지 구성하기
Step 02. 한자 이미지 배경과 자연스럽게 합성하기
Step 03. 서브 메뉴의 바탕이 될 이미지 만들기
Step 04. 메뉴와 내용 글의 바탕 이미지 완성하기

know how40 포토샵으로 인테리어 시공하기
[+1] 1.다른 질감의 [Texture]와 [Pattern]을 적용한 벽면
[+2] 2.벽면을 도배지로 둘러싸고 빛을 표현하기
Step 01. [펜] 툴(Pen Tool)을 이용한 채움 영역 이외에 영역 만들기
Step 02. 벽지 재질과 패턴 적용 후 필요 없는 그림 지우기
Step 03. 문틀의 음영을 표현하고 무늬 적용하기
Step 04. 벽체 색상 조정하기

know how41 게임에 사용되는 우주 공간 배경 이미지 만들기
[+1] 1.이미지의 색상 변경과 다양한 [Glow] 효과의 표현
[+2] 2.쇼 무대에 쓰이는 조명 표현하기
Step 01. 우주 공간을 둘러싼 가스층 표현하기
Step 02. 광선의 표현과 빛의 산란 효과 만들기
Step 03. 우주 공간의 반사면 제작하기
Step 04. 타이틀의 발광 효과와 반사 표현하기

know how42 의학 세미나용 프레젠테이션 이미지 만들기
[+1] 1.도트 패턴 이미지를 바탕 화면에 적용하기
[+2] 2.물결무늬의 띠 이미지를 바탕 화면에 적용하기
Step 01. 그래프의 두께 표현한 후 테두리에 그레이디언트 적용하기
Step 02. 프레젠테이션 화면에 배치하기
Step 03. 레이어 스타일을 다중 적용하여 배경 화면 구성하기
Step 04. 타이틀과 그래프 등에 발광 효과 표현하기