웹디자인

Similar documents
웹디자인

1

DioPen 6.0 사용 설명서

PowerPoint 프레젠테이션

photoshop7-4-Image.hwp

Week3

(, )

1809_2018-BESPINGLOBAL_Design Guidelines_out

화면상에보이게하거나숨기게하도록한다. p tif tip> windows 에서제공하는팔레트메뉴는토글기능이므로화면에보였다숨겼다를 번갈아가면서선택할수있다. 02 일부팔레트를버튼을클릭하여제거하여작업화면을조절한다음 [Windows]-[Workspace]-[Save

TipsTricks.book

<BCF6C1A4BABB5FB9E6B0FAC8C45F33355FC1A4BAB8C8AD20B1B3C0B D20C6F7C5E4BCA520C8B0BFEBC7CFB1E22E687770>


Microsoft PowerPoint - 10주.pptx

1

EndNote X2 초급 분당차병원도서실사서최근영 ( )

디지털영상처리3

(Microsoft PowerPoint - [2011]GTQ_\271\256\301\246\307\256\300\314\306\301.ppt)

Orcad Capture 9.x


Gray level 변환 및 Arithmetic 연산을 사용한 영상 개선

Mentor_PCB설계입문

Week Raster 이미지나사진편집은 Photoshop 이최강! Photoshop 은사진및그림등과같은이미지파일에대하여다양한편집및수정을할수있는 2D 비트맵이미지편집소프트웨어의대표주자이며, 특히사진등과같은이미지의색상보정, 오래된사진복원, 합성, 문자디자인, 인

LCD Display

2

쉽게 풀어쓴 C 프로그래밍

Microsoft PowerPoint - HS6000 Full HD Subtitle Generator Module Presentation

2005CG01.PDF

Why 3D Max?

Microsoft PowerPoint - 2주.pptx

Scene7 Media Portal 사용

mobile_guide_SA

MAX+plus II Getting Started - 무작정따라하기

KPS-19MA-1.hwp

OOO Paint

목차 윈도우드라이버 1. 매뉴얼안내 운영체제 (OS) 환경 윈도우드라이버준비 윈도우드라이버설치 Windows XP/Server 2003 에서설치 Serial 또는 Parallel 포트의경우.

ez-shv manual

coinone_brand_guide_(KOR) 복사본

<4D F736F F F696E74202D C61645FB3EDB8AEC7D5BCBA20B9D720C5F8BBE7BFEBB9FD2E BC8A3C8AF20B8F0B5E55D>

B _00_Ko_p1-p51.indd

untitled

Remote UI Guide

MCM, PCB (mentor) : da& librarian jakup & package jakup & layout jakup & fablink jakup & Summary 2 / 66

PowerSHAPE 따라하기 Calculate 버튼을 클릭한다. Close 버튼을 눌러 미러 릴리프 페이지를 닫는다. D 화면을 보기 위하여 F 키를 누른다. - 모델이 다음과 같이 보이게 될 것이다. 열매 만들기 Shape Editor를 이용하여 열매를 만들어 보도록

소개 SketchBook Pro for Android 스케칭... 6 갤럭시 노트용 SketchBook Pro 사용자에 대한 안내... 6 S Pen 사용자를 위한 S Menu... 7 Easy Clip (이지 클립)... 7 클러치... 7 도구 모음... 8 정보

<4D F736F F F696E74202D203137C0E55FBFACBDC0B9AEC1A6BCD6B7E7BCC72E707074>

3D MAX + WEEK 9 Hansung Univ. Interior Design

Microsoft Word - flash19.doc

2011년 10월 초판 c 2011 Sony Corporation. All rights reserved. 서면 허가 없이 전체 또는 일부를 복제하는 것을 금합니다. 기능 및 규격은 통보 없이 변경될 수 있습니다. Sony와 Sony 로고는 Sony의 상표입니다. G L

디지털영상처리3

TRIBON 실무 DRAFT 편 조선전용 CAD에 대한 기초적인 사용 방법 기술 기술지원팀

(Microsoft PowerPoint - \301\24608\260\255 - \261\244\277\370\260\372 \300\347\301\372)

포토샵 필터 정리

untitled

STARFIELD BRAND IDENTITY DESIGN GUIDELINES 2

e-비즈니스 전략 수립

제이쿼리 (JQuery) 정의 자바스크립트함수를쉽게사용하기위해만든자바스크립트라이브러리. 웹페이지를즉석에서변경하는기능에특화된자바스크립트라이브러리. 사용법 $( 제이쿼리객체 ) 혹은 $( 엘리먼트 ) 참고 ) $() 이기호를제이쿼리래퍼라고한다. 즉, 제이쿼리를호출하는기호

K_R9000PRO_101.pdf

UI VoC Process 안

PowerPoint 프레젠테이션

Microsoft PowerPoint - java1-lab5-ImageProcessorTestOOP.pptx

Data Sync Manager(DSM) Example Guide Data Sync Manager (DSM) Example Guide DSM Copyright 2003 Ari System, Inc. All Rights reserved. Data Sync Manager

슬라이드 1

untitled

슬라이드 1

Macaron Cooker Manual 1.0.key

Smart Power Scope Release Informations.pages


PowerPoint Template

1 Nov-03 CST MICROWAVE STUDIO Microstrip Parameter sweeping Tutorial Computer Simulation Technology

HX - Operation Manual MC / TC / CUT / QT HX Series(V2.x) Operation Manual for MC / TC / CUT / QT CSCAM

SMT Kor.indd

슬라이드 제목 없음

9장 프리미어 프로 CS4 시작하기

Microsoft PowerPoint - logo_2-미해답.ppt [호환 모드]

Microsoft PowerPoint - multi-3.ppt

Microsoft PowerPoint - 05geometry.ppt

PowerPoint 프레젠테이션

국가기술자격실기시험문제 자격종목항공사진기능사과제명영상지도제작 비번호 : 시험시간 : [ 표준시간 : 3 시간, 연장시간 : 없음 ] 1. 요구사항 다음의요구사항을시험시간내에완성하시오. 가. 항공사진기본처리 ( 답안지에작성 ) 주어진파일 < 항공사진기본처리.tif> 를기

SMISyncW을 활용한 자막 병합

1. 무선 이미지 유틸리티 설명 1-1. 기능 이 Wireless Image Utility 는 안드로이드용 응용 프로그램입니다. 안드로이드 태블릿 또는 안드로이드 스마트폰에서 사용할 수 있습니다. 안드로이드 기기에 저장된 파일을 프로젝터로 무선 전송 컴퓨터에서 USB

BMP 파일 처리

120827_NaverGreenWindow_GUIDE_ai.ai

PowerPoint 프레젠테이션

목차 제 1 장 inexio Touch Driver소개 소개 및 주요 기능 제품사양... 4 제 2 장 설치 및 실행 설치 시 주의사항 설치 권고 사양 프로그램 설치 하드웨

CD-RW_Advanced.PDF

Tablespace On-Offline 테이블스페이스 온라인/오프라인

KakaoStoryAd_Banner_Creative_guide_ver0.1_

슬라이드 1

STRIP LIGHT LED SOLUTION

Microsoft Word - LTL-XL RSC vers Nov. 08 _Korean Version_.doc

Łø·ŸÕ=¤ ¬ ÇX±xÒ¸ 06 - Èpº– 1

슬라이드 1

Windows 8에서 BioStar 1 설치하기

Premiere Pro 15 이펙 정리.hwp

좋은 사진 찍는 방법

SH100_V1.4


BT.709 DCI BT [ 1] TTA Journal Vo

PowerPoint Presentation

Network Security - Wired Sniffing 실습 ICNS Lab. Kyung Hee University

Transcription:

1. 포토샵이해

1. 포토샵이해 어도비 (www.abobe.com) 에서개발 - 포토샵 CS2 버전이후부터 Adobe Creative Suite 라는통합패키지로출시 - 최근버전 CS6 > CC > CC2014 > CC2015 - 확장자 *.psd Adobe Creative Suite 제품군에속한프로그램 - Design Premium - Design Standard - Web Premium - Production Premium - Master Collection

2. 포토샵활용 그래픽디자인웹디자인앱 ( 모바일 ) 디자인인쇄광고사진애니메이션기타..

3. 활용예

3. 활용예

2. 디자인의이해

1. 디자인의정의 인간생활의목적에알맞고 실용적이며미적인조형을 계획하고실현하는과정과그에따른결과 미 ( 美 ) 와용 ( 用 ) 을계획하여실현

3. 이미지처리방식

1. 이미지처리방식 1) bitmap 픽셀 (pixel) 로구성 확대해서보면픽셀의형태가보여깨져보이는현상이일어남 자연스럽고사실적인표현이가능 고품질의이미지를만들기위해해상도를올려야함 해상도를올릴수록파일의용량이커지는단점 대표적인프로그램 : photoshop, painter

1. 이미지처리방식 2) vector 수학적인계산에의해선과곡선으로구성되는이미지 점과선의갯수로파일의용량이결정 간단한이미지에서는같은크기의비트맵파일보다훨씬적은용량 자연스러운이미지와색상의표현에한계 logo 제작이나캐릭터등비교적간단한이미지제작에쓰임 대표적인프로그램으로는 Illustrator, flash 등

1. 이미지처리방식 3) 비교 벡터 확대 원본 픽셀 비트맵

1. 이미지처리방식 4) 처리방식변환 Ex) photoshop : type tool 래스터라이징 vector bitmap 벡터라이징 Ex) illustrator : live trace

2. 해상도 (resolution) 디스플레이장치나인쇄물에서이미지의정밀도 해상도가높을수록이미지가세밀함 단위 : 1인치당들어가는픽셀의수 dpi(dot per inch인쇄용 ), ppi(pixel per inch디스플레이용 ) 단위사용 1 inch 1 inch 10dpi 5dpi Ex) 4 인치 x5 인치크기의해상도 72ppi 은몇픽셀?

2. 해상도 10dpi 5dpi

2. 해상도

3. anti-alias 계단현상 : 비트맵이미지에서픽셀이사각형이기때문에발생 계단현상을최소화하기위한옵션 가장자리픽셀과바탕픽셀사이의중간색상사용 곡선부분에서거칠게나타나는것을감쇄 계단현상 Anti-alias

4. media Digital media 웹, 동영상, 모바일등 해상도 : 72dpi 단위 : px 컬러체계 : RGB vs Print media 책, 잡지, 포스터, 명함등해상도 : 300dpi( 최소150이상 ) 단위 : Cm(mm) 컬러체계 : CMYK

4. 확장자

1. psd 포토샵고유확장자 레이어를모두저장 원본파일이므로꼭저장 > 차후수정가능 psd 파일 ( 레이어있음 ) 다른확장자 ( 레이어없음 )

2. jpg 이미지를압축 ( 손실압축기법 ) 24bit, 트루컬러를사용하여많은수의색상을표현 컬러표현이많기때문에섬세한이미지에적합 ( 사진 ) 압축률이높은손실압축을사용하기때문에이미지세부정보상실 이미지의품질조정가능 ( 품질낮추면용량줄어듦 )

3. png Portable Network Graphic 약자 24bit 풀컬러사용할수있어서섬세한이미지표현가능 jpg 파일보다파일용량이늘어남 투명한이미지표현가능 PNG 포멧은투명 (opacity) 표현이가능합니다.

5. 컬러의이해

1. 색의 3 속성 색상 (hue) - 색 (color) 과같은의미로사용 - 빛의파장에따라다르게구별되는것 - 사물을봤을때나타나는빛깔이나특징적인색채 명도 (value, lightness, brightness) - 색의밝고어두운정도 (grayscale) - 유채색, 무채색은모두명도가있음 채도 (saturation, chroma) - 색의선명도를의미하는말로순도, 색의강약을의미 - 색상과무채색을혼합하면채도는낮아짐 - 채도가높은색을순색 (pure color) 이라고함 - 명청색 ( 순색 + 흰색 ), 암청색 ( 순색 + 검정 ), 탁색 ( 순색 + 회색 )

2. 색상체계 1) RGB red, green, blue로이루어지는색상체계 모니터, 프로젝터등빛을사용 가산혼합 : 빛을더할수록밝은색상으로표현 24bit일경우약 1670만가지색상표현

2. 색상체계 2) CMYK cyan, magenta, yellow, black로이루어지는색상체계 인쇄 ( 프린트 ) 시사용 감산혼합 : 잉크 ( 물감 ) 이더해질수록색상이어두워짐 K는 black을의미

6. 포토샵기초

1. 화면구성 메뉴바 옵션바 툴바 작업환경구성 : window( 창 )>workspace( 작업영역 ) >new workspace( 새작업영역 ) 상태표시줄 패널 ( 팔레트 )

2. 메뉴바, 툴바, 패널 편집 레이어 선택 보기 도움말 파일 이미지 유형 필터 창 foreground color( 전경색 ) : 드로잉을하거나채색작업을할때칠해지는색상 background color( 배경색 ) : 배경레이어에서이미지를삭제할때 ( 지우개툴로지울때 ) 채워지는색상

참고 context menu Context menu : 오른쪽클릭했을때상황과툴에따라다른메뉴가나옴 선택있을때 브러시툴

참고 컬러선택 3 1 2 4 1: Foreground Color( 전경색 ) : 브러시, 연필, 텍스트입력등채색시적용색 2: Background Color( 배경색 ) : 백그라운드레이어에서지우개등으로삭제하거나지울때색 3: Default Foreground and Background Colors 4: Switch Foreground and Background Colors Color Picker - Only Web Colors : 웹안전색상 - 수치를입력하거나찍어서색상선택 옵션 옵션 Gamut Swatches( 색상견본 ) - 클릭 : 전경색, Ctrl+ 클릭 : 배경색, Alt+ 클릭 : 삭제 - 옵션 : 다양한견본컬러를지정 Color( 색상 ) - 수치를입력하거나슬라이드로색상선택 - 옵션 : 다양한색상모드지정 - Gamut : 인쇄시색상다르게보임

참고 저장 File > Save : 저장 (psd), 레이어남아있음, 원본 File > Save for Web : 웹용으로저장 (jpg, gif, png), 레이어하나로합쳐짐

3. Basic shortcut ctrl+space(zoom tool) : 확대 ctrl+alt+space(zoom tool) : 축소 spacebar(hand tool) : 화면이동 zoom tool 더블클릭 : 100% hand tool 더블클릭 : 화면크기맞게 ctrl+z : undo ctrl+alt+z : step backward ctrl+shift+z : step foreward ctrl+c : edit( 편집 )>copy( 복사 ) ctrl+v : eidt( 편집 )>paste( 붙여넣기 ) ctrl+r : ruler( 가이드사용시필요 ) shift+tab : hide palette tab : hide palette and tool box edit( 편집 )>fill( 칠 ) - ctrl + backspace : fill( 배경색 ) - alt + backspace : fill( 전경색 ) - shift + backspace : fill( 패턴 ) edit>stroke - 선택후윤곽선만들기 f12 : revert

4. Select shift alt Shift+alt 선택 - Ctrl+A : All( 전체선택 ) - Feather : 테두리뿌옇게처리 - Anti-alias : 계단현상완화 - Shift : 정형그리기 - Alt : 가운데부터그리기 - Shift+Alt : 정형으로가운데 선택있을때 : 합, 차, 교 - Shift : add( 합 ) - Alt : subtract( 차 ) - Shift + Alt : intersect( 교 ) 선택있을때 - Ctrl+D : deselect( 선택해제 ) - Ctrl : move - Ctrl+Alt : move and copy - Ctrl + Shift + i : Select inverse( 반전 ) - (shift)arrow key : (10)1px move context menu( 오른쪽클릭 ) - transform selection : 선택영역변형 - layer via copy : 선택영역복사하며레이어만들기 - layer via cut : 선택영역자르며레이어만들기

4. Select Elliptical marquee ( 원형선택윤곽도구 ) 선택시작부분 ruler( 자 ) : view > rulers(ctrl+r) guide( 안내선 ) 만들기 - ruler 영역에서드래그 - view( 보기 ) > new guide( 새안내선 )

4. Select Lasso Tool( 올가미도구 ) 다각형올가미도구 - 배경이복잡한이미지에서오브젝트선택 - 클릭하면서선택하고잘못선택했을때 backspace 누름 - 처음클릭과마지막클릭한지점이만나면선택완료

5. Magic wand tool( 마술봉툴 ) 비슷한컬러영역을쉽게선택 Tolerance : 허용치 > 수치가낮을수록유사한컬러만선택 contiguous : 동일한컬러를사용하는인접영역만선택 contiguous : O contiguous : X

6. Free transform edit( 편집 )>free transform( 자유변형 ) : ctrl + t edit( 편집 )>transform( 변형 ) - scale : 크기 ( 비율 ) - rotate : 회전 - skew : 비스듬히변형 - distort : 왜곡 (ctrl 사용 ) - perspective : 원근 - warp : 휨 - flip vertical : 수직, flip horizontal : 수평 - C(C)W : 시계 ( 반대 ) 방향

7. Refine edge 정교한이미지를선택 ( 머리카락, 동물털등 ) - View mode : 선택영역과그외영역보기 - Smart radius : 선택영역경계반경자동조절 - Radius : 선택영역경계반경조절. 경계를선명하게만들려면작은값, 부드럽게만들려면큰값 - Refine radius tool : 선택영역정교하게선택 - Smooth : 경계매끄럽게 ( 부드럽게 ) - Feather : 경계흐리게 ( 반투명상태로보여줌 ) - Contrast : 경계선명하게 ( 수치높으면거친느낌 ) - Shift edge : 선택영역확장 ( 축소 ) - Decontaminate color : 경계근처색으로대체 - Output to : 선택영역을어디에나타낼지지정

8. Crop tool 이미지의필요한부분만남기고자름 캔버스크기를늘이거나줄일때도사용 이미지의수평수직을맞출때도사용 3. 늘이고싶은만큼 ( 줄이고싶은만큼 ) 드래그후더블클릭 4. 캔버스사이즈변경 1. 이미지의배경컬러와백그라운드컬러를동일하게맞춤 2. 크롭툴로전체선택

9. canvas size image( 이미지 ) > canvas size( 캔버스크기 ) 캔버스크기를늘이거나줄일때사용 상대치 : 현재캔버스크기기준 캔버스확장색상 : 캔버스가확장되었을때색상지정

10. Image size image( 이미지 ) > image size( 이미지크기 ) 이미지크기를조절 리샘플링은이미지의픽셀치수나해상도를변경할때이미지데이터양을변경하는것

11. Image rotation 캔버스회전 ( 레이어회전은 edit > transform) image( 이미지 ) > image rotation - 180-90 clockwise - 90 counter clockwise - Flip canvas horizontal - Flip canvas vertical

12. Layer basic 필터유형선택블렌딩 ( 혼합 ) 모드 레이어그룹 현재선택된레이어 레이어보기 8 9 10 11 레이어옵션불투명도조절 Fx 제외한불투명도레이어스타일레이어스타일보기 1 : Links layers 2 : Layer style 3 : Layer mask 4 : Adjustment layer 5 : New layer group 6 : New layer 7 : Delete layer 8 : Lock transparent pixels 9 : Lock image pixels 10 : Lock position 11 : Lock all 1 2 3 4 5 6 7

12. Layer basic Duplicate layers( 메뉴, 레이어옵션, context 메뉴 ) - Layer( 레이어 ) > Duplicate layers( 레이어복제 ) - Alt 사용 - New layer 아이콘으로드래그 - Ctrl + j 레이어다중선택 : shift, ctrl 레이어많을때바로레이어선택 : 이미지클릭 (ctrl + move tool) 레이어다중선택후레이어그룹만들기 ( 메뉴, 레이어옵션, context 메뉴 ) - Layer( 레이어 ) > New( 새로만들기 ) > New group from layers( 레이어그룹화 ) 레이어의이미지선택불러오기 : ctrl 이미지클릭 레이어합치기 ( 메뉴, 레이어옵션, context 메뉴 ) - Merge down : 아래레이어와합치기 - Merge layers : 선택된레이어합치기 (ctrl + E) - Merge visible : 보이는레이어를합치기 - Flatten layers : 모든레이어합치기 백그라운드레이어와일반레이어변경 - Layer > New > Layer from background( 백그라운드레이어더블클릭 ) - Layer > New > Background from layer

13. Move tool Align( 정렬 ) Distribute( 분배 ) 레이어많을때바로레이어선택 ( 체크하지않고아래방법더많이사용 ) - 이미지클릭 (ctrl + move tool) - 기본적으로 Layer(Group 를하면그룹이선택됨 ) Align( 정렬 ) Distribute( 분배 )

14. Type basic 클릭하여글자입력하고 enter( 숫자키패드 ) 는입력완료또는 option bar 의 commit 버튼 수정은 option bar 또는 character 패널 1 2 5 수정은블록지정 1. 폰트종류 2. 크기 3. 행간 4. 자간 5. 컬러 1 2 3 4 5

15. Brush & Pencil Tool Brush Tool( 브러시도구 ) : 원하는모양으로드래그하여그림을그리거나채색 - Opacity( 불투명도 ) : 투명도조절, 수치가높을수록불투명 - Flow( 흐름 ) : 브러시한점에대한농도 Pencil Tool( 연필도구 ) : anti-alias 없음 - pixel 작업, 웹디자인등해상도가낮은결과물에서버튼등작은이미지작업 Pixel 작업 옵션 Hardness : 100% Hardness : 0% Opacity : 50%, Flow : 100% Opacity : 50%, Flow : 50% Opacity : 100%, Flow : 50%

16. Brush 브러시크기변경 : [, ] 브러시커서변경 : Caps Lock 이미지의컬러추출 : Alt + 클릭 썸네일보기방식 Grunge 느낌의외부브러시 브러시파일관리 - Reset Brushes : 브러시초기화 - Load Brushes : 외부브러시파일 (*.abr) 불러오기 - Save Brushes : 현재브러시파일로저장 - Replace Brushes : 현재브러시를다른브러시로대체 기본제공브러시 OK : 대체, Append : 현재브러시모음에덧붙임

17. Gradient Tool( 그레이디언트도구 ) Gradient Tool( 그레이디언트도구 ) : 여러색상을자연스럽게변화를줄때사용 - 선형과원형그레디언트가많이사용 - Transparency : 투명적용 옵션 클릭시작 드래그끝 드래그 드래그하는방향과길이에따라서결과다름 Opacity 설정 : black( 불투명 ), white( 투명 ), gray( 반투명 ) Color 설정

18. Clone Stamp Tool( 복제도장도구 ) Clone Stamp Tool( 복제도장도구 ) : 이미지의특정부분을다른곳에복제 - 사용법 : 복제할부분을 alt 누르고지정후, 다른곳에드래그하면 + 부분이복제됨 - Aligned( 정렬 ) : 복제할지점을지속적으로기억 aligned : X aligned : O

19. 보정도구 1 Spot Healing Brush Tool( 스팟복구브러시도구 ) : 얼굴의점등작은부위를보정 - Proximity Match : 선택한부분의주변픽셀들을참고하여해당부위를대치시킴 ( 원본질감과디테일손실 ) - Create Texture : 원본이미지와자연스럽게어울리도록특정텍스쳐를만들어대치시킴 - Content-Aware( 내용인식 ) : 선택한영역주변의색상, 채도, 질감등을자동으로인식하여채워줌 Healing Brush Tool( 복구브러시도구 ) : 이미지를특정하여보정 - 사용법은 Clone Stamp Tool 과같으나이미지의채도, 질감등을자동으로보정 Patch Tool( 패치도구 ) : 비교적넓은영역을선택하여보정 Content-Aware Move Tool( 내용인식이동도구 ) : 이미지의특정영역을이동혹은복제 - Move : 이동, Extend : 복제 Red Eye Tool( 적목현상도구 ) : 적목현상을제거 - Pupil Size : 제거될영역크기조절 - Darken Amount : 어둡게할양설정

20. 보정도구 2 Blur Tool( 흐림효과도구 ) : 이미지의특정부분을흐리게변경 - Strength( 강도 ) : 한번드래그할때효과의정도 Sharpen Tool( 선명효과도구 ) : 이미지의특정부분을선명하게변경 Smudge Tool( 손가락효과도구 ) : 이미지의특정부분을번지게변경 Dodge Tool( 닷지도구 ) : 이미지의특정부분을밝게변경 - Range( 범위 ) : 이미지의명도영역에따라적용 Burn Tool( 번도구 ) : 이미지의특정부분을어둡게변경 Sponge Tool( 스폰지도구 ) : 이미지의특정부분의채도변경 - Mode( 모드 ) : Desaturate( 채도감소 ), Saturate( 채도증가 )

21. Shape Tool Shape Tool( 도형도구 ) : 사각형, 원, 선등의도형을제작 - Radius : 꼭지점의반지름 - Sides : 꼭지점수 - Weight : 선의두께 - Shape : 다양한모양선택 Pick Tool Mode : 벡터 (Shape, Path) 와레스터 (Pixel) 이미지로설정 ( 참고 : 레스터 = 비트맵 ) - Shape : 패스로제작이되며면 (fill) 과선 (stroke) 설정가능, 크기조절시이미지손실없음 - Path : 패스만제작 - Pixel : 레스터이미지로제작, 면으로만구성되며크기조절시이미지손실

22. Pattern Pattern : 사각형영역내의모양이반복 - 제작할때사각형선택툴사용 - 적용 : Edit > Fill : Pattern - 외부패턴파일사용 : Load Patterns Load Patterns 1. 패턴이될모양제작 ( 투명주의 ) 3. Edit > Define Pattern 2. 사각형선택툴로반복될부분지정

23. Clipping Mask Clipping Mask( 클리핑마스크 ) : 아래레이어의영역만큼만 (mask) 위의레이어이미지가보임 - Layer > Create Clipping Mask( 또는레이어옵션, 적용할레이어와레이어사이에서 Alt + 클릭 ) - 해제 : Release Clipping Mask( 또는레이어옵션, 적용할레이어와레이어사이에서 Alt + 클릭 ) - 두개이상의레이어가필요 A ㅣ t + 클릭 적용

24. Layer Mask Layer Mask( 레이어마스크 ) : grayscale 에따라서이미지 mask - 레이어마스크에서검은색은이미지가림 (mask), 흰색은이미지보임 - 레이어마스크에서회색은 opacity 라고생각하면됨, 색상없이명도값인식 레이어마스크적용 흰색 : 보임 ( 변화없음 ) 흰색 : 보임 ( 변화없음 ) 검은색 : 가림

25. Blending Mode 블렌딩모드 : 위아래레이어사이의이미지값을혼합 - 예측하기어려움 - 결과물이이미지에 ( 색상, 명도, 채도 ) 따라서눈에띄게확인안될수도있음 Multiply : 두이미지의값을 ( 이진수로변환후 ) 곱하여어둡게표현 - 전체적으로어두워짐 - black : 변화없음, white : 투명 Screen : 두이미지를계산하여밝게표현 - 전체적으로밝아짐 - Black : 투명, white : 변화없음 - 각이미지를반전하여곱한 (Multiply) 후반전 Overlay : 어두운부분은어둡게, 밝은부분은밝게표현 - 전체적으로 contrast 가증가

25. Blending Mode Multiply Screen Overlay

26. Layer Style(Fx) Layer Style : 레이어에효과 ( 스타일 ) 주는것 2 개이상의효과를동시에줄수있음 Layer > Layer Style > Copy Layer Style : 레이어스타일복사 ( 또는 context menu) Layer > Layer Style > Paste Layer Style : 레이어스타일붙여넣기 ( 또는 context menu) 종류 - Bevel&Emboss : 경사와엠보스 - Stroke : 선 - Inner Shadow : 내부그림자 - Inner Glow : 내부광선 - Satin : 새틴 - Color Overlay : 색상오버레이 - Gradient Overlay : 그레이디언트오버레이 - Pattern Overlay : 패턴오버레이 - Outer Glow : 외부광선 - Drop Shadow : 그림자 레이어스타일보기 레이어스타일펼치기 ( 닫기 ) 레이어스타일

27. Layer Style(Fx) > Stroke( 선 ) Stroke : 레이어에외곽선제작 / ( 참고 ) Edit > Stroke : 선택영역있을때적용 - Size : 선두께 - Position : 선위치 (Outside, Inside, Center) - Opacity : 불투명도 - Fill Type : 선종류 (Color, Gradient, Pattern) - Color : 색상 - Reset to Default : 초기화

28. Layer Style(Fx) > Color Overlay( 색상오버레이 ) Color Overlay : 레이어의색상변경 - Color : 색상선택 - Opacity : 불투명도

29. Layer Style(Fx) > Gradient Overlay( 그레이디언트오버레이 ) Gradient Overlay : 레이어에그라데이션제작 - Opacity : 불투명도 - Gradient : 그라데이션종류 - Style : 모양 - Angle : 방향 - Scale : 크기

30. Layer Style(Fx) > Pattern Overlay( 패턴오버레이 ) Pattern Overlay : 패턴씌우기 - Opacity : 불투명도 - Pattern : 패턴종류 - Scale : 패턴크기 ( 되도록이면 100%)

31. Layer Style(Fx) > Outer Glow( 외부광선 ) Outer Glow : 레이어외부에빛나는효과 - Blend Mode : Screen 또는 Linear Dodge( 더강한효과 ) - Opacity : 불투명도 - Size : 빛의크기조절

32. Layer Style(Fx) > Drop Shadow( 그림자 ) Drop Shadow : 레이어외부에그림자효과 - Opacity : 불투명도 - Angel : 그림자방향조절 - Distance : 레이어와그림자의거리조절 - Size : 그림자의크기조절

33. Styles Panel Styles Panel : 여러스타일을조합한효과를모아놓은패널 New Style : 현재레이어에적용된스타일을등록

34. Opacity vs Fill Opacity : 불투명도 Fill : Fx 제외한불투명도

35. Brightness/Contrast Image( 이미지 ) > Adjustments( 조정 ) > Brightness/Contrast( 명도 / 대비 ) - Brightness( 명도 ) : 이미지밝기 - Contrast( 대비 ) : 이미지대조도 Tip : 설정하다가초기화 : alt 누르고 Reset 버튼활성화되었을때누름

36. Levels Image( 이미지 ) > Adjustments( 조정 ) > Levels( 레벨 ) - 각채널의 ( 예 :R,G,B) 0~255 값조절 : Level - 일반적으로대조도와밝기조절할때사용 1 2 3 1 : 어두운영역레벨조정 2 : 중간영역레벨조정 3 : 밝은영역레벨조정 순서 : 1,3 먼저조정후 2 조정

37. Hue/Saturation Image( 이미지 ) > Adjustments( 조정 ) > Hue/Saturation( 색조 / 채도 ) - Hue( 색조 ), Saturation( 채도 ), Lightness( 밝기 ) 조정 Master( 마스터 ) : 특정색상계열만조정 - Reds( 빨강계열 ), Yellows( 노랑계열 ), Greens( 녹색계열 ), Cyans( 녹청계열 ), Blues( 파랑계열 ), Magentas( 마젠타계열 ) Colorize( 색상화 ) : 이미지흑백 + Hue,Saturation,Lightness 원본 원래색상 조절후색상 Saturation 조절 Colorize 조절

38. Fill or Adjustment Layer Layer Panel > Fill or Adjustment Layer - 적용된조정은언제든지취소가능 ( 비파괴조정 ) - 아래의레이어들까지영향을주며조정 - 하나의레이어에영향을주며조정하려면클리핑마스크적용 아래의레이어들에영향 아래레이어에만영향 ( 클리핑마스크적용 )

39. Filter Filter( 필터 ) : 이미지에특수효과설정 - 이미지모드가 RGB 가아닐경우비활성화되는필터도있음 - 선택영역이있을경우선택영역에만효과적용 종류 - Artistic( 예술효과 ) : 손으로직접그림을그리는듯한효과 - Brush Stokes( 브러시획 ) : 다양한브러시와잉크효과 - Sketch( 스케치효과 ) : 이미지에다양한스케치한듯한효과 - Stylize( 스타일화 ) : 윤곽선, 입체효과, 돌출등의스타일효과 - Texture( 텍스쳐 ) : 다양한질감효과 - Blur( 흐림효과 ) : 흐림또는역동적인효과 - Blur Gallery( 흐림효과갤러리 ) - Distort( 왜곡 ) : 이미지를여러가지형태로왜곡 - Noise( 노이즈 ) : 이미지에노이즈 ( 잡티 ) 효과 - Pixelate( 픽셀화 ) : 픽셀을여러형태로주는효과 - Render( 렌더 ) : 구름생성및빛효과 - Sharpen( 선명효과 ) : 이미지를선명하게하는효과

40. Texturizer Filter( 필터 ) > Filter Gallery( 필터갤러리 ) > Texture( 텍스쳐 ) > Texturizer( 텍스쳐화 ) - Texture : 질감의종류 - Scaling : 질감의크기 - Relief : 질감의돌출정도 - Light Direction : 빛방향변경 - Invert : 체크되면양각은음각으로음각은양각으로적용

41. Conte Crayon Filter( 필터 ) > Filter Gallery( 필터갤러리 ) > Sketch( 스케치효과 ) > Conté Crayon( 크레용 ) - 종이질감에크레용으로그린듯한효과 - 어두운부분은 Foreground Level, 밝은부분은 Background Level 로채색 - Foreground Level : 전경색레벨 - Background Level : 배경색레벨

42. Unsharp Mask Filter( 필터 ) > Filter Gallery( 필터갤러리 ) > Sharpen( 선명효과 ) > Unsharp Mask( 언샵마스크 ) - 색상차이가있는이미지의경계부분선명도를조절 - Amount( 양 ) : 선명도값조절 - Radius( 반경 ) : 선명도값이적용될범위 - Threshold( 한계값 ) : 인접이미지와의단계 ( 값이클수록변화없음, 기본 0)

43. Add Noise Filter( 필터 ) > Noise( 노이즈 ) > Add Noise( 노이즈추가 ) - Amount( 양 ) : 노이즈의양 - Uniform( 균일 ) : 노이즈가균일하게분포 - Gaussian( 가우시안 ) : 노이즈가불균일하게분포 - Monochromatic( 단색 ) : 단색으로노이즈설정

45. Surface Blur Filter( 필터 ) > Blur( 흐림효과 ) > Surface Blur( 표면흐림효과 ) - 이미지의경계를제외한표면을흐리게제작 - Radius( 반경 ) : 값이적용될범위 - Threshold( 한계값 ) : 인접이미지와의단계 ( 값이작을수록변화없음 )

46. Mosaic Filter( 필터 ) > Pixelate( 픽셀화 ) > Mosaic( 모자이크 ) - Cell Size : 셀크기