일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
- 일러스트3d
- 자바스크립트함수
- 일러스트아이소메트릭
- 스마트오브젝트
- 포토샵
- 인포그래픽
- 디스톨트
- flexbox froggy
- html기초
- 아이콘가이드
- 포토샵기초
- 일러스트기초
- 통계사이트
- 일러스트 블렌드
- 자바스크립트기초
- 일러스트 브러쉬
- css diner
- 아이드로퍼툴
- 일러스트 기초
- 웹디자인 기초
- 자바스크립트
- 자바스크립트매개변수
- 자바스크립트 변수
- 레이어그룹
- 웹디자인
- flexbox defense
- 사진보정
- html
- CSS
- IT
- Today
- Total
목록국비지원 UX UI 디자인 (66)
오늘보다 더 나은 내일

1. layer style - 해당 레이어의 패널 빈공간 더블클릭 - 레이어 자체에 강력한 이펙트를 두어 입체적인 연출부터 평면적인 연출까지 손쉽게 구성할 수 있는 기능이다. - 특징 : 계속해서 설정값을 수정 및 삭제할 수 있는 상태 만들 수 있다 - 빈 레이어에서는 그 어떠한 효과도 볼 수 없다. - 레이어스타일 안 쪽에 들어있는 블렌딩모드는 대부분, 레이어의 기본 색상과 적절하게 블렌딩되어 표현 된다. - 레이어스타일은 다른 레이어로 이동 및 복제할 수 있다. 복제 - > 항목 alt+클릭드래그 - 레이어스타일 항목은 부분적으로 추가 입력하여 사용할 수 있다 - 그룹 + 레이어스타일 : 안 쪽에 들어있는 모든 레이어에게 레이어 스타일 일괄 적용된다. (1) stroke : 이미지 주변으로 테두리를 ..

1. 클리핑마스크 이어서 - 상위 레이어가 하위 레이어의 영역 안에서만 비춰질 수 있도록 만들어주는 기능이다. - 프레임을 두 장 이상 활용하고 싶을 때에는 프레임 레이어들을 그룹으로 묶어 사용하면 된다. ( ctrl+[ ) - 스마트오브젝트, 레이어 마스크, 클리핑마스크 : 품질 유지 또는 수정이 수월해질 수 있도록 만드는 작업 방식 2. threshold (상단메뉴 - image- adjustments) - 이미지의 밝은 톤 어두운 톤만을 판별하여 단순화시켜 펜화 또는 판화와 같은 그래픽 비춰주는 보정 기능이다. 3. 힐링브러쉬 리터칭 이미지의 결함들을 깨끗하게 지워내 복원시킬 수 있는 리터칭 툴 (1) spot healing brush tool (J) :컨텐츠 어웨어가 브러쉬화 된 툴이다. - 브러..

※ 경사 앵글 , 사선 앵글 수직, 수평과는 달리 어느 한 쪽으로 기울어져 표현되어 역동적인 느낌을 줄 수 있는 구도 및 배치 방법이다. 1. crop tool (C) : 도큐먼트를 잘라내거나, 늘려줄 수 있는 툴. - 적용 : enter - 크롭툴로 한 번 잘려나간 도큐먼트는 다시 늘리기 힘들다. 크롭툴로 한 번 잘려나간 이미지는 복원하기 힘들다. 2. layer mask : 명도단계 인식시켜 이미지 지워내는 기능, 레이어 마스크로 지운 부분 원본으로 복원가능 ㄴ>>> 언제든 수정 가능한 지우개 - 검정색 : 지워진다. 흰색 : 복원된다. [브러쉬, 그라디언트, 선택 영역툴 ] ※ 레이어마스크 썸네일 : alt + 클릭 - 마스크 모드와 프리뷰 번갈아 볼 수 있다. - 색상 반전(ctrl+I) : 레이..

1. 블렌딩모드 이어서 - 상위 레이어의 색상을 하위 레이어에게 강조 없이 그대로 덮어주는 모드를 말한다. (흑백 이미지를 컬러로 복원할 때) - 블렌딩 모드 이용하여 배경 분리 작업하기 - 보통 특정 색상 강조하면 반대색상 제거하는 특성 갖고 있다. = 배경분리 작업 손쉬워 짐 2. 비네팅 효과 : 이미지 주변을 어둡혀 가운데 있는 물체가 강조되는 보정 기법. 진중한, 감성적인, 운치있는 - 부드러운 물체 리터칭 : 낮은 하드네스 - 딱딱한 물체 리터칭 : 높은 하드네스 - 브러쉬 사이즈 : [ , ] - 사이즈 조절 : alt+오른쪽 마우스 좌우 드래그 - 하드네스 : alt +오른쪽 마우스 상 하 드래그 3. 브러쉬 등록 : 작업자가 원하는 이미지, 텍스트 구성하여 브러쉬로 등록하여 사용할 수있다...

1. adjustments (상단메뉴 - image- adjustments) (1) level (ctrl+L, 상단메뉴 - image- adjustments) - 이미지의 음영을 밝은톤, 어두운톤, 중간톤 별로 조정할 수 있는 기능이다. 1) input level : 자연스럽게 조명 조절하듯 음영 조정해주는 슬라이더 - 이미지의 밝은 톤, 중간톤, 어두운 톤 별로 대비와 함께 음영 조정할 수 있다. - 자연스러운 음영 보정위해서는 중간톤 슬라이더 조정 후 양 끝 슬라이더 조절해주는 것이 좋다. 2) output level - 인풋 레벨과 달리 대비 생성하지 않고 빛과 그림자를 덮거나 제거해줄 수 있는 슬라이더 - 공간연출 (2) channels : 사진을 구성하고 있는 채널 값을 별도로 골라 음영과 색상..

1. type tool 이어서 1) 행간 (alt+상, 하향키) :글 줄 사이 간격 - 행간 넓을 때 : 시각적인 명암이 밝아지기 때문에 그림과 함께 보는 컨텐츠 제작 시 효과적으로 비출 수 있다. - 행간 좁을 때 : 시각적인 명암 어두워지기 때문에 글자가 한 눈에 들어와 가독성이 올라간다. (긴 문장 작업 시) 2) 자간 (alt+ 좌, 우측키) :글자 간 간격 - 영문 평균 0 - 한글 -15 (+~-) 3) 장평 : 글자 가로, 세로 폭. 인쇄, 글자 형태 조정하여 분위기 만들 때 조절 - 가로폭 넓은 글자 : 안정적인, 장엄한, 위엄있는, 옛스러운, 고전적인 - 세로폭 높은 글자 : 섬세한, 예쁜, 세련된 4) 커닝 : 영문의 불안정한 자간을 빠르게 교정해주기 위해 사용하는 구간이다. 5) 양끝..

1. shape tool (U) - 모양 편집 후 패널 안쪽에 등록시킬 수 있다. ㄴ> 모양 만들 때에는 패스로만 구성 되어있어야 등록 가능한 상태가 됨 - 패스 오퍼레이션 또는 얼라인 위해서는 작업 할 패스 또는 쉐입이 패스 선택툴로 모두 선택되어 있어야한다. - 패스와 쉐입은 바운딩박스 띄워 변형 가능함 - 패스를 쉐입으로 등록하는 방법 1) 패스를 작업자 스타일에 맞춰 구성하여 만든다 2) 상단메뉴 - edit- define custom shape - 레이어 별로 따로 떨어져 작업된 쉐입들은 이동툴로 관리하면 된다. - 패스 셀렉션툴 이용하여 선택된 쉐입 또는 패스를 잡아 이동 복사 - 이동 복사 : alt+이동 - 수평 수직 이동 복사 : alt+ shift+ 이동 - 쉐입, 패스 이용하여 글자 ..

1. pen tool 이어서 - 곡선 생성 시 이미지의 다음 외곽을 따라 마우스를 움직이면 편리하게 작업할 수 있다. - 작업 중 포인트가 잘못 된 부분에 찍혔다면 ctrl 눌러 direct selection tool 호환하여 포인트와 핸들 수정 가능 - 교차면에 대한 영역관리는 패스를 추가적으로 덧대어 path operations 설정아래 관리할 수 있도록 만들 면 된다. - 작업 시 이미지의 외곽보다 1px 가량 안 쪽으로 들어와 패스 작업해주는 것이 좋다. 1) path operations : 패스 더하기 빼기 (첨부파일 shape_tool_option 참고) - 패스 패널에서 레이어 영역으로 관리 위해서는 단축키 필요 - 영역전환 : ctrl+썸네일클릭 - 영역 제외 : ctrl+alt+썸네일클릭..

※ 도큐먼트 회전 시 상단메뉴 - 이미지 - image rotation 들어갈 수 있다. 1. 변형 (ctrl+T) : 선택된 레이어의 이미지를 다양한 구도로 변형시켜줄 수 있는 기능이다. 1) 폭 조절 : 사이즈조절 + shift - CS 하위 버전에서는 shift 를 눌러야만 비율 고정된 상태로 사이즈 조절할 수 있다. - 특정 부위 고정시켜 사이즈 조절 : alt+이미지 부위 클릭 ㄴ> alt+ 변형해야만 고정부위 활용할 수 있다. 2) 회전 90도 , 180도회전 : shift+회전 *회전 또한 특정 부위 고정시켜 작업할 수 있다. ㄴ> 모든 변형은 알트눌러 위치 고정시켜 변형할 수 있다. 3) distort : 원하는 포인트의 면적을 개별적으로 인식하여 원근 왜곡줄 수 있는 기능이다. - 원근 ..

1. 색 color 1) 명도 : 음영 - 높은 명도 (밝은색) :순수한, 깨끗한, 긍정적인, 가벼운, 맑은, 완벽한, 진실된, 간결한 - 낮은 명도 (어두운 색): 진중한, 중후한, 미스테리한, 권위적인, 고급스러운, 세련된 2) 채도 - 높은 채도 (선명한색): 진보적인, 경쾌한, 활력있는, 동적인, 유아틱한, 화려한, 이국적인, 모험적인, 이질적인 - 낮은 채도 (엷은 색): 소극적인, 정적인, 감성적인, 빈티지한, 침체된, 우울한, 신비로운, 고급스러운, 세련된 3) 톤 tone : 명도나, 채도가 색상과 함께 결합된 상태를 말한다. 4) 배색 : 둘 이상의 색을 미적으로 배열·조합하는 것. - 유사색 배색(비슷한 색) : 무난한, 질리지 않는, 아늑한,차분한, 풍성한, 안정적인, 건전한, 온화한..

※ 포토샵 프로그램 초기화 : ctrl+shift+alt 누르며 프로그램 클릭 ※ 새 작업창 만들기 : 상단메뉴 - 파일 - new (ctrl+N) ※ 환경설정 (프리페어런스/ 컨트롤+K) : 상단메뉴 - edit- priference- 제네럴 (컨트롤+K) ※ 웹 형식의 이미지로 저장하기 : 상단메뉴 - 파일 - export - save for web (ctrl+alt+shift+S) ※ JPG : 웹에서 가장 흔하게 볼 수 있는 이미지 파일 형식 : 색상표현 섬세하고 정교하고, 낮은 용량이 장점이다. 1. 선택 영역툴: 지정된 영역 안에서만 제한적으로 작업할 수 있도록 도와주는 툴 ※ 선택영역반전 : ctrl+shift+I ※ 선택 영역 형태 조정 ㄴ 영역 생성 후 > 우클릭 > 트랜스폼 셀렉션 > ..

1. 포토샵 구성 인터페이스 1) 툴박스 : 작업에 필요한 도구(툴) 영역 2) 상단메뉴바 : 포토샵의 모든 기능 들어있는 영역 3) 옵션바 : 툴 옵션, 상세설정 영역 4) 패널팔레트 : 작업 상세 설정할 수 있는 패널 집합영역 5) 도큐먼트 : 작업 영역 6) 작업탭 : 열려있는 파일 사항 7) 윈도우 : 모든 패널 관리 2. 해상도 PPI (pixel / inch) 1) 웹용(72): 용량이 적기 때문에 이미지 로딩이 빠른시간 내에 이뤄진다. 2) 작은 인쇄물 (150) 3) 인쇄물(300): 고품질, 고용량 (포스터와 같이 큰 인쇄물 작업 시) 3. 컬러모드 1) RGB : 웹 컬러/ 빛의 3원색 /화면 안 쪽에 들어가는 모든 디자인에는 RGB 컬러모드 적용된다. 2) CMYK : 잉크, 인쇄 컬..