라이트박스 갤러리. 웹 디자인 및 검색 엔진 최적화. 업그레이드 버전에는 무엇이 있나요?

사진을 Photoshop에 로드합니다. 레이어 패널에서 '채널' 탭으로 이동하거나 '창 | 채널". Ctrl 키를 누른 채 RGB라는 채널을 클릭하세요. Photoshop은 이미지의 모든 밝은 영역만 선택하고 강조 표시합니다.

이제 "선택 항목을 채널로 저장" 아이콘을 클릭합니다(이 작은 아이콘은 "채널" 팔레트 하단에 있습니다). 기본적으로 "Alpha 1"이라고 불리는 새 채널을 두 번 클릭하고 이름을 "Lights"로 바꿉니다.

"Shift+Ctrl+Alt" 키를 누른 상태에서 새 "Lights" 채널을 클릭합니다. 이렇게 하면 Photoshop에서는 선택 항목을 만들 때 이미지의 밝은 영역과 매우 밝은 영역을 자동으로 구분합니다. "선택 항목을 채널로 저장" 아이콘을 다시 클릭하고 새 채널 이름을 "Bright Lights"로 지정합니다.

"Bright Lights" 채널을 사용하여 이 단계의 단계를 반복하고 제작자 이름을 지정하세요. 이 채널"가장 밝은 빛" 이러한 단계를 수행할 때 세 단계 중 어느 하나도 선택 해제하지 않는 것이 중요합니다.

Ctrl 키를 누른 채 조명 채널을 클릭합니다. 이제 "선택" 메뉴에서 "역전"을 클릭하세요. 따라서 밝은 영역 대신 어두운 영역이 선택됩니다. 이 선택 항목을 채널로 저장하고 이름을 "Shadows"로 지정합니다.

추가 섀도우 채널을 추가하는 방법은 위에서 이미 설명한 방식을 따릅니다. "Shift+Ctrl+Alt" 키 조합을 누른 채 "섀도우" 채널을 클릭해야 합니다. 첫 번째 채널의 이름을 "Dark Shadows"로 지정하고 다음 채널의 이름을 "The Darkest Shadows"로 지정합니다.

이제 이전에 생성된 모든 채널 옆에 있는 셀을 클릭하여 표시합니다. 필요한 경우 "RGB" 및 기타 색상 채널에서 눈 아이콘을 제거합니다. 이제 "Ctrl+A" 키를 눌러 전체 이미지를 선택하세요. “Select” 메뉴에서 “Inverse” 항목에서 멈춥니다.

이 시점에서 Photoshop은 너무 적은 수의 픽셀이 선택되었음을 알려줍니다. "확인"을 클릭하세요. "새 채널 만들기"를 클릭하고 이 채널 이름을 "중간 톤"으로 지정합니다. 일반적으로 이미지의 배경에 따라 검은색 또는 흰색 표면만 표시됩니다.

그 이유는 하이라이트와 섀도우를 모두 복사하고 나면 사실상 조정할 일이 아무것도 남지 않기 때문입니다.

선택을 취소하려면 Ctrl+D를 누르세요. 그런 다음 "RGB" 채널을 클릭하고 그 아래에 세 개가 모두 있는지 확인하세요. 컬러 채널활동적이었습니다. 이제 "레이어" 탭으로 이동하여 시작할 시간입니다. 일반 편집이미지.

방금 생성한 채널에 선택된 섹션을 저장해야 하는 경우 "선택" 메뉴에서 "선택 로드" 항목을 찾아 불러오고 목록에서 필요한 채널을 찾아 불러옵니다.8 8 부드러운 빛을 들여오다

2002년에 막스 플랑크 대학에서는 사람의 시각적 정보 기억 능력과 이 정보가 제시되는 방식 사이의 연관성을 연구하기 위해 실험이 수행되었습니다. 실험 참가자들에게 다양한 풍경 사진을 보여준 후, 사진에 묘사된 내용에서 가능한 한 많은 세부 사항을 기억하도록 요청 받았습니다. 나이와 색상 구별 능력에 관계없이 사람들은 흑백 사진보다 컬러 사진의 내용을 훨씬 더 쉽게 기억했습니다.

컬러 사진은 밝기 분포와 색상을 통해 아이디어를 전달할 수 있는 기회를 제공합니다. 톤이 비슷한 차분한 색상으로 사진에 조화로운 분위기를 연출할 수도 있고, 보색을 사용하여 긴장감을 더할 수도 있고, 모티브의 특정 부분에 차이가 있어 시선을 끌 수도 있습니다. 채도. 이 기사에서는 이미지 처리에서 채도를 변경하는 방법과 이를 특정 목적으로 사용하는 방법에 대해 설명합니다.

1. 사진가에게 채도의 의미

색상의 채도 또는 강도는 색상의 순도, 즉 동일한 밝기와의 차이를 나타냅니다. 회색. 색상 채도를 변경하면 사진이 인식되는 방식에 큰 영향을 미칠 수 있습니다. 밝고 채도가 높은 색상은 즐거운 분위기를 조성합니다. 이러한 사진은 사색보다는 행동을 장려합니다. 동시에 차분하고 차분한 색상은 보는 이로 하여금 모티브를 더 자세히 조사하고 사진에 묘사된 내용을 더 깊이 탐구하고 싶게 만듭니다.

사진에서 색상의 효과는 보는 사람의 거주지에 따라 달라집니다. 남부 국가의 주민들은 보색의 조합인 밝은 색상을 좋아하는 반면, 북위도 지역의 사람들은 색상환에 가까운 색조의 조합인 차분한 색상을 선호합니다. 그러나 휴가에 관해서 북부 사람들은 풍부한 색상을 남부 국가와 연관시키기도 합니다. 따라서 사진가는 자신의 사진으로 무엇을 말하고 싶은지, 대상 그룹이 무엇인지, 시청자에게 어떤 감정을 불러일으키고 싶은지, 즉 사진에 묘사된 것을 빨리 구매하고 싶은 욕구, 이 사진을 찍은 곳을 방문하려는 욕구 등을 결정해야 합니다. , 혹은 사진을 좀 더 자세히 살펴보고 몰입해 보세요.

다음과 같이 알려져 있습니다. 균등 분포채도는 사진의 채도가 아무리 강하더라도 조화로운 이미지를 만듭니다. 동시에 일부 색상 향상 특정 개체또는 모티프의 일부가 사진에 긴장감을 조성하여 보는 사람이 사진의 해당 대상이나 영역에 집중하도록 만듭니다.

많은 경우 선택적 포화는 이러한 규칙을 따르는 데 유용할 수 있습니다. 이 방법이 Photoshop에서 어떻게 작동하는지 살펴보겠습니다. 이 경우 채도를 변경하면 사진 작가가 사진을 개선하는 데 도움이 될 수 있으며 선택적으로 채도를 높이면 어떤 역할을 하는지 살펴보겠습니다. 예제의 채도 변화는 모든 조작의 효과를 더욱 분명하게 만들기 위해 약간 과장되었습니다.

2. 선택적 포화

2.1. 채도 마스크 만들기

이 이미지를 예로 들어 채도 마스크를 만드는 과정을 살펴보겠습니다.

대화 불러오기 이미지->조정->선택적 색상, 옵션을 확인하세요 순수한빨간색부터 보라색까지 모든 색상에서 검정색 값을 -100으로 설정합니다.

마지막 세 가지 옵션인 흰색, 회색, 검정색의 경우 검정색 값을 +100으로 설정합니다.

결과 이미지는 이미지의 채도 분포를 상당히 정확하게 재현합니다.

이제 채널 목록으로 이동하여 선택 항목으로 채널 로드 버튼을 클릭하거나 Ctrl 키를 누른 상태에서 상단 RGB 레이어를 클릭하여 채도 마스크를 선택해 보겠습니다. 선택한 영역은 나중에 사용하기 위해 선택->선택 항목 저장...을 통해 저장하거나 즉시 색조/채도 조정 레이어를 생성하고 채도 값을 최대로 설정할 수 있습니다. 선택한 포화 영역은 자동으로 조정 레이어 마스크로 전환됩니다. 보시다시피 이미지에서는 다른 색상보다 채도가 높은 색상의 채도만 증가했습니다.

이제 조정 레이어에서 다양한 채도 값을 실험해 볼 수 있으며, 마스크를 선택하고 곡선이나 레벨로 중간톤의 밝기를 변경하여 이 레이어의 효과를 높이거나 낮출 수 있습니다. 채도 증가 효과를 덜 뚜렷하게 하려면 조정 레이어의 오버레이 모드를 채도로 변경해 보세요.

이 예에서는 마스크의 대비가 레벨에 따라 향상되었으며 채도의 증가가 더욱 뚜렷해졌습니다.

채도 증가와 동시에 밝은 색채도가 낮은 색상을 음소거할 수 있습니다. 이렇게 하려면 조정 레이어의 복사본을 만들고 채도를 제거한 다음 레이어 마스크를 반전합니다(Ctrl+I). 그런 다음 레벨이나 곡선으로 마스크를 어둡게 하여 곡선의 중간 부분의 위치를 ​​변경합니다.

2.2. 선택적 채도 사용

실시예 1

카나리아 제도나 안달루시아를 방문해 본 사람이라면 밝고 채도가 높은 색상조차도 그 장소의 아름다움을 항상 전달할 수는 없다는 것을 알고 있을 것입니다. 이 경우 단순히 채도를 높이면 보도의 분홍빛이 도는 색상도 향상되는데, 이는 우리에게 전혀 필요하지 않습니다. Hue/Saturation 조정 레이어를 생성하고 Overlay 모드를 Saturation으로 변경하면 이 효과가 약간 감소합니다. 우리의 경우에는 이것만으로는 충분하지 않습니다. 선택적 색상 채도 방법을 사용하면 사진의 나머지 부분에는 영향을 주지 않고 집 벽의 색상과 사진 상단의 꽃만 향상시킬 수 있습니다.

실시예 2

이 경우 니코바르 비둘기의 깃털은 그 자체로 충분히 화려했지만, 관심이 없는 노란색 벽은 새의 관심을 산만하게 합니다. 색상 이론에서 알 수 있듯이 파란색 색상은 노란색과 녹색만큼 많은 관심을 끌기 위해 이미지에서 더 밝거나 더 많은 공간을 차지해야 합니다.

이 경우 비둘기를 제외한 전체 이미지의 채도를 줄이면 배경의 일부 영역이 단순히 회색으로 변하게 됩니다. 그렇기 때문에 최적의 솔루션벽의 밝은 부분과 배경의 잔디에만 선택적 채도가 감소했습니다. 채도 값이 음수인 마스크와 색조/채도 조정 레이어를 만든 후 깃털의 밝은 파란색이 변하지 않도록 검은색 브러시로 비둘기 위에 칠했습니다.

실시예 3

덜 흥미로운 것은 과포화, 소위 녹아웃된 영역을 복원하기 위한 포화 마스크입니다. 많은 사람들이 새빨간 꽃이나 옷을 사진으로 찍었는데, 사진에서는 구조가 없는 단단한 주홍빛 점으로 변한 것 같아요.

밝기 히스토그램을 보면 모든 정보가 적합하지는 않다는 것이 분명합니다. 동적 범위, 그리고 채널 히스토그램을 확인해 보면 붉은 색이 과다 노출된 것을 알 수 있습니다.

색상 과채도가 그다지 높지 않은 경우 JPG 파일에서도 보정이 가능합니다. 이렇게 하려면 채도 마스크가 있는 색조/채도 조정 레이어를 만들고 녹아웃된 영역의 채도를 줄여 해당 구조를 되돌립니다.

과포화 상태가 너무 심한 경우 RAW 형식으로 촬영한 경우에만 해당 영역을 복원할 수 있습니다. 이를 위해 RAW에서 두 개의 16비트 TIFF 파일을 만듭니다. 하나는 일반 매개변수를 사용하고 두 번째는 감소된 채도 값을 사용하여 누락된 구조가 나타납니다. 지금부터 일반 이미지채도 마스크가 생성되고, 채도가 감소된 두 번째 이미지가 첫 번째 이미지에 레이어로 복사되고, 이 마스크가 추가됩니다. 이제 필요에 따라 마스크의 밝기나 상위 레이어의 투명도를 변경할 수 있습니다. 이렇게 하면 이미지 색상과 구조가 모두 보존됩니다.

위에서 언급한 채도 마스크 적용 영역 외에도 이를 사용하여 곡선이나 레벨로 포화 영역의 밝기와 대비를 변경하고 포토 필터 또는 색조/채도 조정 레이어를 사용하여 특정 색조를 부여할 수 있습니다. Colorize 옵션을 선택한 상태에서.

2.3. 채도 마스크를 만드는 다른 방법

2.3.1. 레이어 오버레이 모드

두 번째 방법은 레이어 중첩 모드를 사용합니다.

1. 새 레이어를 만들고 원하는 색상으로 채웁니다. 선택한 색상은 채도가 높을 필요가 없으며 가장 중요한 것은 최소한 약간의 색상 색조가 있다는 것입니다.

2. 채도 오버레이 모드를 사용하여 이미지 사본을 만들고 이전에 만든 레이어 위에 배치합니다.

3. 상위 2개 레이어(Ctrl+E)를 하나로 병합합니다.

4. 이 레이어의 복사본을 만들고 오버레이 모드를 차이로 변경합니다.

5. 채도 감소 또는 색조/채도를 사용하여 상위 레이어의 채도를 제거합니다.

6. 두 개의 상위 레이어를 하나로 결합하고 채도를 제거합니다.

결과 마스크는 대비가 낮고 채도가 약간 증가하는 데 적합합니다. 효과를 높이려면 레벨이나 곡선을 사용하여 마스크의 대비를 높여야 합니다.

2.3.2. 이미지를 HSL/HSB로 변환

일부 Photoshop 플러그인을 사용하면 이미지를 RGB 또는 Lab에서 RGB로 변환할 수 있습니다. HSL 모드또는 HSB. 동시에 우리가 관심 있는 채도 분포는 녹색 채널에 저장되고, 밝기 분포는 파란색 채널에 저장되며, 색상에 대한 정보는 빨간색 채널에 저장됩니다.

이러한 플러그인 중 하나는 기본적으로 설치되지 않지만 Photoshop CS 설치 디스크의 폴더에서 찾을 수 있습니다. Photoshop CS/상품/옵션 플러그인/Photoshop 전용/HSL&HSB 필터. 플러그인 폴더에 복사되면 다음을 통해 호출할 수 있습니다. 필터->기타->HSL&HSB.

한 색상 공간에서 다른 색상 공간으로 변환할 수 있는 또 다른 플러그인은 Color Converter입니다.

4. 채도를 조작하는 흥미로운 방법

이러한 색상 작업 방식은 초현실주의를 사랑하는 사람들에게 흥미로울 수 있습니다. 생생한 이미지. 특정 색상의 채도를 높이고 더 어둡거나 밝게 만들어 동화책의 그림을 더 연상시키는 다채로운 사진을 만드는 것이 가능합니다. 이 방법은 다양한 색상으로 밝은 사진을 찍는 것이 좋습니다.

1. 레이어의 복사본을 만들어 사용해 보겠습니다. 선택 -> 색상 범위색상을 선택해 보겠습니다. 매개변수 흐릿함인접한 많은 음영에 영향을 주지 않도록 너무 크게 만들지 않는 것이 좋습니다.

2. 선택되지 않은 사진의 모든 부분을 즉시 숨기는 레이어 마스크를 만들어 보겠습니다.

3. 오버레이 모드를 오버레이 또는 소프트 라이트로 변경하세요.

4. 이제 곡선을 사용하여 이 레이어의 대비를 강화하고 더 밝거나 어둡게 만들 수 있습니다.

이미지의 나머지 색상에도 동일한 작업을 수행합니다. 그러한 사진은 아마도 현실적이라고 할 수는 없지만 과자 패키지로는 유용할 것입니다.

후문

글 서두에 언급한 실험에서는 흑백 이미지보다 컬러 이미지의 기억력이 훨씬 높았다. 그러나 이것은 표시된 사진이 자연스러운 색상을 가지고 있는 경우에만 해당됩니다. 사진의 색상이 왜곡되거나 잔디가 파란색, 사람이 녹색인 경우 사진의 기억력은 흑백 수준으로 떨어졌다. 이미지를 처리하는 사진가의 경우 그래픽 편집자, 아마도 다음 창작물을 창작할 때마다 이 사실을 기억해 둘 가치가 있을 것입니다.

애플리케이션

채도 마스크를 만드는 몇 가지 방법에 사용할 수 있는 스크립트 세트를 작성했습니다. 이 스크립트는 채도 마스크가 이미 적용된 새로운 색조/채도 조정 레이어를 만듭니다. 효과를 높이려면 마스크를 선택하고 레벨이나 곡선을 사용하여 밝게 해야 합니다. 세트에는 다음이 포함됩니다:

채도_마스크_sc- 선택적 색상을 통해 기본 방법을 사용하여 마스크를 만듭니다.

포화_마스크_l1- 2.3.1 부분의 방법에 따라 마스크를 생성합니다.

saturation_mask_l2- 2.3.4 부분의 방법을 사용하여 마스크를 만듭니다. 이 방법은 올바르지 않지만 실험에는 유용할 수 있습니다.

이 세트에는 채도를 높이는 여러 가지 방법도 포함되어 있습니다. 포화된 새 레이어를 만든 후에는 투명도를 낮추거나 오버레이 모드를 다음으로 변경해야 합니다. 포화.

more_saturation_cm- 파트 3.2의 방법에 따라 채도를 증가시킵니다.

more_saturation_overlay- 두 개의 레이어를 생성하고 채도 오버레이 모드를 사용하여 파트 3.3의 방법에 따라 채도를 높입니다.

more_saturation_sc- 3.4 부분의 방법에 따라 채도를 높입니다.

그게 다야. 행운을 빌어요!

나는 마지막 두 가지의 실제 적용을 더 자세히 살펴보기로 약속했지만 하나에 집중하기로 결정했습니다. 우리 주변의 세계를 인식할 때 밝기의 분포는 색상의 분포보다 훨씬 더 중요합니다. 이것이 오늘날 우리의 영웅이 광도인 이유입니다. 이 기사의 목적은 처리의 세 가지 예를 설명하는 것뿐만 아니라 특정 도구 및 수정 기술을 선택할 때 추론의 논리를 보여주는 것입니다.

늘 그렇듯이, 독서와 동시에 "파일을 비틀기"를 원하는 사람들은 분석된 예제의 레이어별 psd(50.7MB)를 다운로드할 수 있습니다.

지난번에 우리는 라즈베리의 예를 살펴보았습니다. 세 채널 각각은 별도의 채널로 처리되었습니다. 흑백 이미지, 밝기 변화에만 초점을 맞추고 채널의 밝기 비율, 즉 사진의 색상은 고려하지 않습니다. 그리고 최적의 밝기 변화를 달성한 후 광도 모드의 소스에 보정 결과를 적용하여 원치 않는 색상 변화를 제거했습니다.

그리고 놀라운 일이 우리를 기다리고 있었습니다. Lab에서 동일한 이미지를 오버레이하면 RGB보다 훨씬 더 정확한 결과가 나왔습니다. 이는 HSB 모델( 색상 모드 RGB로 작업할 때의 오버레이)는 매우 원시적입니다. Lab과 달리 밝기와 색채 구성 요소를 정직하게 분리하지 않습니다. 따라서 RGB의 오버레이 결과는 Lab만큼 깔끔하지 않습니다.

자세한 내용에 관심이 있으시면 Alexander Voitekhovich가 이미 언급한 "The Tale of Color Saturation" 기사를 읽어보세요. 실제 사용을 위해 간단한 권장 사항을 제시할 수 있습니다. 색상 모드또는 Luminosity를 연구실에서 사용해 보세요. 이미지의 색상 채도가 높을수록 이 단계에서 얻을 수 있는 이득은 더 커집니다.

별도의 대비 제어

여기 여우의 귀여운 겨울 사진이 있습니다. 사진 작가는 점프하는 순간을 잘 포착하고 촬영에 적합한 시간을 선택했습니다. 낮은 태양은 모든 물체의 볼륨을 강조했습니다. 이 이미지를 최대 대비로 가져오고 색상 균형을 설정했습니다. 색상은 만족스럽습니다. 하지만 이 사진에는 전혀 마음에 들지 않는 점이 한 가지 있습니다.

낮은 태양은 여우의 윤곽을 그렸을 뿐만 아니라 울퉁불퉁한 처녀 눈 위에 많은 그림자를 드리웠습니다. 그리고 카메라는 그것을 솔직하게 기록했다. 한 가지 문제는 카메라 위치에 있는 사람이 이러한 그림자를 그렇게 명확하게 인식하지 못한다는 것입니다. 장면을 볼 때 뇌는 우리에게 의미 있는 주요 개체를 선택하고 배경 세부 사항을 필터링하여 대비를 덜 만듭니다.

즉, 이 장면을 실제로 본다면 대비가 덜한 배경에 비해 더욱 대비되는 여우를 보게 될 것입니다. 수정 작업은 다음과 같습니다. 여우의 대비를 높이고 눈 위의 그림자의 대비를 낮추는 것입니다. 이를 해결하기 위해 채널이 어떤 조건을 만족해야 하는지 설명해보자.

조건 1.여우의 대비를 높일 것이므로 노출이 적절하고 디테일이 좋아야 합니다. 간단히 말해서 밝기는 가능한 한 평균에 가까워야 합니다.

조건 2.개체의 대비를 다르게 변경하려면(한 항목은 증가하고 다른 항목은 감소) 서로 다른 색조 범위에 있어야 합니다. 이 경우 간단한 톤 커브를 사용하여 여우가 차지하는 범위에서는 가파른 정도를 높이고 눈이 있는 범위에서는 가파른 정도를 줄일 수 있습니다.

채널을 살펴보겠습니다. 빨간색 채널에서 여우는 약간 밝지만 매우 상세합니다. 그러나 눈과 같은 색조 범위에 있습니다. 여우를 어둡게 하고 대비를 더 높이려고 하면 눈 위의 그림자가 어두워지고 대비가 높아집니다. 그리고 이것은 우리 계획에 포함되지 않습니다. 빨간색 채널은 두 번째 조건을 만족하지 않습니다.

파란색 채널에서는 눈과 여우가 서로 다른 색조 범위로 분리되어 있지만 여우 자체가 너무 어둡습니다. 일반 밝기로 밝게 하는 것은 불가능하며 대비를 높이면 매우 약한 디테일뿐만 아니라 노이즈도 향상됩니다. 파란색 채널은 첫 번째 조건을 충족하지 않습니다.

그러나 녹색은 모든 면에서 적합합니다. 주황색은 평균적인 밝기이므로 여우가 노출됩니다. 가장 좋은 방법 3/4부터 반음까지의 범위에 있습니다. 눈은 대부분 중간톤보다 가볍습니다. 따라서 녹색 채널은 두 조건을 모두 만족합니다.

한 채널만 문제를 해결하고 나머지 두 채널은 간섭만 하는 경우 세 채널을 모두 처리한 다음 결과를 평균화하는 것은 의미가 없습니다. 따라서 채널별 곡선을 적용하지 않고 (라즈베리에서 했던 것처럼) 광도로 전환하지 않고 녹색 채널을 밝기 오버레이의 템플릿으로 사용합니다. 새 레이어 만들기( 녹색_채널) Apply Image 명령을 사용하여 녹색 채널의 콘텐츠를 업로드합니다.

곡선 1). 3/4톤에서 하프톤까지 범위의 대비를 높입니다. 녹색 채널의 여우는 필요 이상으로 어두웠으므로 중간색을 밝게 하여 대비를 높였습니다. 동시에, 1/4 톤에서는 곡선의 가파른 정도가 감소하고 눈의 대비가 감소합니다.

눈을 더욱 균일하게 만들기 위해 추가 포인트그리고 하이라이트의 곡선을 다시 제자리에 놓습니다. 따라서 대비 감소는 4분음표에 집중되고 배경은 "매끄러워집니다".

레이어 병합 녹색_채널그리고 곡선 1그룹화( New_광도) 블렌딩 모드를 광도(Luminosity)로 변경합니다. 여우의 몸집이 너무 크고 눈이 너무 부드럽습니다. 그림은 우리가 원하는 것보다 더 올바른 방향으로 변경되었습니다. 불투명도를 줄이면 영향이 빠르게 줄어듭니다.

줄일 대상의 불투명도만 결정하면 됩니다. 그룹 New_광도또는 조정 레이어 곡선 1? 불투명도를 줄이는 것은 최종과 최종 사이의 평균입니다. 초기 옵션이미지. 최종 버전이 하나 있지만 초기 버전은 다릅니다. 그룹의 불투명도를 줄이면 순수 소스로 돌아가고, 곡선 레이어를 줄이면 녹색 채널 소스의 밝기 오버레이로 돌아갑니다.

초기 사진 중 가장 마음에 드는 사진과 그 사진으로 얼마만큼 돌려주고 싶은지 선택하기만 하면 됩니다. 두 번째 옵션을 선택하고 조정 레이어의 불투명도를 줄였습니다. 곡선 1최대 50%. 이미지가 준비되었으며 논의된 아이디어를 다시 한 번 통합하겠습니다.

첫 번째 아이디어.개체의 대비를 개별적으로 빠르고 쉽게 제어하려면(하나의 대비는 높이고 다른 하나의 대비는 감소) 이러한 개체가 서로 다른 색조 범위에 있는 블랭크를 혼합하여 찾거나 얻어야 합니다.

아이디어 2.물체의 대비를 효과적으로 높이고 세부 사항을 강조하려면 이 물체가 가장 잘 노출될 공백을 찾아야 합니다. 간단히 말해서 너무 밝지도 어둡지도 않을 것입니다.

아이디어 3.이는 분석에서 형식화의 문제입니다. 나는 수업 시간에 학생들에게 정기적으로 다음과 같은 질문을 합니다. 이 사진에는 무엇이 표시되어 있나요? 눈 속의 여우는 답이 너무 좁습니다. 나는 "고양이"를 기준으로 생각하고 추정할 것을 제안합니다(측정 단위는 Margulis가 그의 책에서 제시한 세 마리의 고양이에서 따옴). 그래서 이 사진에서 우리는 빨간색과 흰색 고양이를 볼 수 있습니다.

그리고 많은 피사체가 "빨간색과 흰색 고양이"의 정의에 속합니다. 밝은 식탁보 위의 오렌지, 흰색 드레스를 입은 신부, 그리고 실제로 모든 인물 사진입니다. 이미지를 분석할 때 특정 플롯에서 형식화된 설명으로 이동합니다. 이렇게 하면 더 빠르게 찾을 수 있습니다 필요한 채널, 색조 범위를 결정하고 선택 적합한 기술처리.

이제 얼굴의 대비를 유지하거나 향상시키면서 신부 드레스의 대비를 낮추는 방법(더 깔끔하고 매끄럽게 만드는 방법)을 알게 되었습니다. 안에 웨딩 사진요즘에는 이것이 유행하지만 인생에서는 반대 문제를 해결해야 하는 경우가 더 많습니다. 얼굴을 떨어뜨리지 않고 너무 가벼운 드레스를 꺼내는 것입니다. Shadow/Highlight를 사용할 수 있지만 고스팅이 발생합니다. 후광이 나타나지 않고 이 문제를 해결하는 방법과 다음 번에는 어떤 조건에서 이를 수행할 수 있는지 논의하겠습니다.

동시 대비 향상

이 간단한 풍경을 예로 사용하여 반대 문제, 즉 모든 개체의 대비를 동시에 높이는 방법을 고려해 보겠습니다. 이 사진에서 저는 언덕을 밝게 하고 대비를 높여서 숲이 더욱 "푹신"해 보이도록 하고 싶습니다. 초원을 밝게 하여 밝고 화창한 날의 느낌을 줍니다. 하늘이 하얗게 되는 것을 방지하고 대비를 감소시키는 것을 방지합니다.

그림자의 밝기를 증가시키는 주어진 곡선은 세 가지 문제 중 두 가지를 해결할 것입니다. 그림자와 3/4 톤에 누워 있는 언덕은 더 가볍고 대비가 높아질 것입니다. 중간 톤에 누워 있는 초원은 더욱 밝아질 것입니다. 그러나 1/4 톤과 하이라이트에 누워 있으면 하늘이 하얗게 변하기 시작하고 세부적인 대비가 잃습니다.

우리 앞에는 고전적인 고양이 세 마리가 있습니다: 언덕 - 검은 고양이, 초원 - 중형 고양이, 하늘 - 흰색 고양이(밝기를 평가하므로 단색 고양이로 작업할 수 있습니다). 이러한 각 개체는 상당히 좁은 색조 범위를 차지하지만 함께 전체 범위를 포괄합니다. 한 프레임에서 서로 다른 고양이 세 마리의 대비를 동시에 높이는 것은 불가능합니다.

이 상황에서 벗어나는 방법은 간단합니다. 개체를 더 좁은 색조 범위로 몰아넣어야 합니다. 검은 고양이는 어두워져서 그림자가 풀리고, 흰 고양이는 밝아져서 하이라이트가 풀리면 중간톤의 대비를 높일 수 있습니다. 가능한 한 밝기가 균일하고 각 물체에 충분한 대비가 있는 공작물이 필요합니다. 운하로 가자.

언덕은 사방이 어두워서 검은 고양이를 쫓아낼 수 없을 것이다. 남은 것은 흰 고양이의 어두워지는 것뿐이다. 하늘은 빨간색 채널에서 가장 어둡습니다(그리고 가장 세밀합니다). 이를 바탕으로 공개된 하이라이트로 인해 세 개체 모두 더 좁은 색조 범위에 있는 이미지를 얻습니다.

새 레이어 만들기( Red_Channel) Apply Image 명령을 사용하여 빨간색 채널의 내용을 여기에 추가합니다.

위에서 곡선 조정 레이어( 곡선 1). 그림자의 대비를 높이는 동시에 밝게 하며, 3/4톤에서 1/4톤 범위를 균일하게 밝게 하고, 모든 대비 손실을 1/4톤보다 밝은 범위로 재설정합니다. 하늘에 대해 걱정할 필요가 없습니다. 빨간색 채널에서는 밝기 구성 요소보다 더 어둡습니다.

레이어 병합 Red_Channel그리고 곡선 1그룹화( New_광도) 블렌딩 모드를 광도(Luminosity)로 변경합니다.

변경 사항이 너무 드라마틱해 보인다면 불투명도를 낮추거나 조정 곡선의 모양을 다듬을 수 있습니다. 그룹의 불투명도를 줄였습니다 New_광도최대 50%.

세상에 기적은 없습니다. 하늘이 주로 더 어두운 색조 범위로 이동했지만 하이라이트의 일부 세부 사항은 유지되었습니다. 그리고 구름의 가장 가벼운 부분이 손상되었습니다. 그러나 소프트 마스크를 사용하면 수정 사항을 제거하는 것이 훨씬 쉽습니다. 흐릿한 가장자리명확한 경계를 따라 언덕과 하늘을 분리하는 가면을 만들려고 하는 것보다.

주요 생각나는 이미 이 기술을 설명했습니다. 서로 다른 물체의 대비를 동시에 높이려면 물체를 가능한 가장 좁은 색조 범위로 유도해야 합니다. 이 예에서는 하나의 채널이면 충분했습니다. 여러 채널을 혼합하거나 톤 매퍼를 사용해야 하는 경우가 더 자주 발생합니다. 하지만 가장 좋은 방법밝기 면에서 물체를 서로 더 가깝게 하면 조명이 더욱 균일해집니다. 셔터를 당기기 전에 이에 대해 생각해 보십시오. 그러면 처리가 크게 단순화될 수 있습니다.

Adobe 직원 중에 Photoshop의 모든 기능을 알고 있는 사람이 있는지 궁금합니다.

나는 "유머" 섹션의 일부 포럼에서 이 질문을 발견했습니다. 글쎄요, 아시다시피 모든 농담에는 약간의 유머가 있지만 항상 특별히 큰 유머는 아닙니다. 많은 Photoshop 도구는 원래의 목적과 완전히 다른 문제를 해결하는 데 가장 효과적으로 사용됩니다. 포토샵 기능도구가 아니라 도구를 사용하는 방법에 있습니다.

그러나 도구가 작동하는 방식에 대한 알고리즘을 제시하지 않고는 그러한 방법을 효과적으로 적용하는 것은 불가능합니다. 나는 정확한 공식에 대해 말하는 것이 아니지만(그것들을 보는 것은 흥미로울지라도) 적어도 작업의 일반적인 논리를 이해해야 합니다.

다음 예에서는 Black&White 도구의 작동을 분석해 보겠습니다. 동시에 이 논리를 이해하고 처리 문제에 대한 명확한 설명을 통해 문제에 대한 해결책을 빠르게 찾을 수 있는 방법을 살펴보겠습니다.

다음은 Kutuzov 군대가 모스크바로 돌아온 것을 기념하여 지어진 개선문 사본 사진입니다. (사악한 아이러니하게도이 사본은 나폴레옹 군대가 도시에 들어간 길에 지어졌습니다). 화면 해상도가 전체 크기의 사진을 모든 세부 사항으로 표시하는 것을 허용하지 않으며, 작은 조각을 잘라내고 싶지 않으므로 작은 세부 사항을 보고 싶은 사람들은 기사 시작 부분에 언급된 파일을 다운로드하면 됩니다. .

아치는 치장벽토 패턴부터 접합부 및 클래딩의 거칠기에 이르기까지 풍부한 표면 질감을 가지고 있습니다. 그런데 벽이 가볍고, 빛도 꽤 밝아서 질감이 약하게 드러났어요. 어떻게 강조하나요?

아치의 벽은 가볍고 약간 포화되어 있으며 황적색입니다. 색조객체. 중간톤을 어둡게 하는 곡선은 밝은 물체의 세부 묘사 대비를 증가시킬 수 있습니다. 그러나 이미지가 너무 어두워지고 아치의 어두운 디테일이 사라집니다. 처음에 어두운 요소에 영향을 주지 않고 밝은 벽만 어둡게 만드는 도구가 필요합니다. Black&White는 그런 도구인데 순서대로 살펴보겠습니다.

이는 기본 설정으로 흑백을 사용하여 얻은 결과입니다. Photoshop에서는 이 시작 흑백 버전을 만들 때 원본 이미지의 밝기를 고려했습니다. 원본 이미지의 색조에 대한 흑백 밝기의 의존성을 고려할 뿐만 아니라 우리가 직접 설정하도록 권장됩니다.

색상환은 서로 원활하게 전환되는 6가지 색상 톤 범위로 구분됩니다. 각각의 밝기 또는 어두워짐을 설정할 수 있습니다. 노란색 슬라이더를 마이너스로 이동하면 노란색 색조가 있는 모든 개체가 어두워집니다. 채도는 어떻게 고려됩니까? 어둡게 하는 것이 진한 노란색과 약간 노란색을 띠는 개체에 다른 효과를 가져야 한다는 것은 논리적입니다.

이 문제를 이해하기 위해 사진의 확대된 부분을 살펴보겠습니다. 노란색 표지판과 황록색 나무 왕관 - 이 물체에는 포화된 색, 노란색 색조 범위에 속합니다. 집의 벽, 돌 울타리 기둥 및 아치 바닥도 노란색 톤으로 칠해져 있지만 채도가 약합니다.

모든 물체는 평균 밝기에 가깝기 때문에 흑백 이미지의 시작 버전에서는 상당히 균일해 보입니다.

노란색 슬라이더를 -130으로 이동해 보겠습니다. 채도가 높은 물체(간판, 나무)는 검게 변하고, 채도가 약한 물체는 약간 어두워지는 정도만 나타납니다. 이러한 결과를 바탕으로 다음과 같은 결론을 내릴 수 있습니다. 색상의 채도가 높을수록 색상의 채도가 높을수록 사용자 정의 어둡게 하기 및 밝게 하기가 더 강해집니다.

이전에 표시된 어두워지는 곡선의 효과로 비유(매우 조건부)를 그리려고 하면 포화된 물체는 처음에는 매우 어두운 물체와 같은 방식으로 어두워지고, 처음에는 아주 밝은 물체처럼 채도가 약한 물체가 어두워지는 것으로 나타났습니다. 즉, 채도가 약하고 상당히 밝은 물체의 경우 이는 대비가 증가하는 만큼 어두워지는 것이 아닙니다.

우리의 작업으로 돌아가 보겠습니다. 채도가 약하고 매우 가벼운 물체에 노란색-빨간색 톤으로 칠해진 세부 사항의 대비를 높이는 것입니다. 조정 레이어 만들기 검정, 흰색빨간색과 노란색 조절기를 -130으로 밉니다.

블렌딩 모드를 광도(Luminosity)로 전환하고 아치와 집이 얼마나 더 볼륨있고 눈에 띄게 되었는지 감탄해보세요. 감탄할 수 없습니까? 처음에 포화된 녹색, 노란색, 빨간색 물체가 주의를 산만하게 하는 어두운 구멍이 있습니까? 불투명도 컨트롤을 잡으려고 서두르지 마십시오. 문제가 완전히 제거되지는 않지만 유용한 변경 사항이 약화됩니다. 좋은 변화와 나쁜 변화가 있는 영역을 구분하는 데 어떤 기준이 사용되는지 생각해 보는 것이 좋습니다.

채도에 따라 구분됩니다. 우리의 보정은 채도가 약한 영역을 위해 설계되었지만 채도가 높은 영역에는 전혀 영향을 미치도록 의도되지 않았습니다. 채도 마스크를 사용해 보겠습니다.

레이어를 끄세요 검정, 흰색소스 위에 선택적 색상 조정 레이어를 만듭니다. 절대 모드에서 작업할 때 모든 색상 범위(빨간색, 노란색, 녹색, 청록색, 파란색, 자홍색)에 대해 검정 설정을 +100%로 설정하고 모든 중간 범위(흰색, 중간색, 검정)에 대해 검정을 -100%로 설정합니다. 매번 9가지 설정을 지정할 필요가 없도록 이 작업을 액션으로 작성하는 것이 편리합니다. 너무 게으른 나머지 스스로 작업을 수행할 수 없다면 내 것을 사용할 수 있습니다.

곡선 조정 레이어를 사용하여 결과 공작물의 대비를 높입니다. 이제 중립 영역에서는 효과를 놓치고 포화 영역에서는 마스크를 적용하는 마스크가 생겼습니다.

Alt 키를 누른 상태에서 Merge Visible 명령을 사용하여 마스크 이미지를 축소합니다. 별도의 레이어 (채도_마스크). 이 레이어는 나중에 이미지 적용 명령을 사용하는 데 필요합니다. 브러시나 Dodge 및 Burn 도구를 사용하여 마스크를 수동으로 수정할 수도 있습니다.

마스크를 만드는 데 사용된 레이어를 그룹( 채도_마스크) 가시성을 끕니다. 일반적으로 처리가 끝날 때까지 이러한 그룹을 버리지 않습니다. 갑자기 마스크를 다시 실행해야 합니다.

조정 레이어를 켜세요 검정, 흰색. 마스크 위에 서서 이미지 적용 명령을 사용하여 레이어 내용을 그 마스크에 던집니다. 채도_마스크. 문제가 해결되었습니다. 레이어 불투명도를 변경하고 흑백 설정을 변경하고 마스크를 수정하여 더 세밀하게 조정할 수 있습니다.

"도구가 하는 일"에 대한 지식과 "그림에서 무엇을 변경해야 하는지"에 대한 이해를 모으는 것만으로도 충분하며, 문제는 저절로 해결됩니다. 도구의 작동 방식을 연구하고, 이미지를 분석하고, 수정 작업을 명확하게 공식화하는 방법을 배우면 성공할 것입니다.

이 자료는 Photo Workshop 매거진의 블렌딩 모드에 관한 일련의 기사를 완성했지만 여기 LiveJournal에서는 실제 사용을 위한 기술을 계속 분석할 것입니다. 다음번에는 고스팅을 만들지 않고 밝은 물체의 디테일을 살리는 방법에 대해 이야기하겠습니다.

색보정 및 이미지 처리에 대한 오프라인 수업에 참석하려는 사람들은 다음 프로그램 및 예정된 이벤트 목록을 확인할 수 있습니다. 거기에서 내 다른 기사에 대한 링크도 찾을 수 있습니다.

저자와의 사전 동의 없이 이 자료를 다음과 같은 리소스에 재인쇄 및 게시하는 행위 무료 이용텍스트(이 섹션 포함), 링크 및 그림, 귀속 및 첫 출판물에 대한 링크는 완전히 보존됩니다.

을 위한 상업적 사용또는 변경 사항을 적용하여 재인쇄하려면 저자의 승인이 필요합니다. 이메일 웹사이트로 저에게 연락하실 수 있습니다

그리고 경험 많은 독자들은 좁은 원으로 알려진 프로그램에 의해 생성된 지옥 같은 초현실적인 그림을 공포에 떨며 기억했습니다. 포토매틱스 프로그리고 그녀를 좋아하는 다른 사람들도 있습니다. 이러한 소프트웨어의 설정을 올바르게 이해하면 도움을 받아 적절한 HDR 이미지를 얻을 수 있습니다. 일부 인테리어의 경우 이렇게 하지만 풍경에 대해 이야기하면 정말 최고는 아닙니다. 최선의 결정. 내 블로그에는 말 그대로 1년 반 전에도 그런 실험이 있었지만 지금은 밝기 마스크를 선택합니다( 휘도 마스크). 허락하신다면 이 단계에서는 이론 탐구를 중단하고 마지막으로 실습으로 넘어갈 것입니다. 죄송하지만 그것이 무엇인지는 설명하지 않겠습니다. 마스크그래픽 편집기의 이미지 처리 맥락, 작동 방식 등. 그렇지 않으면 내 게시물이 믿을 수 없을 정도로 "부풀려질" 것입니다. 또한 아래 설명된 방법에서는 대부분의 작업이 자동화되어 있으므로 처음에는 작동 방식을 이해하지 않고도 이 알고리즘을 고수할 수 있습니다. 어쨌든 당신의 사진은 조금 더 나아질 것이라고 확신합니다.

02 . 그래서 우리는 두 개의 이미지를 가지고 있습니다. 첫 번째는 "땅"이 잘 발달되어 있지만 "하늘"이 너무 밝아서 일몰 섬광이 거의 남지 않았습니다. 두 번째는 매우 드라마틱한 질감의 하늘을 가지고 있지만 "땅"은 너무 어두워서 세부 사항을 볼 수 없습니다. 노련한 프로를 위해 예약하겠습니다. 예, 이러한 프레임은 그다지 문제가 되지 않으며 첫 번째 프레임에서 하늘이 "당겨져 나올" 가능성이 높습니다. 그리고 아마도 누군가가 두 번째 그림자를 "당겨"는 일을 맡았을 것입니다. 상관없어요. 또한 이 프레임 쌍은 구성이 그다지 좋지는 않지만 가장 중요한 것은 시각적 예에 최적입니다. 수평선에 나무, 관목, 집 등이 없는 경우 선택 도구나 간단한 브러시를 사용하여 하늘의 밝기 마스크를 만들 수 있습니다. 예를 들어 여기에는 다소 복잡한 사례가 있습니다. 하지만 우리는 여전히 이 문제를 해결하려고 노력할 것입니다.

03 . 이 두 장의 사진을 Photoshop에 로드합니다. 어두운 프레임을 복사하여 밝은 프레임의 최상위 레이어로 붙여넣습니다. 손으로 들고 촬영했거나 삼각대의 신뢰성이 확실하지 않은 경우에는 Ctrl 키,두 레이어를 모두 선택합니다. 더 나아가 편집 - 레이어 자동 정렬. Photoshop은 그림을 서로 상대적으로 정렬하려고 시도합니다. 중요한! 이 단계 후에는 즉시 이미지를 자르고 정렬 작업 후 가장자리에서 "눈에 보이는 이동"을 제거합니다. 좋은 삼각대를 사용하여 촬영하는 경우 이 단계를 무시할 수 있습니다.

04 . 밝기 마스크 만들기로 넘어 갑시다. 보다 정확하게는 이를 생성하는 작업을 다운로드하는 것입니다. 그 전에는 만난 적이 있었어 유료 버전비슷한 행동이지만 누구에게도 칭찬하지 않습니다. 지미 매킨타이어, 뛰어난 알고리즘을 작성했으며 Photoshop 비디오 튜토리얼이 포함된 메일링 리스트를 구독하기 위한 다운로드 링크만 요청했습니다. 우리는 그의 웹 사이트로 이동하여 필요한 창에 업무 이메일을 입력합니다. 잠시 후 전체 패키지를 다운로드할 수 있는 링크를 받게 됩니다. 유용한 작업원작자 조립식 쇠지레. 죄송합니다. Photoshop에 설치하는 방법도 알려주지 않겠습니다(검색 엔진이 도움이 될 것입니다). 하지만 마지막에는 패널에 있습니다. 행위아이템이 있어야 해 휘도 마스크 생성. 아래쪽(밝은) 레이어를 선택하고 위쪽 레이어(눈이 있는 아이콘)의 이미지를 끈 후 버튼을 사용하여 마법 작업을 시작합니다. 플레이 선택.

05 . 작업 실행이 완료되면 패널로 이동합니다. 채널, 기존 채널 아래 빨간색, 녹색그리고 파란색, 액션을 생성한 새로운 사람 18명이 표시됩니다. 밝기 마스크입니다. 또한 모든 경우에 적용됩니다. 보시다시피 블록으로 나누어져 있습니다. 브라이트, 어두운 색상 옷그리고 중간톤. 그들 사이를 전환하면 왜 그렇게 불리는지 이해하게 될 것입니다.

06 . 채널을 돌리다가 결정했어요 브라이트 2. 이곳의 땅은 마스크(검은색으로 칠해진)로 거의 완전히 가려져 있고, 하늘은 오히려 문제가 되는 과다노출이 맞다. 상단 모서리, 반대로 열려 있습니다(조건부 흰색 음영). 채널을 선택하고 다음을 수행하십시오. Ctrl+클릭아이콘으로. 그 후에는 소위 "개미"가 이미지에 나타나 미래 마스크의 경계를 나타냅니다. 프레임 오른쪽에 나무의 윤곽이 얼마나 깔끔하게 그려져 있는지 확인하세요.

07 . 레이어 패널( 레이어), 최상위 레이어를 선택하고 마스크를 추가합니다. 이렇게 하려면 레이어 패널 맨 아래 중앙에 흰색 원이 있는 회색 직사각형 아이콘을 클릭하세요. 그리고 우리는 지금까지 "무너져" 있던 하늘이 분홍색으로 변한 것을 봅니다. 이것이 마스크의 작동 방식입니다. 두 번째 사진에서 아래쪽 레이어의 누락된 부분을 가져왔습니다. 사실감을 높이기 위해 상단 레이어의 불투명도를 원하는 대로 줄일 수 있습니다. 아름다움을 더 높이려면 가장자리가 부드러운 커다란 검은색 브러시를 사용하여 마스크에 칠합니다. 하단 부분, 수정합니다. 채널에서 브라이트 2,우리가 마스크로 선택한 것은 땅의 일부 밝은 디테일도 선택 항목에 포함되었으며 검은색 브러시를 사용하면 쉽고 빠르게 제거할 수 있습니다. 경우에 따라 작업을 수행하면 전혀 조정할 필요가 없는 마스크가 생성됩니다. 손으로 들고 촬영하거나 바람이 나무를 흔드는 경우 결과 마스크가 가우시안에 의해 약간 흐려질 수 있다는 점을 추가하겠습니다( 필터 - 흐림 - 가우시안 흐림).

08 . 여기서 수업이 끝날 수도 있었지만, 하늘이 더 핑크색이었기를 바랐습니다. 우리는 방금 했던 것과 거의 같은 일을 합니다. 패널로 가보자 채널그리고 우리는 그렇습니다 Ctrl+클릭,하지만 이미 채널을 통해 브라이트 5. 그것은 내 목적에 가장 적합합니다. 곡선 조정 레이어를 추가합니다( 곡선), 여기서는 빨간색 채널을 켭니다. 당연히 정밀한 휘도 마스크 덕분에 이미지의 오른쪽 상단, 즉 일몰 빛이 있던 부분만 분홍색으로 변합니다.

09 . 그 후 나는 완전히 익숙해졌고 개별 사진 조각에 추가로 마법을 걸었습니다. 그리고 그들 각각에게는 적합한 마스크가 있었습니다. 아래 스크린샷에서 동그라미를 쳤습니다. 또한, 개별 덤불, 이끼, 돌 등을 현지에서 가공했습니다. 물론 이렇게 하려면 마스크를 손으로 그려야 했습니다. 그러나 그것은 물론 또 다른 이야기입니다.

10 . 나는 거의 잊었다. 모든 조작을 완료한 후 모든 레이어를 하나로 병합합니다( Ctrl+Shift+E) 지미의 액션 팩에서 찾아보세요 휘도 마스크 삭제그리고 실행하세요. 더 이상 필요하지 않은 불필요한 채널을 모두 제거합니다.

11 . 음, 최종 결과입니다.
링크에서 원본 두 파일을 다운로드하여 결합한 후 댓글에 결과를 게시할 수 있습니다.

그게 다야. 이번 강의가 도움이 되기를 바랍니다.

업데이트:리뷰에 따르면 모든 사람이 밝기 마스크의 아름다움을 높이 평가하지는 않았습니다.
좋습니다. 다음은 더 많은 시각적 예입니다.

보시다시피 여기에는 수제 마스크도 많이 있지만 주요 마스크는 여전히 지미의 액션을 사용하여 만들어졌습니다.

이 기사에는 다음이 포함되어 있습니다. 최고의 jQuery아름다운 웹사이트를 만드는 데 도움이 되는 라이트박스 플러그인입니다.

이 jQuery 플러그인은 웹사이트에 팝업을 추가하는 데 사용됩니다. 이러한 플러그인은 모든 웹 디자이너와 개발자에게 매우 강력한 도구입니다. 아름다운 효과, 일반 웹사이트에 화려하고 매력적인 모습을 선사합니다. jQuery 플러그인을 사용하려면 JavaScript 및 jQuery에 대한 기본 지식이 필요합니다. 기본 사항을 모르는 경우에는 플러그인 설명을 읽고 지침을 따르십시오.

라이트줌

제가 작성한 플러그인부터 시작하겠습니다 - . 이 기사에서 플러그인이 어떻게 작동하는지 확인할 수 있습니다. 모든 이미지를 클릭할 수 있습니다. 개발할 때 나의 목표는 슬라이드쇼 효과 등 없이 이미지만 있는 간단한 라이트박스를 만드는 것이었습니다.

가볍고 터치 가능하며 가장 중요하게는 필요하지 않은 불필요한 부분을 제거할 수 있는 모듈식 플러그인입니다. 모바일 브라우저에서는 잘 작동합니다. 마치 손가락으로 스와이프하는 것처럼 이미지를 변경할 수 있습니다. 표준 적용, 부드러운 전환이 가능합니다.

부트스트랩용 라이트박스

처음에는 부트스트랩에서 라이트박스 플러그인을 사용할 수 없습니다. 그것을 수정합니다. Bootstrap을 사용하는 경우 이 라이브러리를 사용하는 것이 좋습니다. 플러그인은 Bootstrap과 잘 통합됩니다.

조각

Strip은 독특한 라이트박스 플러그인입니다. 이미지를 오버레이하는 대신 라이트박스 모듈은 이미지와 함께 좌우로 슬라이드되므로 이미지가 모든 콘텐츠를 가리지 않습니다. Strip은 이미지와 비디오를 모두 지원합니다.

- 이것 자바스크립트 라이브러리적응형 라이트박스 갤러리를 생성합니다. 가볍고 호환 가능 모바일 버전, CSS3에서 부드러운 이미지 전환을 쉽게 사용자 정의하고 사용할 수 있습니다.

리박스

Rebox는 매우 가볍고 빠른 콘텐츠용 라이트박스입니다. 물론 주로 이미지용입니다. 플러그인을 초기화하려면 JS와 CSS 라이브러리만 연결하면 됩니다.

훌륭한 라이트박스 플러그인. 페이드, 탄성, 확대/축소, 스크롤과 같은 여러 유형의 애니메이션을 지원합니다. 게다가, 그것은 또한 지원합니다 다른 종류 Youtube Embed, HTML 비디오, SWF 및 입력 양식을 포함한 미디어.

라이트갤러리

LightGallery는 고도로 사용자 정의 가능한 jQuery 플러그인입니다. 적응형 갤러리. 여기에는 라이트박스 보기, 슬라이드 쇼, 전체 화면 확대/축소, 미리 보기 등 필요한 모든 것이 포함되어 있습니다. 또한, 갤러리를 보는 사용자는 즉시 사진을 다운로드할 수 있습니다.

업계의 일부 형제들과 달리 팝업창에 아무것도 표시하는 결합체가 아닙니다. 플러그인은 단일 이미지와 세트(갤러리)의 일부로 이미지를 표시할 목적으로만 생성되고 작동하지만 이로 인해 매력이 떨어지지는 않습니다.

jQuery 라이트박스 플러그인

jQuery LightBox 플러그인은 간단하고 우아하며 눈에 띄지 않으며 추가 마크업이 필요하지 않으며 jQuery 선택기의 강력함과 유연성 덕분에 현재 페이지에 이미지를 오버레이하는 데 사용됩니다.

당신이 만들 수 있습니다 대화 상자페이스북 스타일에서는 대화 상자를 배치하여 생성하는 것이 가능합니다. 일반 텍스트일부 요소, 이미지, Ajax 페이지.

사진 갤러리를 만들고 아름다운 모달 창에 다른 콘텐츠를 표시하는 데 사용됩니다. 웹사이트에 사진 갤러리를 갖고 모달 창에 일부 콘텐츠를 배치할 계획이라면 이 스크립트에 주의하세요.

매우 가볍고 창 크기에 맞게 이미지 크기를 조정할 수 있으며 구성이 쉽습니다.

ImageLightbox.js는 이미지 전용 라이트박스이며 비디오, 텍스트 및 프레임을 동시에 위한 라이트박스는 아닙니다. 기본적으로 헤더, 탐색 버튼 또는 배경이 없습니다.

YouTube 및 Vimeo의 이미지와 비디오를 포함하여 다양한 유형의 콘텐츠를 표시할 수 있는 jQuery UI 미디어박스입니다. 여기 많아요 독특한 속성, 파노라마 및 실시간 크기 조정을 포함합니다.

jQuery를 TosRus

jQuery TosRus는 비디오 및 이미지 작업을 위한 편리하고 기능적인 jQuery 플러그인입니다. 스크립트는 라이트박스 도구와 수평 슬라이더 역할을 동시에 수행할 수 있습니다. 모달 창의 콘텐츠는 기본적으로 반응형입니다. 터치 장치에 적합합니다.

- jQuery를 기반으로 한 라이트박스 유형 중 하나로, 기존 라이트박스보다 더 발전된 기능을 갖추고 있습니다. 모든 아날로그와 마찬가지로 배경 투명도, 표시 속도, 효과, 크기, 레이블 등을 제어하기 위한 다양한 설정이 있습니다.

눈에 띄지 않고 반응성이 뛰어난 라이트박스를 구현하도록 설계된 jQuery 플러그인입니다. 높은 해상도. 그것은 훌륭하게 작동합니다 모바일 장치아, 그리고 더 많은 화면에서도 사용할 수 있습니다 높은 해상도아름다운 이미지 출력을 위해

– jQuery 플러그인 데스크톱 컴퓨터, 스마트폰 및 태블릿. 그는 지지한다 터치 컨트롤모바일 장치의 경우 데스크탑 장치의 키보드 탐색, JQuery 컨트롤로 대체되는 CSS 전환, 사용자 정의가 매우 쉽습니다.

jQuery 슈퍼박스

jQuery Superbox를 사용하면 이미지, 이미지 그룹, 외부 페이지 또는 특정 콘텐츠에 대한 라이트박스를 매우 쉽게 만들 수 있습니다. 플러그인은 완전히 액세스 가능하고 설명이 필요 없으며 "rel" 속성을 사용하여 스크립트를 실행하고 "href" 속성을 사용하여 이미지 또는 페이지의 URL을 지정합니다.

- jQuery 라이트박스 플러그인 광범위한 지원비디오, Flash/SWF, Ajax, 프레임 및 지도를 포함한 다양한 미디어 형식. 이 플러그인은 버튼도 추가합니다 소셜 네트워크상단에 표시되어 사용자가 Facebook, Twitter 또는 Reddit에 공유할 수 있습니다. 또한 다양한 경우에 적용할 수 있는 추가 설정도 있습니다.

- 이건 또 하나야 반응형 jquery이미지, iFrame, Google 지도, Vimeo 및 YouTube 비디오를 표시하는 데 적합한 라이트박스 플러그인입니다. 플러그인이 계산합니다. 최대 너비이미지를 화면에 표시하고 창 높이보다 크더라도 비례적인 높이를 유지합니다.

jQuery를 사용하여 아름다운 팝업을 쉽게 만들 수 있습니다. 강력한 API를 사용하여 미디어 콘텐츠를 자동으로 향상하거나 사용자 정의 팝업을 만들 수 있습니다.

- 뛰어난 적응형 라이트박스. 어떤 화면에서도 멋지게 보일 멋진 갤러리를 만드는 데 사용할 수 있습니다.

Magnific Popup은 사용하기 쉽습니다. jQuery 플러그인생산성에 초점을 맞춘 라이트박스입니다. 주요 목표는 모든 장치에서 편안한 경험을 제공하는 것입니다.

숙련된 개발자를 위한 6KB의 기본 플러그인으로 필수 요소만 포함되어 있습니다. 예를 들어 갤러리의 이미지 그룹에 라이트박스 효과가 필요한 경우 갤러리 확장을 활성화할 수 있습니다. 프로젝트에 사용할 플러그인 확장을 직접 개발할 수도 있습니다.