오늘은 어제 이어서 이미지에 남아 있는 양쪽 여백에
이미지를 자동으로 채워 보는 방법과 색깔을 추출해서
자연스럽게 색상을 채우는 그레이디언트 도구 이용해서
이미지를 자연스럽게 만드는 방법, 이미지에 테두리
선을 그어서 사진을 꾸미는 방법까지~ 적어볼게요.
이미지 여백 채우기
먼저 합성된 사진까지 준비가 된 상황에서
옆에 레이어 (Layers) 보면 배경사진과 강아지를 딴 레이어를 합칩니다.
단축키 ctrl +E를 배경레이와 강아지레이어가 합쳐집니다.
배경 레이어를 클릭 후 사각형 선택도구를 이용해서
양쪽에 여백을 드래그를 해서 영역을 정합니다.
왼쪽에 한번 드래그를 하고 Shift를 눌러서 오른쪽도 영역을 선택합니다
그리고 편집(Edit)-Content-Aware fill(콘텐츠 내용 인식 채우기 ) 누릅니다.
내용 채우기의 화면이 뜨고 확인을 눌러주면 ~
여백에까지 채워지면서 합성이 됩니다.
쨔잔 여백까지 깔끔하게 채워지니깐
좀 더 이미지가 달라 보이네요~
강아지 그림과 배경을 좀 더 자연스럽게 만드는 작업을 적어봅니다.
그레이디언트 도구를 이용 자연스럽게 색상 채우기
먼저 새로운 레이어를 생성합니다.
스포이트 툴을 클릭 원하는 색깔을 따오고 메뉴바에서 색깔을 확인합니다.
도구바에서 그레이디언트 도구를 클릭합니다.
옵션바에서 더 보기를 클릭한 다음
basics(기본사항) - Foreground to Transparent (전경색에서 투명색으로) 클릭하고
화면에서 원하는 곳에서 아래 드래그를 합니다.
그러면 아래쪽에 색깔이 자연스럽게 입혀지는 게 보입니다.
이건 어느 정도 숙달이 되어야 해요
처음에는 잘 안돼서 저도 몇 번 고치고 했답니다.
배경색과 강아지를 좀 더 자연스러운 느낌을 살리기 위해서
새로운 레이어를 더 생성합니다.
옵션바에서 더 보기를 클릭한 다음
원하는 색깔의 열고 맘에 드는 그레이디언트 색깔을 정하고 클릭합니다
그리고
왼쪽에서 오른쪽 아래로 드래그하여 그레이디언트로 채우고
그레이디언트를 채운 레이어에서 블렌딩모드
soft Light (밝게 하기)- Opacity(불투명도)를 원하는 만큼 조절하면
이미지가 자연스럽게 변하게 됩니다.
이미지에 테두리 선 그리기
먼저 강아지 개체 그림을 이동을 시켜 볼게요~
이동 도구를 클릭하고 강아지를 클릭 후
가운데로 이동을 시킵니다.
새로운 레이어를 생성시키고 사각형 선택 도구를 클릭
작업 영역을 드래그해서 선택영역을 지정합니다.
Edit(편집) - Stroke(획) 선택하면 획에 대한 대화상자가 뜹니다.
Width(폭)을 원하는 사이즈만큼 선택 저는 5px로 설정 색깔은 노란색으로
Location(위치)는 Inside(안쪽)으로 설정하고 확인 누르면 선이 생깁니다.
단축키 ctrl + D를 선택 해제가 되면~
쨔잔~ 노란색 선만 남게 됩니다.
강아지를 가운데로 정해놓고 선을 그어놓으니 그럴듯합니다~
이제 좀 더 그럴듯하게 꾸며 보겠습니다~
지우개 도구를 이용해서 이미지 꾸미기
예쁘게 선을 그려놓은 선을 일부 지워볼게요~
지우개 툴을 클릭하고 적당한 너비로 위아래를 예쁘게 지웁니다.
지우개도 브러시에 크기에따라 지우는 넓이가 다르니
브러쉬 크기를 설정해 놓고 지우면 좀 더 깔끔하게 지울 수 있어요~
이미지에 문자를 넣고 싶다면 T자로 적혀있는 문자툴을 클릭 후
원하는 글씨를 입력 후 이동 툴로 원하는 곳에 위치를 정해서 놔두면 돼요~
웹용 이미지로 저장하는 방법
이미지를 원하는 디자인으로 완성을 했다면~
웹에서 사용할 수 있는 저장 파일을 설정해야 해요~
포토샵에서 그냥 저장을 하게 되면 PSD로 기본으로 저장이 됩니다
예전 버전에서 파일을 저장할 때 여러 가지 파일을 바로 설정해서 저장할 수 있었는데
업그레이드가 되면서 따로 웹용으로 보내기를 해서 파일을 설정할 수 있더라고요
간단하게 단축키를 이용해서
Ctrl +Ait + Shift + W 누르면 내보내기 형식 나옵니다
여기에서 원하는 파일 설정 후 내보내기를 하면
원하는 위치에 파일 생성 되어 있답니다.
단축키 말고 메뉴바에서는 file에 들어가서 내보기 형식을 누릅니다
아까 단축키를 눌렀던 형식의 대화창이 뜨면
원하는 파일 설정을 선택 후 확인을 누르면 저장이 됩니다.
처음에 작업하던 원하던 작업물이 나오게 돼요~
조금 어설프지만~ 예쁘게 잘 나온듯합니다.
포토샵도 도구를 사용해서 자주 사용해야 실력이 느는 듯합니다.
동영상을 아래에 남겨 놓을게요~
참고하세요 ^^
'개발 > TOOLS' 카테고리의 다른 글
CSS Flexbox, inline-block를 이용한 배치 설정 (0) | 2023.02.06 |
---|---|
포토샵 깨지지 않는 이미지 만들기(화질저화) 와 캔버스 크기 조절하기 (0) | 2023.02.05 |
포토샵 기본 도구사용하는 방법 (오려내기, 합성, 자르기, 보정하기, 브러쉬툴) (0) | 2023.02.03 |
포토샵 어두운 작업 화면을 밝게 설정하는 방법과 이미지크기조절하기 (0) | 2023.02.02 |
포토샵 한글 CC 2022 PNG 만들기와 JPG 사진 저장 방법 (2) | 2023.02.01 |