사용 안내서 취소

분할 영역에 대한 HTML 옵션

검색
Photoshop

Photoshop

웹에서 열기
  1. Photoshop 사용 안내서
  2. Photoshop 소개
    1. 꿈을 꾸세요. 만들어 보세요.
    2. Photoshop의 새로운 기능
    3. 첫 사진 편집
    4. 문서 만들기
    5. Photoshop | 일반적인 질문
    6. Photoshop 시스템 요구 사항
    7. Photoshop에 대해 알아보기
    8. Photoshop을 최신으로 유지
  3. Photoshop 및 기타 Adobe 제품 및 서비스
    1. Photoshop에서 Illustrator 아트워크 작업
    2. InDesign에서 Photoshop 파일 작업
    3. Photoshop용 Substance 3D 재질
    4. Photoshop의 Capture 앱 내 확장 프로그램 사용
  4. iPad용 Photoshop(중국 본토에서는 사용할 수 없음)
    1. iPad용 Photoshop | 일반적인 질문
    2. 작업 영역 알아보기
    3. 시스템 요구 사항 | iPad용 Photoshop
    4. 문서 만들기, 열기, 내보내기
    5. 사진 추가
    6. 레이어를 사용한 작업
    7. 브러시를 사용하여 그리기 및 페인팅
    8. 선택 및 마스크 추가
    9. 합성 이미지 재손질
    10. 조정 레이어를 사용하여 작업
    11. 커브를 사용하여 컴포지션의 톤수 조정
    12. 변환 작업 적용
    13. 합성 자르기 및 회전
    14. 캔버스 회전, 이동, 확대/축소 및 재설정
    15. 문자 레이어를 사용하여 작업
    16. Photoshop 및 Lightroom을 사용하여 작업
    17. iPad용 Photoshop에서 누락된 글꼴 받기
    18. iPad에서 Photoshop의 일본어 텍스트
    19. 앱 설정 관리
    20. 터치 바로 가기 키 및 제스처
    21. 키보드 단축키
    22. 이미지 크기 편집
    23. iPad에서 Photoshop으로 라이브 스트리밍
    24. 복구 브러시를 사용하여 결함 수정
    25. Capture에서 브러시를 만들어 iPad용 Photoshop에서 사용
    26. Camera Raw 파일을 사용한 작업
    27. 고급 개체 만들기 및 작업
    28. 닷지 및 번으로 이미지의 노출 조정
    29. iPad용 Photoshop의 자동 조정 명령
    30. iPad용 Photoshop을 사용하여 이미지 영역에 문지르기 효과 사용
    31. 스폰지 도구를 사용하여 이미지 채도 증가 또는 채도 감소
    32. iPad용 내용 인식 채우기
  5. 웹용 Photoshop(중국 본토에서는 사용할 수 없음)
    1. 일반 질문
    2. 시스템 요구 사항
    3. 키보드 단축키
    4. 지원되는 파일 유형
    5. 작업 영역 소개
    6. 클라우드 문서를 열고 작업하기
    7. 생성형 AI 기능
    8. 편집의 기본 개념
    9. 빠른 작업
    10. 레이어를 사용한 작업
    11. 이미지 보정 및 결함 제거
    12. 빠른 선택 영역 만들기
    13. 조정 레이어로 이미지 개선
    14. 칠 레이어 추가
    15. 이미지 이동, 변환, 자르기
    16. 그리기 및 페인트
    17. 모양 그리기 및 편집
    18. 문자 레이어를 사용하여 작업
    19. 웹에서 모두와 함께 작업하기
    20. 앱 설정 관리
    21. 이미지 생성
    22. 배경 생성
    23. 참조 이미지
  6. Photoshop(Beta)(중국 본토에서는 사용할 수 없음)
    1. Creative Cloud Beta 앱 시작
    2. 데스크탑용 Photoshop(Beta)
    3. 참조 이미지
  7. 생성형 AI(중국 본토에서는 사용할 수 없음) 
    1. Photoshop의 생성형 Ai 관련 일반적인 질문
    2. 데스크탑용 Photoshop의 생성형 채우기
    3. 설명을 위한 텍스트 프롬프트로 이미지 생성
    4. 데스크탑용 Photoshop의 생성형 확장
    5. 배경 생성으로 배경을 대체하세요.
    6. 비슷하게 생성 기능으로 새로운 변형 이미지 얻기
    7. iPad용 Photoshop의 생성형 채우기
    8. iPad용 Photoshop의 생성형 확장
    9. 웹용 Photoshop의 생성형 AI 기능
  8. 콘텐츠 진정성(중국 본토에서는 사용할 수 없음)
    1. Photoshop의 콘텐츠 자격 증명
    2. NFT의 ID 및 출처
    3. 크리에이티브 속성을 위한 계정 연결
  9. 클라우드 문서(중국 본토에서는 사용할 수 없음)
    1. Photoshop 클라우드 문서 | 일반적인 질문
    2. Photoshop 클라우드 문서 | 작업 과정 질문
    3. Photoshop에서 클라우드 문서 관리 및 작업
    4. Photoshop용 클라우드 스토리지 업그레이드
    5. 클라우드 문서를 만들거나 저장할 수 없음
    6. Photoshop 클라우드 문서 오류 해결
    7. 클라우드 문서 동기화 로그 수집
    8. 클라우드 문서를 편집하도록 다른 사람 초대
    9. 파일 공유 및 인앱 코멘트
  10. 작업 영역
    1. 작업 영역 기본 사항
    2. 환경 설정
    3. Photoshop 탐색 패널을 사용하여 더 빠르게 학습
    4. 문서 만들기
    5. 다른 응용 프로그램으로
    6. 기본 키보드 단축키
    7. 키보드 단축키 사용자 지정
    8. 도구 갤러리
    9. 성능 기본 설정
    10. 도구 사용
    11. 사전 설정
    12. 격자 및 안내선
    13. 터치 제스처
    14. Photoshop에서 Touch Bar 사용
    15. 터치 기능 및 사용자 지정 가능 작업 영역
    16. 기술 미리 보기
    17. 메타데이터 및 메모
    18. 다른 애플리케이션에 Photoshop 이미지 배치
    19. 눈금자
    20. 인쇄되지 않는 표시자 표시 또는 숨기기
    21. 이미지의 열 지정
    22. 실행 취소 및 작업 내역
    23. 패널 및 메뉴
    24. 스냅을 사용하여 요소 위치 지정
    25. 눈금자 도구를 사용하여 위치 지정
  11. 웹, 화면 및 앱 디자인
    1. 디자인용 Photoshop
    2. 대지
    3. 장치 미리 보기
    4. 레이어에서 CSS 복사
    5. 웹 페이지 분할
    6. 분할 영역에 대한 HTML 옵션
    7. 분할 영역 레이아웃 수정
    8. 웹 그래픽 작업
    9. 웹 포토 갤러리 만들기
  12. 이미지 및 색상 기본 사항
    1. 이미지 크기 조정 방법
    2. 래스터 및 벡터 이미지 작업
    3. 이미지 크기 및 해상도
    4. 카메라 및 스캐너에서 이미지 얻기
    5. 이미지 만들기, 열기 및 가져오기
    6. 이미지 보기
    7. 잘못된 JPEG 표시자 오류 | 이미지 열기
    8. 여러 이미지 보기
    9. 색상 피커 및 색상 견본 사용자 지정
    10. HDR(High Dynamic Range) 이미지
    11. 이미지의 색상 일치
    12. 색상 모드 간 변환
    13. 색상 모드
    14. 이미지의 일부 지우기
    15. 혼합 모드
    16. 색상 선택
    17. 인덱스 색상표 사용자 지정
    18. 이미지 정보
    19. 왜곡 필터를 사용할 수 없음
    20. 색상 정보
    21. 채널을 사용하여 색상 및 단색 조정
    22. 색상 및 색상 견본 패널에서 색상 선택
    23. 견본
    24. 색상 모드 또는 이미지 모드
    25. 색상 경향성
    26. 액션에 조건부 모드 변경 추가
    27. HTML CSS 및 SVG에서 색상 견본 추가
    28. 비트 심도 및 환경 설정
  13. 레이어
    1. 레이어 기본 정보
    2. 원본 이미지의 데이터 손실이 없는 비파괴 편집
    3. 레이어 및 그룹 생성 및 관리
    4. 레이어 선택, 그룹화 및 연결
    5. 프레임에 이미지 가져오기
    6. 레이어 불투명도 및 혼합
    7. 마스크 레이어
    8. 스마트 필터 적용
    9. 레이어 구성 요소
    10. 레이어 이동, 스택 및 잠금
    11. 벡터 마스크를 사용하여 레이어 마스크
    12. 레이어 및 그룹 관리
    13. 레이어 효과 및 스타일
    14. 레이어 마스크 편집
    15. 에셋 추출
    16. 클리핑 마스크로 레이어 표시
    17. 레이어에서 이미지 에셋 생성
    18. 고급 개체 사용
    19. 혼합 모드
    20. 여러 이미지를 결합하여 단체 사진 만들기
    21. 레이어 자동 혼합을 사용하여 이미지 결합
    22. 레이어 정렬 및 배분
    23. 레이어에서 CSS 복사
    24. 레이어 또는 레이어 마스크 경계에서 선택 영역 불러오기
    25. 녹아웃으로 다른 레이어의 내용 나타내기
  14. 선택 영역
    1. 선택 영역으로 시작
    2. 합성 이미지에서 선택 영역 만들기
    3. 선택 및 마스크 작업 영역
    4. 선택 윤곽 도구를 사용하여 선택
    5. 올가미 도구로 선택
    6. 픽셀 선택 조정
    7. 선택한 픽셀 이동, 복사 및 삭제
    8. 임시 빠른 마스크 만들기
    9. 이미지의 색상 범위 선택
    10. 패스와 선택 영역 테두리 간 변환
    11. 채널 기본
    12. 선택 영역 및 알파 채널 마스크 저장
    13. 초점이 되는 이미지 영역 선택
    14. 채널 복제, 분할 및 병합
    15. 채널 연산
  15. 이미지 조정
    1. 개체 색상 대체
    2. 원근 뒤틀기
    3. 카메라 흔들림 흐림 효과 감소
    4. 복구 브러시 예
    5. 색상 검색 테이블 내보내기
    6. 이미지 선명도 및 흐림 효과 조정
    7. 색상 조정 이해
    8. 명도/대비 조정 적용
    9. 어두운 영역과 밝은 영역의 세부 묘사 조정
    10. 수준 조정
    11. 색조 및 채도 조정
    12. 활기 조정
    13. 이미지 영역의 색상 채도 조정
    14. 빠른 톤 조정
    15. 이미지에 특수 색상 효과 적용
    16. 색상 균형 조정을 사용하여 이미지 향상
    17. HDR(High Dynamic Range) 이미지
    18. 히스토그램과 픽셀 값 보기
    19. 이미지의 색상 일치
    20. 사진 자르기와 똑바르게 하기
    21. 컬러 이미지를 흑백으로 변환
    22. 조정 및 칠 레이어
    23. 곡선 조정
    24. 혼합 모드
    25. 인쇄업체로 보내기 위한 대상 이미지
    26. 수준 및 곡선 스포이드로 색상 및 색조 조정
    27. HDR 노출 및 토닝 조정
    28. 이미지 영역 닷지 또는 번
    29. 선택 색상 조정
  16. Adobe Camera Raw
    1. Camera Raw 시스템 요구 사항
    2. Camera Raw의 새로운 기능
    3. Camera Raw 소개
    4. 파노라마 만들기
    5. 지원되는 렌즈
    6. Camera Raw의 비네팅, 그레인 및 안개 현상 제거 효과
    7. 기본 키보드 단축키
    8. Camera Raw의 자동 원근 교정
    9. Camera Raw 방사형 필터
    10. Camera Raw 설정 관리
    11. Camera Raw에서 이미지 열기, 처리 및 저장
    12. Camera Raw의 향상된 별색 제거 도구를 사용하여 이미지 복구
    13. 회전, 자르기 및 이미지 조정
    14. Camera Raw에서 색상 렌더링 조정
    15. Camera Raw의 프로세스 버전
    16. Camera Raw에서 로컬 조정 수행
  17. 이미지 복구 및 복원
    1. 제거 도구
    2. 내용 인식 채우기로 사진에서 개체 제거하기
    3. 내용 인식 패치 및 이동
    4. 사진 손질 및 복구
    5. 이미지 왜곡 및 노이즈 교정
    6. 대부분의 문제를 수정할 수 있는 기본 문제 해결 단계
  18. 이미지 향상 및 변환
    1. 이미지의 하늘 바꾸기
    2. 개체 변형
    3. 자르기, 회전 및 캔버스 크기 조정
    4. 사진을 자른 후 똑바르게 하는 방법
    5. 파노라마 이미지 만들기 및 편집
    6. 이미지, 모양 및 패스의 뒤틀기
    7. 소실점
    8. 내용 인식 크기 조절
    9. 이미지, 모양 및 경로 변형
  19. 그리기 및 페인팅
    1. 대칭 패턴 페인트
    2. 사각형 그리기 및 획 옵션 수정
    3. 그리기 정보
    4. 모양 그리기 및 편집
    5. 페인팅 도구
    6. 브러시 만들기 및 수정
    7. 혼합 모드
    8. 패스에 색상 추가
    9. 패스 편집
    10. 혼합 브러시를 사용하여 페인트
    11. 브러시 사전 설정
    12. 그레이디언트
    13. 그레이디언트 보간
    14. 선택 영역, 레이어 및 패스 채우기 및 획 그리기
    15. 펜 도구를 사용하여 그리기
    16. 패턴 만들기
    17. 패턴 작성기를 사용하여 패턴 생성
    18. 패스 관리
    19. 패턴 라이브러리 및 사전 설정 관리
    20. 그래픽 태블릿으로 그리기 또는 페인트
    21. 텍스처 브러시 만들기
    22. 브러시에 움직임 요소 추가
    23. 그레이디언트
    24. 미술 작업 내역 브러시로 스타일화된 획 페인팅
    25. 패턴을 사용하여 페인트
    26. 여러 장치에서 사전 설정 동기화
    27. 사전 설정, 액션 및 설정 마이그레이션
  20. 텍스트
    1. 텍스트 추가 및 편집
    2. 통합 텍스트 엔진
    3. OpenType SVG 글꼴을 사용한 작업
    4. 문자 서식 지정
    5. 단락 서식 지정
    6. 문자 효과를 만드는 방법
    7. 텍스트 편집
    8. 행과 문자 간격
    9. 아랍어 및 히브리어 문자
    10. 글꼴
    11. 글꼴 문제 해결
    12. 아시아 언어 문자
    13. 문자 만들기
  21. 필터 및 효과
    1. 흐림 효과 갤러리 사용
    2. 필터 기본 정보
    3. 필터 효과 참고 자료
    4. 조명 효과 추가
    5. 응용 광각 필터 사용
    6. 유화 필터 사용
    7. 픽셀 유동화 필터 사용
    8. 레이어 효과 및 스타일
    9. 특정 필터 적용
    10. 이미지 영역에 문지르기 효과 만들기
  22. 저장 및 내보내기
    1. Photoshop에서 파일 저장
    2. Photoshop에서 파일 내보내기
    3. 지원되는 파일 형식
    4. 그래픽 형식으로 파일 저장
    5. Photoshop과 Illustrator 간 디자인 이동
    6. 비디오 및 애니메이션 저장 및 내보내기
    7. PDF 파일 저장
    8. Digimarc 저작권 보호
  23. 색상 관리
    1. 색상 관리의 이해
    2. 일관된 색상 유지
    3. 색상 설정
    4. 이중톤
    5. 색상 프로파일 작업
    6. 온라인으로 보기 위한 문서 색상 관리
    7. 인쇄할 때 문서 색상 관리
    8. 가져온 이미지 색상 관리
    9. 색상 교정
  24. 웹, 화면 및 앱 디자인
    1. 디자인용 Photoshop
    2. 대지
    3. 장치 미리 보기
    4. 레이어에서 CSS 복사
    5. 웹 페이지 분할
    6. 분할 영역에 대한 HTML 옵션
    7. 분할 영역 레이아웃 수정
    8. 웹 그래픽 작업
    9. 웹 포토 갤러리 만들기
  25. 비디오 및 애니메이션
    1. Photoshop에서 비디오 편집
    2. 비디오 및 애니메이션 레이어 편집
    3. 비디오 및 애니메이션 개요
    4. 비디오 및 애니메이션 미리 보기
    5. 비디오 레이어의 프레임 페인트
    6. 비디오 파일 및 이미지 시퀀스 가져오기
    7. 프레임 애니메이션 만들기
    8. Creative Cloud 3D 애니메이션(미리 보기)
    9. 타임라인 애니메이션 만들기
    10. 비디오용 이미지 만들기
  26. 인쇄
    1. 3D 개체 인쇄
    2. Photoshop에서 인쇄
    3. 색상 관리를 이용한 인쇄
    4. 밀착 인화 및 PDF 프레젠테이션
    5. 사진 패키지 레이아웃으로 사진 인쇄
    6. 별색 인쇄
    7. 상업용 인쇄기로 이미지 인쇄
    8. Photoshop에서 색상 인쇄 개선
    9. 인쇄 문제 해결 | Photoshop
  27. 자동화
    1. 동작 만들기
    2. 데이터 기반 그래픽
    3. 스크립팅
    4. 파일 일괄 처리
    5. 액션 실행 및 관리
    6. 조건부 액션 추가
    7. 액션 및 액션 패널 정보
    8. 액션 중인 도구 기록
    9. 액션에 조건부 모드 변경 추가
    10. 플러그인 및 스크립트용 Photoshop UI 도구 키트
  28. 문제 해결
    1. 해결된 문제 
    2. 알려진 문제
    3. Photoshop 성능 최적화
    4. 기본 문제 해결
    5. 충돌 또는 멈춤 문제 해결
    6. 프로그램 오류 문제 해결
    7. 스크래치 디스크 꽉 참 오류 문제 해결
    8. GPU 및 그래픽 드라이버 오류 문제 해결
    9. 누락된 도구 찾기
    10. Photoshop | 중단된 3D 기능에 대한 일반적인 질문

분할 영역 옵션 대화 상자 표시

다음 중 하나를 수행합니다.

  • [분할 영역 선택 도구] 로 분할 영역을 두 번 클릭합니다. (도구가 표시되지 않을 경우 [자르기 또는 분할] 도구를 누른 상태로 있습니다.)
  • [분할 영역 선택 도구]가 활성 상태이면 옵션 막대에서 [분할 영역 옵션] 단추 를 클릭합니다. 웹 및 장치용으로 저장 대화 상자에서는 이 방법을 사용할 수 없습니다.

분할 영역 내용 유형 지정

분할 영역 데이터를 HTML 파일과 함께 내보낼 때 웹 브라우저에 표시되는 방식을 지정할 수 있습니다. 선택하는 분할 영역 유형에 따라 사용 가능한 옵션이 다릅니다.

  • 이미지 분할 영역에는 이미지 데이터가 포함되어 있습니다. 이것이 기본 내용 유형입니다.

  • [이미지 없음] 분할 영역을 사용하여 텍스트 또는 단색으로 채울 수 있는 비어 있는 표 셀을 만들 수 있습니다. [이미지 없음] 분할 영역에서 HTML 텍스트를 입력할 수 있습니다. [웹 및 장치용으로 저장] 대화 상자에서 [HTML 텍스트입니다.] 옵션을 설정하면 텍스트를 브라우저에서 볼 때 HTML로 해석됩니다. [이미지 없음] 유형의 분할 영역은 이미지로 내보낼 수 없으며 브라우저에서 미리 볼 수 있습니다.

참고:

자동 분할 영역에 대한 옵션을 설정하면 해당 분할 영역을 사용자 분할 영역으로 승격할 수 있습니다.

  1. 분할 영역을 선택합니다. Photoshop에서 작업하는 경우 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자의 [유형] 팝업 메뉴에서 분할 영역 유형을 선택합니다.

분할 영역 이름 바꾸기

이미지에 분할 영역을 추가할 때 내용에 따라 분할 영역 이름을 변경하는 것이 좋습니다. 기본적으로 사용자 분할 영역의 이름은 출력 설정 대화 상자의 설정에 따라 지정됩니다.

  1. 분할 영역을 선택하고 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다. [분할 영역 옵션] 대화 상자의 [이름] 텍스트 상자에 새 이름을 입력합니다.
    참고:

    [이미지 없음] 분할 영역 내용에는 [이름] 텍스트 상자를 사용할 수 없습니다.

분할 영역의 배경색 선택

배경색을 선택하여 해당 분할 영역의 투명 영역([이미지] 분할 영역)이나 전체 영역([이미지 없음] 분할 영역)을 칠할 수 있습니다.

Photoshop에서는 사용자가 선택한 배경색이 표시되지 않으므로 배경색 선택 결과를 보려면 브라우저에서 이미지를 미리 봐야 합니다.

  1. 분할 영역을 선택합니다. Photoshop 웹 및 장치용으로 저장 대화 상자에서 작업하는 경우 [분할 영역 선택 도구]로 해당 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자의 배경색 팝업 메뉴에서 배경색을 선택합니다. [없음], [매트], [흰색], [검정] 또는 [기타](Adobe [색상 피커] 사용 시)를 선택합니다.

분할 영역에 URL을 할당하면 전체 분할 영역이 결과 웹 페이지에서 링크로 표시됩니다. 사용자가 링크를 클릭하면 웹 브라우저는 지정된 URL과 대상 프레임에 연결됩니다. 이 옵션은 [이미지] 분할 영역에만 사용할 수 있습니다.

  1. 분할 영역을 선택합니다. Photoshop에서 작업하는 경우 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자의 [URL] 텍스트 상자에 URL을 입력합니다. 상대 URL 또는 절대(전체) URL을 입력할 수 있습니다. 절대 URL을 입력하는 경우에는 반드시 적절한 프로토콜을 포함시켜야 합니다. 예를 들면 www.adobe.com이 아니라 http://www.adobe.com으로 입력해야 합니다. 상대 URL 및 전체 URL 사용에 대한 자세한 내용은 HTML 참조서를 참조하십시오.
  3. 필요한 경우 [대상] 텍스트 상자에 대상 프레임 이름을 입력합니다.

    _blank

    원래 브라우저 창을 열어 둔 채 새 창에서 연결된 파일을 표시합니다.

    _self

    원본 파일과 동일한 프레임에서 연결된 파일을 표시합니다.

    _parent

    자체 원본 상위 프레임 세트에서 연결된 파일을 표시합니다. HTML 문서에 프레임이 들어 있으며 현재 프레임이 하위 프레임인 경우 이 옵션을 사용하면 현재 상위 프레임에 연결된 파일을 표시할 수 있습니다.

    _top

    전체 브라우저 창을 연결된 파일로 대체하면서 현재의 모든 프레임을 제거합니다. 이름은 이전에 HTML 파일에서 해당 문서에 대해 정의된 프레임 이름과 일치해야 합니다. 링크를 클릭하면 새 프레임에 지정된 파일이 표시됩니다.

    참고:

    프레임에 대한 자세한 내용은 HTML 참조서를 참조하십시오.

브라우저 메시지 및 Alt 텍스트 지정

브라우저에 나타날 메시지를 지정할 수 있습니다. 옵션은 [이미지] 분할 영역에만 사용할 수 있으며 내보낸 HTML 파일에만 나타납니다.

  1. 분할 영역을 선택합니다. Photoshop에서 작업하는 경우 [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다.
  2. [분할 영역 옵션] 대화 상자에서 원하는 텍스트를 입력합니다.

    메시지 텍스트

    선택한 분할 영역에 대해 브라우저의 상태 영역에 표시되는 기본 메시지를 변경합니다. 기본적으로 해당 분할 영역의 URL이(있으면) 표시됩니다.

    Alt 태그/Alt

    선택된 분할 영역에 [Alt] 태그를 지정할 수 있습니다. 그래픽이 표시되지 않는 브라우저에서는 분할 영역 이미지 대신 [Alt] 텍스트가 표시됩니다. [Alt] 텍스트는 이미지가 다운로드되는 동안 이미지 대신 나타나거나 일부 브라우저에서는 도구 설명으로 나타납니다.

분할 영역에 HTML 텍스트 추가

[이미지 없음] 유형의 분할 영역을 선택하면 결과 웹 페이지의 분할 영역에 표시될 텍스트를 입력할 수 있습니다. 이때 일반 텍스트나 표준 HTML 태그로 서식이 지정된 텍스트를 입력할 수 있습니다. 또한 수직 및 수평 정렬 옵션을 선택할 수 있습니다. 특정 HTML 태그에 대한 자세한 내용은 HTML 참조서를 참조하십시오.

Photoshop에서는 문서 창에 HTML 텍스트가 표시되지 않으므로 텍스트를 미리 보려면 웹 브라우저를 사용해야 합니다. 다양한 운영 체제를 기반으로 다양한 브라우저에서 다양한 브라우저 설정을 사용하여 HTML 텍스트를 미리 보고 웹상에 텍스트가 올바르게 표시되는지 확인해야 합니다.

참고:

[이미지 없음] 분할 영역의 텍스트 양은 내보낸 페이지의 레이아웃에 영향을 줄 수 있습니다.

  1. 분할 영역을 선택합니다. [분할 영역 선택 도구]로 분할 영역을 두 번 클릭하여 [분할 영역 옵션] 대화 상자를 표시합니다. 웹 및 장치용으로 저장 대화 상자에서 분할 영역을 두 번 클릭하여 추가 서식 옵션을 설정할 수 있습니다.
  2. [분할 영역 옵션] 대화 상자의 [분할 영역 유형] 메뉴에서 [이미지 없음]을 선택합니다.
  3. 텍스트 상자에 원하는 텍스트를 입력합니다.
  4. (웹 및 장치용으로 저장 대화 상자 전용) 텍스트에 HTML 서식 태그가 있을 경우 [HTML 텍스트입니다.] 옵션을 선택합니다. 이 옵션을 선택하지 않으면 HTML 태그가 무시되고 모든 텍스트가 웹 페이지에 서식 없는 일반 텍스트로 나타납니다.

  5. (웹 및 장치용으로 저장 대화 상자 전용) 필요한 경우 이 대화 상자의 [셀 정렬]에서 옵션을 선택합니다.

    기본값

    수평 정렬에 브라우저의 기본값을 사용합니다.

    왼쪽

    분할 영역의 왼쪽에 텍스트를 정렬합니다.

    중심점

    분할 영역의 중심에 텍스트를 정렬합니다.

    오른쪽

    분할 영역의 오른쪽에 텍스트를 정렬합니다.

    기본값

    수직 정렬에 브라우저의 기본값을 사용합니다.

    위쪽

    분할 영역의 위쪽에 텍스트를 정렬합니다.

    기준선

    결과 HTML 표에서 동일한 행에 있는 셀의 첫 번째 텍스트 줄에 대한 공통 기준선을 설정합니다. 행의 각 셀에서 [기준선] 옵션을 사용해야 합니다.

    가운데

    분할 영역에서 텍스트를 중앙에 수직으로 표시합니다.

    아래쪽

    분할 영역의 아래쪽에 텍스트 정렬를 정렬합니다.

관련 항목 더 보기

쉽고 빠르게 지원 받기

신규 사용자이신가요?

빠른 링크

내 플랜 모두 보기 내 플랜 관리
빠른 링크 보기
빠른 링크 숨기기

법적 고지 사항    |    온라인 개인정보 처리방침