본문으로 건너뛰기

Gradient Step Panel

Gradient Step Panel은 선택한 layer(gradient)의 step에 대한 편집기능을 제공합니다.

info
  • layer는 step 리스트로 구성됩니다.

panel_step

Preview​

step_preview

그라디언트 step을 linear-gradient 형태로 미리볼수 있습니다.

Start offset​

step_offset

그라디언트가 실제 적용될때 시작 스텝에 대한 오프셋값을 설정합니다.

info
  • 프리뷰에서는 적용되지 않습니다.
  • px : 절대적인 위치입니다.
  • % : 컨테이너, 레이어 사이즈 상태에 따른 상대적인 위치입니다.

Step helper​

step_helper_ui

step layer 편집을 위한 헬퍼 모음입니다.

  • step_add_preset add preset

    • step list를 local preset에 저장합니다.

  • step_sort_range sort steps

    • step list내 아이템을 step 값을 기준으로 정렬합니다.

  • step_reverse reverse steps

    • step list내 아이템을 step 값을 기준으로 반전시킵니다.

  • step_add add step

    • step list내 새로운 step을 추가합니다.

Step layer​

step layer

step value 설정 레이어. step의 색상, 위치, 위치 유닛을 편집할 수 있습니다.

  • step_mode mode

    • 단일 step은 single/range mode를 지원합니다.

      step_mode_singlestep_mode_range
      Single ModeRange Mode
  • step_trash delete
    • step layer 삭제 기능을 제공합니다.
  • step_duplicate duplicate
    • step layer 복제 기능을 제공합니다.

  • step_division step_division divide

    • step 위치에서 그라디언트를 멈출 것인지 설정 합니다.

      step_divide_nonestep_mode_range
      divide 미사용divide 사용
  • step_color color
    • step layer 컬러를 설정합니다.

  • unit

    info
    • px : 절대적인 위치입니다.
    • % : 상대적인 위치입니다.
    • auto : 앞/뒤 step에 따른 자동 계산된 위치 입니다.

Step layer Drag Drop​

Drag & Drop으로 step간의 순서를 변경할수 있습니다.

step_drag