사용 안내서 취소

레이어에서 CSS 복사

검색
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 기능에 대한 일반적인 질문

CSS 복사를 사용하면 모양 또는 텍스트 레이어에서 CSS(Cascading Style Sheet) 속성이 생성됩니다. CSS를 클립보드로 복사한 후 스타일 시트로 붙여 넣을 수 있습니다. 모양 레이어의 경우 다음 값을 캡처합니다.

  • 크기
  • 위치
  • 획 색상
  • 칠 색상(그레이디언트 포함)
  • 그림자

텍스트 레이어의 경우, CSS 복사는 다음 값도 캡처합니다.

  • 글꼴 군
  • 글꼴 크기
  • 글꼴 두께
  • 선 높이
  • 밑줄
  • 취소선
  • 위 첨자
  • 아래 첨자
  • 텍스트 맞춤

모양이나 텍스트를 포함하는 레이어 그룹에서 CSS를 복사하면 각 레이어에 대한 클래스와 그룹 클래스가 생성됩니다. 그룹 클래스는 그룹의 레이어에 해당하는 하위 분할 영역을 포함한 상위 분할 영역을 나타냅니다. 하위 분할 영역의 상단/왼쪽 값은 상위 분할 영역에 상대적입니다.

참고:

CSS 복사 명령은 고급 개체에는 작동하지 않으며 그룹화되지 않은 여러 모양/텍스트 레이어를 선택하는 경우에도 사용할 수 없습니다.

  1. [레이어] 패널에서 다음 중 하나를 수행합니다.

    • 모양/텍스트 레이어나 레이어 그룹을 마우스 오른쪽 단추로 클릭하고 컨텍스트 메뉴에서 [CSS 복사]를 선택합니다.
    • 모양/텍스트 레이어나 레이어 그룹을 선택하고 [레이어] 패널 메뉴에서 [CSS 복사]를 선택합니다.

  2. 코드를 스타일 시트 문서에 붙여 넣습니다.

Photoshop으로 웹 페이지를 만드는 것에 대한 자세한 내용은 웹 페이지 분할을 참조하십시오.

 Adobe

쉽고 빠르게 지원 받기

신규 사용자이신가요?

빠른 링크

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

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