셰이더

베타 기능 안내: 셰이더는 현재 베타 기능입니다. 기능과 사용 경험을 계속 개선하고 있으며, 이용자의 의견을 바탕으로 업데이트할 예정입니다. 이후 버전에서는 지원 기능이나 사용 방법이 달라질 수 있습니다.

셰이더를 사용하면 레이어에 텍스처, 패턴, 픽셀화, 색수차 등의 효과를 추가할 수 있습니다. 기존 셰이더를 적용하거나 원하는 효과를 AI에 설명하여 직접 만들 수 있습니다. 만든 셰이더는 여러 번 적용할 수 있으며, 매개변수를 조정해 모양을 변경할 수 있습니다.

이 가이드에서는 셰이더의 적용, 생성, 편집, 게시 방법과 다른 파일에서 사용하고 업데이트하는 방법을 설명합니다.

스크린샷은 중국어 화면입니다. 각 기능의 표시 이름은 사용 중인 인터페이스 언어에 따라 달라집니다.

두 가지 셰이더 유형

두 유형은 적용 위치를 바꿔 사용할 수 없습니다. 채우기와 선 설정에는 채우기 셰이더만 표시되고, 효과 설정에는 효과 셰이더만 표시됩니다. 이미지 내용을 유지하면서 표현을 바꾸려면 효과 셰이더를, 패턴이나 텍스처를 생성하려면 채우기 셰이더를 선택하세요.

채우기 셰이더채우기와 효과 셰이더를 함께 적용한 상태

시작하기 전에

셰이더를 사용하려면 현재 파일의 편집 권한이 필요합니다. 사용자 지정 셰이더를 사용하려면 파일이 속한 공간의 이용 조건도 충족해야 합니다.

파일 편집 권한이 있는 사용자는 Pixso에 기본 제공되는 셰이더를 적용할 수 있습니다.

일반 컨테이너, 그룹, 도형, 벡터, 텍스트 또는 이미지 레이어에 사용할 수 있습니다. 슬라이스와 섹션에는 셰이더 설정이 제공되지 않습니다.

기존 셰이더 적용하기

채우기 또는 선에 적용하기

1. 캔버스 또는 레이어 패널에서 작업할 레이어를 선택합니다.
2. 오른쪽 속성 패널에서 채우기 또는 선의 색상 설정을 엽니다.
3. 유형을 ‘셰이더’로 바꾼 뒤 ‘셰이더 선택’을 클릭합니다.
4. 목록에서 원하는 채우기 셰이더를 선택해 현재 채우기 또는 선에 적용합니다.
5. 매개변수 패널에서 모양을 조정하고 캔버스에 반영된 결과를 확인합니다.

참고: 유형을 ‘셰이더’로 바꾸는 것만으로는 리소스가 적용되지 않습니다. 목록에서 사용할 셰이더를 선택해야 합니다.

효과에 적용하기

1. 작업할 레이어를 선택한 뒤, 오른쪽 속성 패널의 효과에서 ‘셰이더’ 유형을 추가하거나 선택합니다.
2. 자동으로 열리는 목록에서 원하는 효과 셰이더를 선택합니다.
3. 해당 셰이더의 매개변수 패널을 열어 효과를 조정하고 결과를 확인합니다.

레이어에 그림자나 흐림 등 일반 효과도 설정되어 있다면, 효과 셰이더는 일반 효과 목록 아래에 별도로 표시됩니다. 일반 효과와 같은 목록에 섞여 배치되지 않습니다.

목록에서 리소스 찾기

목록은 기본적으로 ‘전체’를 표시하며, 기본 제공, 로컬, 클라우드, 사용 중 순서로 분류됩니다. 리소스의 출처로 필터링할 수도 있습니다.

셰이더 매개변수 조정하기

셰이더가 적용된 레이어를 선택하고 해당 채우기, 선 또는 효과 설정을 열면 매개변수를 조정할 수 있습니다. 조정 가능한 항목과 조작 방식은 셰이더마다 다를 수 있습니다.

• 특정 레이어의 모양만 미세하게 조정하려면: 색상, 강도, 각도, 텍스처 크기 등의 매개변수를 변경합니다. 변경 사항은 캔버스에 실시간으로 반영됩니다.
• 조정 항목을 추가하거나 효과의 구현 방식을 바꾸려면: 레이어 매개변수만 바꾸는 대신 AI로 셰이더 자체를 편집합니다.
• 채우기 셰이더는 일반 채우기와 함께 사용할 수 있으며, 채우기 목록의 순서대로 겹쳐집니다. 채우기 불투명도도 조정할 수 있습니다.

채우기 셰이더의 혼합 방식은 일반 채우기와 같습니다. 효과 셰이더는 레이어의 최종 렌더링 결과를 처리하므로 채우기 단위의 혼합 모드를 사용하지 않습니다. 결과를 아래쪽 콘텐츠와 혼합하려면 레이어 혼합 모드를 조정하세요.

참고: 레이어의 가로나 세로 중 어느 한쪽이 200 px보다 작으면 크기 표시 옆에 효과 품질 안내가 나타납니다. 작은 레이어에서 픽셀이 거칠게 보일 수 있지만, 셰이더 생성이 실패했다는 뜻은 아닙니다. 레이어 크기가 반드시 200 × 200 px 이상이어야 한다는 의미도 아닙니다.

캔버스의 효과매개변수 패널

나만의 셰이더 만들기

새 셰이더는 현재 파일에 저장되며, 다른 파일에서 사용할 수 있는 클라우드 리소스로 자동 등록되지는 않습니다. 현재는 AI로 셰이더를 만들 수 있습니다. 셰이더 목록 위쪽의 ‘+’를 눌러 ‘AI 생성’을 선택하거나, AI 대화에서 원하는 내용을 직접 설명하세요.

AI로 생성하기

1. 채우기, 선 또는 효과 설정에서 셰이더 목록을 열고 위쪽의 ‘+’를 눌러 ‘AI 생성’을 선택합니다. AI 대화를 직접 열어 만들려는 셰이더를 설명할 수도 있습니다.
2. 원하는 시각적 효과와 함께, 채우기 텍스처를 생성할 것인지 기존 레이어를 가공할 것인지 설명합니다.
3. 색상, 입자 크기, 왜곡 강도, 각도 등 조정 가능하게 만들 매개변수를 지정합니다. 참고 이미지를 업로드할 수도 있습니다.
4. AI가 묻는 내용에 따라 필요한 정보를 보충하고 생성 및 검증이 완료될 때까지 기다립니다.
5. 생성 후 열리는 셰이더와 매개변수 패널을 확인하고, 레이어에 적용된 효과를 보면서 추가로 조정합니다.

채우기 또는 선 설정에서 만든 리소스는 채우기와 선에, 효과 설정에서 만든 리소스는 효과에 사용됩니다. 이 경로로 생성을 시작하면 AI가 이미 선택된 유형을 사용하므로 적용 위치를 다시 설명하지 않아도 됩니다.

AI 대화로 셰이더를 만들 때 적용 가능한 레이어가 선택되어 있으면, 생성 후 바로 적용되고 매개변수 설정이 열립니다. 아직 적용되지 않았다면 해당 로컬 목록에서 리소스를 선택할 수 있습니다.

요청 작성 방법과 예시

원하는 효과, 적용 위치, 조정할 매개변수를 함께 설명하면 됩니다.

• 채우기 예시: “배경 채우기에 사용할 파란색과 흰색의 대리석 무늬 셰이더를 만들어 주세요. 두 색상, 무늬 굵기, 입자 강도를 조정할 수 있게 해 주세요.”
• 효과 예시: “선택한 이미지에 레트로 모니터 효과를 만들어 주세요. 이미지의 피사체는 유지하고, 주사선 밀도, 색수차 강도, 밝기를 조정할 수 있게 해 주세요.”
• 수정 예시: “현재 대리석 무늬 셰이더에 무늬 방향을 조정하는 항목을 추가해 주세요. 기존 색상 조정 항목은 유지해 주세요.”

설명이 충분하지 않으면 AI가 유형, 효과 또는 매개변수에 관해 추가로 질문합니다. 여러 셰이더를 한 번에 만들 때는 같은 메시지에서 각각의 용도를 설명하고, 핵심 매개변수만 조정할 것인지 더 많은 항목을 제공할 것인지 함께 지정할 수 있습니다.

참고: 일반적인 단색, 그레이디언트, 그림자, 흐림은 Pixso의 기존 속성으로 설정할 수 있습니다. 더 독특하면서 재사용과 세부 조정이 가능한 시각적 효과가 필요할 때 셰이더를 만들면 됩니다.

셰이더 편집 및 관리하기

매개변수 조정과 리소스 편집의 차이

레이어 매개변수는 현재 적용된 효과를 조정하는 데 사용합니다. AI로 셰이더를 편집하거나 이름을 바꾸면 재사용 가능한 리소스 자체가 변경됩니다. 조정 항목을 추가하거나 기본 모양 또는 구현 방식을 바꾸려면, AI 대화에서 수정할 로컬 셰이더와 요구 사항을 설명하고 수정 및 검증을 마친 뒤 저장합니다.

리소스 변경 사항을 저장한 뒤에도, 이미 적용된 레이어에서는 안내에 따라 새 버전을 받아야 합니다. 효과가 확인 없이 즉시 바뀌지는 않습니다. 자세한 내용은 ‘적용된 셰이더 업데이트하기’를 참고하세요.

직접 만든 셰이더는 목록에서 마우스 오른쪽 버튼을 눌러 이름을 변경할 수 있습니다. 별도의 사용자 지정 효과가 필요하다면 AI에 요청해 새로 만들 수도 있습니다.

리소스 삭제하기

원본 파일에서 삭제할 로컬 셰이더를 선택하고 삭제를 확인합니다. 게시하지 않은 리소스는 로컬 및 사용 중 목록에서 제거되며, 게시된 리소스는 공유 리소스 및 사용 중 목록에서 제거됩니다.

참고: 리소스를 삭제해도 레이어에 적용된 효과가 제거되지는 않습니다. 이미 셰이더를 사용 중인 레이어에는 효과와 매개변수가 남습니다. 특정 레이어에서만 사용을 중단하려면 해당 레이어의 셰이더 채우기, 선 또는 효과 항목을 제거하세요. 게시된 리소스를 삭제하기 전에는 이용자와 확인하는 것이 좋습니다.

게시하여 다른 파일에서 사용하기

만든 사용자 지정 셰이더는 현재 파일에 속합니다. 다른 파일의 클라우드 목록에서 사용하려면 원본 파일에서 셰이더를 게시해야 합니다. 색상 스타일이나 효과 스타일을 먼저 만들 필요는 없습니다.

게시 범위 확인하기

참고: 게시 범위는 원본 파일의 위치에 따라 정해집니다. 만든 뒤 계정의 모든 파일에서 자동으로 사용할 수 있는 것도 아니고, 공개 커뮤니티에 게시되는 것도 아닙니다. 원본 파일의 링크를 공유하는 것만으로 셰이더가 게시되지는 않습니다.

원본 파일에서 게시하기

1. 원본 파일에서 해당 유형의 셰이더 목록을 열고, 로컬 리소스 생성과 효과 확인이 완료되었는지 확인합니다.
2. 목록의 게시 버튼을 눌러 게시 확인 대화상자를 엽니다.
3. 파일이 속한 공간과 사용 가능한 범위를 확인한 뒤 게시합니다. 파일이 초안에 있다면 안내에 따라 파일 위치와 이용 조건을 먼저 확인하고 게시하세요.

다른 파일에서 사용하기

1. 해당 팀 또는 기업의 구성원 계정으로 대상 파일을 엽니다. 현재 파일의 편집 권한과 필요한 시트 조건을 충족하는지 확인합니다.
2. 레이어를 선택한 뒤 채우기, 선 또는 효과 중 해당하는 설정에서 셰이더 목록을 엽니다.
3. ‘클라우드’로 전환하여 게시된 리소스를 선택하고 적용합니다.
4. 현재 디자인에 맞게 매개변수를 조정합니다. 채우기 리소스는 채우기 또는 선에만, 효과 셰이더는 효과에만 사용할 수 있습니다.

적용된 셰이더 업데이트하기

리소스를 수정하는 것과 레이어에서 업데이트를 받는 것은 별도의 단계입니다. 같은 파일에서 사용할 때와 다른 파일에서 사용할 때 업데이트를 받을 수 있는 조건이 다릅니다.

게시된 리소스의 효과나 이름을 바꾼 경우, 다른 파일에 새 버전을 제공하려면 원본 파일에서 업데이트를 게시해야 합니다. 로컬 변경 사항을 저장하는 것만으로는 다른 파일에 새 버전이 전달되지 않습니다.

업데이트 시 매개변수 처리 방식

• 새 버전과 이전 버전에서 대응되는 매개변수는 사용자가 설정한 값을 유지합니다.
• 새 버전에서 매개변수 범위가 좁아지면 기존 값은 유효한 범위 안으로 조정됩니다. 예를 들어 기존 값이 100이고 새 범위가 10~50이면, 업데이트 후 값은 50이 됩니다.
• 새 버전에 대응되는 항목이 없는 이전 매개변수는 레이어에 저장된 해당 값과 함께 제거됩니다.

참고: 업데이트를 받은 뒤에는 중요한 레이어의 모양을 다시 확인하세요. 특히 매개변수가 추가·삭제되거나 값의 범위가 바뀐 리소스를 확인해야 합니다.

자주 묻는 질문

만든 셰이더가 목록에 보이지 않는 이유는 무엇인가요?

먼저 설정 유형을 확인하세요. 채우기와 선 설정에는 효과 셰이더가 표시되지 않고, 효과 설정에는 채우기 셰이더가 표시되지 않습니다. 게시하지 않은 로컬 리소스는 생성한 파일에서만 볼 수 있습니다. 다른 파일에서 찾으려면 원본 파일에서 게시를 완료했는지, 현재 계정이 해당 팀 또는 기업의 구성원인지 확인하세요.

게시 버튼이 없거나 게시할 수 없는 이유는 무엇인가요?

원본 파일이 초안에 있는지, 파일이 속한 공간의 이용 조건을 충족하는지 확인하세요. 초안 파일에서는 셰이더를 직접 게시할 수 없습니다. 게시 가능한 팀 또는 기업 공간으로 파일을 옮겨야 합니다. 팀 구성원의 사용 범위와 기업 구성원의 사용 범위는 서로 다릅니다.

원본을 수정했는데 다른 파일에 반영되지 않는 이유는 무엇인가요?

원본에서 로컬 변경 사항을 저장하기만 한 것이 아니라 업데이트 게시까지 완료했는지 확인하세요. 대상 파일에서 해당 리소스를 사용하는 레이어를 선택하고 셰이더 속성 패널을 열어 업데이트 아이콘을 확인한 뒤 클릭합니다.

스타일, 컴포넌트 또는 변수에서 사용할 수 없는 이유는 무엇인가요?

현재는 셰이더 색상 스타일, 효과 스타일, 매개변수에 변수를 연결하는 기능을 제공하지 않습니다. 컴포넌트, 배리언트, 인스턴스의 채우기 및 효과 설정에는 셰이더 옵션이 표시되지 않습니다. 이미 셰이더가 있는 레이어로 컴포넌트를 만들면 안내가 나타납니다. 다른 파일에서 재사용하려면 스타일 게시 절차가 아니라 셰이더 자체의 게시 기능과 클라우드 목록을 이용하세요.

픽셀이 거칠게 보이면 어떻게 하나요?

레이어 크기와 품질 안내를 확인하세요. 가로나 세로 중 어느 한쪽이 200 px보다 작으면 픽셀이 더 거칠게 보일 수 있습니다. 용도에 맞게 레이어 크기를 바꾸거나 리소스에서 제공하는 텍스처, 입자 등의 매개변수를 조정한 뒤, 실제 사용할 크기에서 모양을 확인하세요.