Coding/웹디자인
UI : 포토샵
찡콩찡
2022. 4. 22. 15:39
웹디자인의 기초 : 포토샵
인 쇄
모니터 환경은 알아둬야함(단위:px) ----- 스크린
예) 프린트 스크린 후 cntl+n 해보면 아래와 같이 width:1920 보통기준으로 나온다.
resoultion 1ich당 72pixcels라는 의미 //웹 해상도
300bit ->인쇄용
color mode : 1) RGB Color :레드 그린 블루 색상 모니터 환경 ,티비, 디바이스 환경에서 빛으로 색깔을 내는 것
색깔을 모으면 색이 밝아짐-'웹환경'
2) CMYK Color:'인쇄 환경'에서 사용하는 컬러 모드 색깔이 다 모이면 검정색이 나옴
layer 투명종이가 생겼다고 생각하자! 단축키 ctrl+shift+alt+n : layer 생성
붓 사이즈 키울 수 있음 (브러쉬 단축키 :B)
단축키 :M
선택 후 delete 하면 지워짐
툴안에만 색칠되어있음 -> 해제하려면 cntrl+d를 누르면 선택영역이 해제된다.
글씨 쓰는 단축키 :T를 사용 글씨 작성 후 빠져나오려면 키보드 판에 있는 오른쪽 enter를 사용
window -> character -> 글씨 관련 툴을 사용할 수 있음 : 굴림은 쓰지 않는다!
자주 쓰는 폰트는 나눔고딕 / Noto Sans KR
웹폰트 : 구글폰트 검색
text 자간 : 내용 찾아보기
도형 단축키 : u
윗줄에는 네모에 대한 속성들이 나옴
ctrl+클릭하면 뒤에있는 상자 클릭할 수 있음
cntrl+클릭 -> 숫자5 누르면 투명해짐
shadow 효과 주고 싶을 때
Stroke 효과
다른 도형에 똑같은 효과를 주고 싶을 때 굳이 fx 누르지 않고 Alt 누르고 드래그하면 이동함
ctrl+g : layer 그룹화
alt+shift는 비율을 맞춰 사진 크기를 변경
사진 합성해보기
아래 동그라미를 친 아이콘은 레이어에 마스크를 씌웠다고 생각하면 되는 기능
: 내가 보이는 부분만 정리 , 뒷배경 정리!
클릭 후, 지우개로 배경 지워보자!!!
근데 언제 다 지우고 있냐ㅠㅠ 한다면 마스크 봉을 클릭하자!!!!
선택 된거면 delete해서 지워주기
짜잔!
김대명 크기를 변경하려면
김대명이 선택된 레이어 클릭 -> ctrl+t하기 => 크기조절 및 방향 조절도 할 수 있음
단, 크기 키울 때, shift 누르고 하기! 완료 되면 enter키 하기!
도형 설졍클릭->all 모든 도형들이 들어가 있음
create clipping mask
1. 사진이 도형 위에 올라가 있어야 함
2. 사진이 도형을 덮을 크기정도 되어야 함
3. 단축키: ctrl+shift+g == image layer에 오른쪽 클릭해도 create clipping mask 버튼 클릭
도형에 그림자 넣어보기
색깔보정 김대명 배우님 옷 색깔 바꾸기
종류 중에 Heu/Saturation 클릭 후 원하는 색상으로 클릭
바꾸고 싶은 사진 클릭 ctrl +art +g(cliiping mask)하면 아래와 같이 뜸
원하는 부분 빼고 지우개로 지워주자 ! 변경 후
브러쉬 크기 는 ' [ '와 ' ] '로 정할 수 있다.
점 지워보기
반창고 모양 클릭 - > 고치고 싶은 부분 지우기
클릭 - > Alt누르면서 원하는 부분을 클릭 -> 잡티 지워주기
광대 없애기
하고 싶은 부분 네모로 선택 틀 만들어주고 ctrl+shift+x 후에 원하는 부분 수정!
4. 사진 환하게 만들어주기
보정 전
보정 후
필터 갤러리
전경색 채우기 alt+delete
배경색 지우기 ctrl_delete
