반응형

고급개체 만드는 방법

이미지 원본 해상도 유지하는 방법인 고급 개체는?

Photoshop 또는 Illustrator 파일 등의 레스터 이미지나 벡터 이미지의 이미지 데이터가 들어가 있는 레이어입니다.
보통 이미지를 가져와서 수정을 하다 보면 원본 이미지 파일이 화질이 안 좋아지고 깨지는 경우가 있는데요. 
이 경우를 방지하기 위해 이미지를 고급 개체로 바꿔서 본래 화질을 유지하는 방법에 대해 알아보겠습니다.

 

래스터 방식
픽셀 하나하나에 색채 값을 설정하여 이미지를 구성하는 것으로, 비트맵 방식이라도 한다. 여러 개의 점과 같은 픽셀들이 모여 이미지를 표현하므로, 픽셀의 수가 많을수록 화면의 질이 향상된다. 그러나 래스터 이미지는 크기를 확대하거나 축소할 때 이미지의 손실이 생길 수 있으며, 픽셀을 증가시킬수록 파일 용량이 커지게 된다는 단점이 있다.

벡터방식
수학적으로 이뤄진 점, 직선, 곡선, 다각형 등으로 이미지를 표현하는 것으로 일러스트레이터, 플래시, 폰트랩 등의 프로그램에서 사용된다. 이는 아무리 확대해도 이미지가 선명하게 보이며, 래스터 방식에 비해 파일 용량이 작다는 장점이 있다. 그러나 벡터 이미지는 색상의 자연스러운 변화나 세밀한 표현이 어렵고, 과도하게 복잡한 계산이 필요한 이미지의 경우 컴퓨터에 큰 부담을 준다. 이에 일러스트레이터와 같은 프로그램에서 열었을 때 로딩 및 편집 속도가 느려질 수 있다는 단점이 있다.

-네이버[시사상식사전] :이미지 파일 형식-

 

 

 

 

고급개체란?
고급 개체는 모든 원본 특성과 함께 이미지의 소스 내용을 유지하여 레이어를 비 파괴적으로 편집할 수 있게
하는 방법입니다. 크기 조절해도 원본 이미지가 깨지지 않고 화질을 유지됩니다.

Smart Object 아이콘

 

 

 

 

이미지 크기 줄인 후 이미지 화질 차이

Ctrl + T를 눌러서 이미지 크기를 줄인 후 다시 원래 크기로 키워봅니다.

원본이미지 (출처 : 픽사베이)
왼쪽 일반레이어 오른쪽 스마트 오브젝트 크기 조정했을 경우

 

 

 

Smart Object 고급 개체의 장점

1. 비파괴 변형을 수행

 

원본 이미지 데이터에 영향을 주지 않기 때문에 원본 이미지 데이터 또는 품질을 유지하면서 레이어를 비율 조정, 회전,

기울기, 왜곡, 원근 변형, 뒤틀기 가능합니다.

고급 개체의 장점1

 

 

 

2. 색상 변경이나 채도 변경 등 마스크가 씌워진 상태로 적용이 되며 원본 이미지가 그대로 남아있어서 작업한 사진이 마음에 들지

않는 경우 삭제하면 원본 이미지로 사용 가능합니다.

고급 개체의 장점2

3. 마스크 영역을 지정할 수 있으며 레이어로 쌓으면서 여러 가지 기능을 사용할 수 있습니다.

 

 

 

Smart Object 고급 개체를 사용하지 못하는 경우

픽셀 데이터를 변경하는 페인트, 닷지, 번 또는 복제 등의 작업을 페인트, 닷지, 번 또는 복제 등의 작업을 [고급 개체] 레이어에

직접 수행하지 못합니다.

위와 같은 작업을 하고 싶을 경우에는 [고급 개체] 레이어를 일반 레이어로 변환해주면 됩니다(단, 화질은 낮아집니다).

 

반응형

 

이미지를 Smart Object로 만드는 방법

 

1. 상단에 있는 파일에서 '고급 개체로 열기'를 클릭합니다.
File -> Open as Smart Object 

2. 레이어 이미지의 마우스 오른쪽 버튼(RMB)을 눌러 'Convert to Smart Object(고급 개체로 변환)'를 눌러줍니다.

3. PDF 또는 Adobe Illustrator 레이어나 개체를 Photoshop 문서로 드래그합니다.

고급 개체 만들기

반응형
반응형

미리캔버스에서 제작

요즘에 블로그나 웹상에서 영상 대신에 많이 업로드하는 GIF(움짤)

 

재생 버튼을 누르지 않아도 영상을 볼 수 있는 장점을 가진

 

GIF 파일 포맷을 포토샵을 이용해서 작업하는 방법에 대해 알아보겠습니다.

 

 

GIF란?
그래픽 인터페인지 포맷(Graphics Interchange Format, GIF)는 비트맵 그래픽 파일 포맷으로 특별한 플러그인 없이 여러 환경에서 쉽게 쓸 수 있으며 다중 프레임 애니메이션을 이용할 수 있습니다.
출처 : 위키백과

반응형

 

GIF 타임라인 만들기(Create a GIF file in Photoshop)

1. 상단에 파일에서 스크립트의 스택으로 파일 불러오기를 클릭합니다.
File -> Scripts- > Load Files into Stack

Load Files into Stack

 

 

 

2. 찾아보기를 눌러 불러올 이미지를 선택합니다.

Browser -> Select images

이미지 불러오기

 

 

 

 

3. 상단에서 윈도우탭을 클릭하여 ' 타임라인'을 클릭합니다.

 Window -> Timeline   

 

 

4. 아래 하단에 생긴 타임라인 만들기 클릭합니다.

Create Video Timeline

Create video Timeline

 

 

 

5. 타임라인 위쪽에 선 3개 UI를 클릭하여 프레임 변환에 있는 프레임 애니메이션으로 변환하기를 클릭합니다.

Convert Frames- > Convert to Frame Animation

Convert to Frame Animation

 

 

 

6. 선 3개 UI 클릭하여 레이어에서 프레임 만들기 선택합니다

Make Frames From Layers

Make Frames From Layers

 

 

 

7. 아래와 같이 생긴 레이어에서 시간 변경합니다.

시간 조절하기

사진 아래쪽에 있는 재생 버튼을 눌러 속도를 확인 후 시간을 변경해주세요

재생버튼으로 시간확인하기

 

 

 

8. 상단에 있는 파일에서 내보내기의 '웹용으로 저장하기'를 클릭합니다.

     File-> Export- > Save for Web

 

9. 파일 포맷을 GIF으로 설정 후 저장합니다.

      File format -> GIF > Save

Export GIF

 

 

 

10. 완성

GIF FINISH

이미지 출처 : 픽사베이

 

블로그 내에 같이 보면 좋은 글 

[etc/Site] - [미리캔버스] 썸네일 간단하게 작업하기

[etc/Program] - [VLLO] 블로 이용해서 영상 만들기

반응형
반응형

Contents Aware Fill vs Fill
Contents Aware Fill vs Fill

풍경을 찍거나 이미지 사진을 찍은 후 한 부분을 가리고 싶거나 배경과 같은 느낌으로 채우고 싶을 때 쓸 수 있는 포토샵 기능에 대해서 알아보겠습니다. 포토샵의 채우기 기능인 '내용 인식 채우기 Content Aware Fill'과 '채우기 Fill'의 기능이 비슷하면서도 약간 차이가 있어서 두 가지를 같이 보도록 하겠습니다.

 

채우기 [Fill]

 

1. Lasso Tool /올가미 툴(L)을 이용해서 지우고 싶은 영역을 지정합니다.

선택 영역 추가 Shift /선택 영역 빼기 Alt

Lasso ToolLasso Tool로 영역 선택
올가미 툴 사용하기

 

 

 

2. Edit -> Fill (단축키 :  Shift + F5)를 클릭합니다.

file에 fill클릭하기
fill(채우기)

 

 

3. Contents -> 선택 영역 부분을 무엇으로 채울지 지정합니다.

Content
  • Foregound Color : 전경 색
  • Backgound Color : 배경색
  • Color : 색상 지정
  • Content Aware : 내용 인식
  • Pattern : 패턴 
  • Black : 검은색
  • 50% Gray : 회색
  • White : 흰색
Blending   Mode : 레이어에 있는 모드
Opacity 투명도
(선택 영역에 내용을 남김없이 지우고 싶을 경우 Opacity 100%)

Contents 목록Contents Opacity설정하기
Contents영역 

 

 

 

4. 선택한 부분이 주변 이미지로 채워지면 선택영역 해제 (Ctrl+D)를 눌러서 선택 영역을 해제합니다.

영역 선택된 상태영역 선택해제
선택영역 해제하기

 

 

 

내용 인식 채우기 [Content Aware Fill]

 

1. Lasso Tool /올가미 툴(L)을 이용해서 지우고 싶은 영역을 지정합니다.

선택 영역 추가 Shift /선택 영역 빼기 Alt

 

2. Edit -> Content-Aware Fill(내용 인식 채우기)을 클릭합니다.

Contents Aware Fill
Contents Aware Fill

 

 

3. 선택영역을 세부 조절할 수 있는 창이 뜨면, 오른쪽 탭에서 세부적인 디테일을 조정합니다.

세부디테일 영역 지정하기더 디테일하게 세부 영역 지정하기
세부 디테일 작업

Sampling Options Opacity : 초록색 영역 부분 투명도
(채워지는 영역에 어떤 게 있는지 보고 싶은 경우 Opacity를 낮춰주는 게 보기 편하다)

Color : Indicates의 영역의 색상
Indicates : Sampling Area (견본이 되는 영역) or Excluded Area(제외되는 영역)

Fill Settings Color Adaptation : 주변 환경과 더 잘 어울리도록 채워진 영역의 밝기와 대비를 조정
Rotation Adaptation : 각도와 방향에 더 잘 맞도록 콘텐츠를 회전
Scale : 원근감이 있는 개체를 제거하거나 내용의 크기를 조정할 수 있음
Mirror : 대칭 이미지나 패턴을 수평으로 반전
Output Settings New Layer : 선택 영역 부분 내용 인식 채우기로 된 이미지 새로운 레이어로 생성 (원본 이미지 그대로 남음)
Current layer : 현재 레이어에 내용 인식 채우기 바로 적용 (원본 이미지  X)
Duplicate layer : 기존 레이어를 그대로 두고 내용 인식 채우기가 적용된 레이어가 추가됨 (원본 이미지 남음)
** 사용한다면 New layer, Duplicate layer 선택 (원본 이미지 나중에 추가 수정할 수 있으므로)

 

 

반응형

 

 

4. 초록색 부분을 조정할 수 있는 도구(왼쪽 메뉴바가 생김) 이용해서 원하는 부분을 좀 더 세밀하게 작업해 줍니다.

  • Brush 아이콘 : 초록색 영역 부분을 Brush를 이용해서 조절할 수 있음
  • Lasso(올가미 툴) 아이콘 : 초록색 영역을 추가 제거할 수 있음
  • 손바닥 아이콘 : Fit Screen / Fill Screen
  • 돋보기 아이콘 : 확대 축소 손바닥 아이콘보다 좀 더 세밀하게 조정 가능

Contents Aware Fill 조절 툴바
Contents Aware Fill 조절 툴바

 

이 블로그 내 같이 보면 좋은 글

[2D Program/Photoshop] - [Photoshop] Generative Fill& Expand

 

[Photoshop]Generative Fill& Expand

오늘은 최근 업데이트 된 Photoshop 2024버전에 대해서 알아보겠습니다. 새로 추가된 기능으로는 생성형 채우기 및 생성형 확장 기능입니다. 기존에 주변 이미지를 참고해서 기존 채우기 기능(Fill)

illuam.tistory.com

이 블로그 내 같이보면 좋은 글
이 블로그 내 같이보면 좋은 글

 

반응형
12345

+ Recent posts