동의합니다. 가장 특이한 선물 중 하나는 콜라주입니다. 그들은 인테리어를 장식하고 친구를 웃게 하고 사랑하는 사람을 기쁘게 할 수 있습니다. 원본 사진은 일반적으로 사진관에서 주문하거나 컴퓨터에서 직접 촬영하려고 합니다. 한 사진의 임포지션을 다른 사진에 유기적으로 보이게 하려면 몇 가지 간단한 조합을 배워야 합니다. 가장 중요한 것은 프레임 간에 대비가 없다는 것입니다. 콜라주의 배경을 선택할 때 두 사진의 색 구성표와 빛의 방향, 물체와 주 물체의 크기를 고려해야 합니다. Photoshop에서 부드럽게 전환하는 방법을 이해하려면 이 문서에 나와 있는 단계를 따르십시오.

절차에 대해

다음 동작 순서를 연습해 보세요.


연구 그래픽 편집기특이한 작품을 만들고, 이미지를 수정하고, 편집하고, 모든 사진 자료로 놀라운 구성을 만들 수 있습니다!

이 기사를 통해 작업에 성공적으로 대처하고이 흥미롭고 창의적인 프로세스에서 진정한 즐거움을 얻을 수 있기를 바랍니다.

1표

좋은 하루, 친애하는 독자들. 오늘 저는 학습 이론이 실제로 가장 잘 수행된다는 것을 증명하기로 결정했습니다. 초보자도 1시간이면 달성할 수 있습니다. 좋은 결과 Photoshop에서 아무것도 이해하지 못한 채! 보세요, 이 사진은 전적으로 그라디언트 덕분에 만들어졌습니다. 그들은에 적용됩니다 다양한 요소그리고 다양한 변형에서.

이 기사를 끝까지 읽으면 Photoshop에서 부드러운 색상 전환을 만드는 방법을 배울 수 있을 뿐만 아니라 이 지식을 텍스트, 모양, 아름다운 반짝이는 다이아몬드 만들기 등과 관련하여 실제로 적용할 수 있습니다.

나는 이미 이 사진을 찍었다. 원한다면 완전히 같거나 더 나은 것을 스스로 만들 수 있지만 다른 예를 들어 가르쳐 드리겠습니다. 어느 것? 기사 끝에서 알아보십시오. 나는 당신과 함께 그림을 그리고 그 과정을 병렬로 설명 할 것입니다. 나는 아직 내가 무엇을 할 수 있는지 모릅니다. 덕분에 어떤 문제가 발생할 수 있는지 확인하고 해결하는 데 도움을 줄 수 있습니다.

항상 이기는 옵션의 기본 지식과 하나의 비밀

따라서 먼저 Photoshop을 열어야 합니다. 이 프로그램을 다운로드하는 것이 좋습니다( 구입 라이선스 버전당신은 여기 할 수 있습니다 ). 당신은 그녀보다 더 나은 것을 찾지 못할 것입니다. 첫 번째 시도 후 프로그램을 완전히 잊고 마스터하지 않고 돈을 헛되이 쓰지 않을까 두려워하는 경우 시도 할 수 있습니다 온라인 서비스 https://editor.0lik.ru/ . 자신만의 프로그램을 갖는 것이 훨씬 더 편리하며 곧 그 이유를 알게 될 것입니다.

Photoshop의 2015 버전은 다음과 같습니다. 다른 버전이 있어도 걱정하지 마십시오. 모든 것이 거의 비슷할 것입니다. 옵션이 약간 줄어들고 이것이 유일한 차이점입니다.

새 문서를 만듭니다.

사이즈 선택은 저에게 가장 어려운 질문 중 하나입니다. 기준으로 삼았습니다 최대 치수게시할 사진 소셜 네트워크에서. 800x500이지만 이해하시겠지만 이것은 요점이 아닙니다. 그것은 모두 당신이 수행 할 목표와 목표에 달려 있습니다. 포토샵 도움말.

오른쪽 패널에는 그라디언트를 포함한 모든 기본 버튼이 포함되어 있습니다. 그러나 지금은 찾을 수 없습니다. 어때요? Photoshop으로 작업하는 방법을 배우기 시작했을 때 나 자신도 이 문제에 직면했습니다. 기사를 읽고 정보의 절반은 타사 소스에서 찾아야 합니다. 구글 구글 구글.

주제에서 작은 이탈에 대해 모든 것을 아주 잘 알고 있는 매우 똑똑한 독자인 저를 용서해 주십시오. 모든 블로그 방문자가 내 수업에 참여할 수 있기를 바랍니다. 아마도 언젠가는 당신에게 매우 유용할 것입니다. 많은 시간을 절약합니다.

돋보기를 제외한 거의 모든 버튼의 오른쪽 하단 모서리에 화살표 같은 것이 있습니다. 이는 버튼에 여러 도구가 숨겨져 있음을 나타냅니다.

몇 초 동안 유지 왼쪽 버튼버튼을 클릭하여 추가 메뉴를 열고 그라디언트를 선택합니다.

상단에 또 다른 추가 메뉴가 열렸습니다. 그라디언트에만 적용됩니다. 텍스트를 클릭하십시오. 브러시 상단에 특수 텍스트 메뉴가 열리며 ... 글쎄, 이해합니다.

색상 아이콘 옆에 있는 화살표를 클릭합니다. 여기에 표준 전환 또는 업로드한 전환이 저장됩니다.

자신을 디자인 천재라고 생각하지 않는다면 인터넷에서 다운로드하는 것이 좋습니다. 무료 템플릿. 그들은 가득 찼습니다. 첫째, 시간을 절약하고 둘째, 여러 유사한 옵션을 일반적으로 동일한 스타일로 생성된 테마로 결합합니다. 이것은 문제 없이 한 장의 사진에 적용할 수 있으며 거의 ​​항상 좋게 보일 것입니다.

새 템플릿을 설치하는 것은 문제가 되지 않습니다. 인터넷에서 다운로드한 다음 오른쪽 상단 모서리에 있는 너트를 선택하고 "다운로드 ..." 링크를 찾으십시오.

컴퓨터에서 다운로드한 파일이 있는 폴더를 선택하고 저장합니다.

목록 맨 아래에 추가됩니다.

채우다

이제 채우는 방법을 알아봅시다. 원하는 옵션을 선택하고(조금 후에 생성으로 이동함) 클릭합니다. 화면의 아무 곳이나 마우스 왼쪽 버튼을 누른 상태에서 아무 방향으로나 끕니다. 색상 전환 위치를 결정합니다.

차이점을 참조하십시오.

어디든지 돌 수 있습니다.

선을 계속 움직이고 그라디언트가 흐려지지 않도록 하려면 시프트 버튼방향을 설정하는 동안.

이제 중앙에서 색상 전환이 수행됩니다. 자체 그라디언트를 만들 때 설정을 자세히 살펴보겠습니다. 이제 센터의 이동에 대해서만 이야기하겠습니다. 이 게시판을 클릭하세요.

아래 색상에 대해 마우스 왼쪽 버튼을 잡고 왼쪽 또는 오른쪽으로 이동합니다.

여기 내가 끝낸 것이 있습니다.

글자를 현대적으로 보이게 하기 위해 텍스트에 그라디언트를 적용하는 방법

이제 무언가를 작성해 보겠습니다. 해당 버튼을 선택합니다.

크기나 글꼴 자체를 변경해야 하는 경우 화면 상단의 패널에 주의하십시오. 모든 것이 간단합니다.

이제 Ctrl 키를 누르고 동시에 새 텍스트 레이어의 축소판을 클릭합니다. 아래 스크린샷과 같이 텍스트가 아닌 직사각형을 클릭해야 하므로 주의하십시오.

이제 새 레이어를 만들어 보겠습니다. 문제를 해결하기 위한 세 가지 옵션이 있습니다. Shift, ctrl, N을 동시에 누르고 있습니다. 상단의 패널을 사용하여 "Layer - new - create"를 찾으십시오. 우측 퀵메뉴의 버튼을 이용하세요. 아래 그림에서 화살표로 표시해 봤습니다.

이제 글자 가장자리의 강조 표시를 제거하려면 선택 영역을 클릭한 다음 그림의 아무 곳이나 클릭하면 됩니다. 이 결과를 얻습니다.

이것이 본문의 끝이 아닙니다. 봐, 우리는 2개의 레이어를 가지고 있습니다: 하나는 그라디언트가 있고 다른 하나는 글자가 있습니다. 왜 거기에서 일어난 일입니까? 최선을 다해 설명하겠습니다. 명확하지 않은 경우 의견을 작성하십시오. 당신은 텍스트를 작성했습니다. Photoshop은 이것이 문자임을 깨닫고 늘리거나 줄이거나 글꼴을 변경하는 등의 작업을 제안했습니다.

그런 다음 이 조각을 선택했습니다. 우리는 새 레이어를 만들었습니다. 유추를 그리면 종이에서 스텐실을 잘라서 채웠습니다. 이 시점에서 Photoshop은 손실되었습니다. 그는 당신의 편지를 보는 것을 멈췄습니다. 그에게 그것은 마름모, 정사각형 또는 중앙이 잘린 원과 같은 일부 그림의 일부일 뿐입니다. 레이어의 문자로 작업을 시작하면 텍스트에 그라디언트를 적용하려는 경우 성공하지 못할 것입니다.

이제 텍스트를 어딘가로 이동하기로 결정하고 적절한 섹션으로 이동한 다음 화살표를 이동하기 시작하면 모든 것이 밖으로 이동합니다.

혼동하지 않도록 텍스트 레이어를 삭제합니다. 그것을 클릭 마우스 오른쪽 버튼으로 클릭마우스를 누르고 원하는 옵션을 선택하십시오.

그라디언트 유형, 모양 채우기 및 별 만들기

상단의 그래디언트 막대에 주의를 기울이면 선형, 방사형, 각도, 반사 또는 다이아몬드와 같은 다양한 형태로 제공된다는 것을 알 수 있습니다. 차이점을 보는 것은 어렵지 않습니다. 이를 위해 기사를 읽을 필요가 없습니다. 백지하나 또는 다른 옵션을 적용해 보십시오. 무슨 일이 일어 났는지보십시오.

주의할 점은 제 그림처럼 완벽한 결과를 보려면 화살표가 중앙에서 향해야 한다는 점입니다.

이제 우리 사진으로 돌아갑니다. 재미있는 기술을 하나 가르쳐 드리겠습니다. 색상 전환은 그리는 모양 내에서 사용할 수 있습니다. 이것은 특히 웹 사이트를 만들려는 사람들에게 매우 유용합니다.

따라서 직사각형이나 원을 선택하십시오. 그것은 중요하지 않습니다.

이제 채우기 색상입니다.

그래디언트 섹션으로 넘어 갑시다.

여기에 마름모가 필요합니다.

봐, 다 됐어 흥미로운 효과, 그것은 단지 흰색이 모든 것을 망칠 뿐입니다. 투명함이 필요합니다. 템플릿 내부에서 찾을 수 있습니다. 템플릿 내부에 그러한 격자가 보이면 이것이 우리에게 필요한 것입니다.

설정을 가지고 놀아보면 완벽한 핏을 얻을 수 있을 것입니다.

이제 이 플래시를 복제해 보겠습니다. 이동을 선택합니다. 버튼을 클릭하면 됩니다.

이제 Alt를 누른 상태에서 복제본을 옆으로 끕니다.

나는이 결과를 얻었다.

웹사이트용 새 그라디언트 및 버튼 만들기

마지막으로 그라디언트를 처음부터 직접 만드는 방법과 동시에 설정을 이해하는 방법을 알려 드리겠습니다. 뭔가를 만들어보자 아름다운 버튼? 내 그림에 모서리가 둥근 사각형을 추가합니다.

이것이 어떻게 생겼는지입니다. 이번에는 내부 채우기를 사용하지 않습니다. 그것을 통해 새로운 템플릿으로 작업하는 것은 그리 편리하지 않습니다. 지금은 그냥 검은색으로 두십시오.

익숙한 도구를 선택하고 플레이트를 클릭합니다.

새로운 그라디언트는 이전 그라디언트를 기반으로 생성됩니다. 아무거나 클릭하세요. 이전 버전은 사라지지 않습니다. 그런 다음 새 이름을 찾아 저장하십시오.

탑의 도움으로 제어점투명도 수준을 제어할 수 있습니다.

낮은 것들의 도움으로 색상 작업이 수행됩니다. 감마를 확장하려면 아무 지점이나 클릭하면 복제됩니다.

원하는 만큼 만들 수 있습니다.

트랜지션을 현대적으로 보이게 하려면 색상을 부드럽게 해야 합니다. 이 표시기를 만지지 마십시오. 그러면 모든 것이 정상입니다. 100%여야 합니다. 준비가 된. "확인" 또는 "저장"을 클릭할 수 있습니다. 모든 것은 귀하의 요구에 달려 있습니다.

이제 우리는 텍스트로 아주 최근에 이미 한 것을 반복합니다. Ctrl 키를 누른 상태에서 가운데에서 원하는 스타일의 버튼을 클릭하고 이를 기반으로 새 스타일을 만듭니다.

이제 전환을 추가하고 짜잔.

버튼에 텍스트를 추가하면 됩니다. 필요한 장치가 완성된 이유는 명확하지 않습니다. 그건 그렇고, 당신이 원한다면 내 소스를 다운로드할 수 있습니다( gradient.psd 소스 다운로드 ). Photoshop에서 열고 내 사진을 개선할 수 있습니다. 나는 그것이 어려울 것이라고 생각하지 않는다.

자, 이제 끝났습니다. 이제 그라디언트에 대해 많이 알게 되었습니다. 당신이 디자이너, 레이아웃 디자이너, 웹사이트 제작자이거나 되고 싶고 이 강의가 정말 유용했다면 뉴스레터를 구독하고 관심 있는 분야에 대해 자세히 알아보세요. 다음 사이트에서도 확인할 수 있습니다. https://photoshop-master.org/disc149/ . 여기에서 유료 및 무료 코스 Photoshop을 사용하여 실제적이고 전문적인 작업을 배울 수 있습니다.

행운을 빕니다. 또 뵙겠습니다.

이 기사에서는 인기있는 이미지 간의 부드러운 전환을 위한 방법.

이러한 전환은 복잡한 콜라주를 만들거나 여러 장의 사진을 한 장의 사진에 아름답게 배열하려는 경우에 필요합니다.

아래의 모든 옵션: 부드러운 지우개, 부드러운 브러시 및 그라디언트, 최선의 방법는 그라데이션입니다. 품질 손실없이 일류 전환을 만드는 사람입니다. 소스 이미지. 직접 확인하십시오. 지우개를 사용하여 픽셀 위에 페인트를 칠하지만 모든 것을 완벽하게 칠할 수 있다는 보장은 무엇입니까? 물론 하루 종일 Photoshop에서 픽셀 하나 하나를 지울 수 있습니다. 그러나 특정 작업에 많은 시간을 소비하지 않고 모든 것을 빠르게 수행하기 위해 노력하기 때문에 "게임은 촛불 가치가 없습니다"라고 생각합니다.

부드러운 지우개와 브러시는 두 장의 사진이 잘 섞이고 딱딱한 가장자리로 인해 이질적으로 보이지 않도록 가장자리를 페더링하는 데 좋습니다.

이제 자세히 살펴보겠습니다.

부드러운 지우개

지우개 도구는 브러시 옵션과 함께 사용할 수 있으므로 부드러운 브러시아래 레이어에 있는 다른 이미지가 보이도록 이미지의 일부를 지울 수 있습니다. 이 기술을 사용하면 원하는 결과를 얻을 수 있지만 되돌릴 수 없습니다. 마음이 바뀌고 이미지를 다른 방식으로 연결하기로 결정하면 처음부터 다시 시작해야 합니다.

병합하려는 두 이미지를 하나의 문서(각각 별도 레이어에 있음)에 배치했으면 다음을 수행합니다.

1. 부분적으로 지우고 싶은 이미지를 레이어 팔레트의 맨 위로 드래그합니다.

메모

지우기 전에 결과가 마음에 들지 않는 경우를 대비하여 작업 중인 레이어를 복제하는 것이 좋습니다(이 작업을 수행하려면 Ctrl+J를 누르십시오). 새 레이어가 방해가 되지 않도록 하려면 가시성을 끄고 필요한 경우 다시 켤 수 있습니다.

2. E 키를 눌러 지우개를 선택하고 브러시 모드로 설정합니다. 이렇게 하려면 옵션 막대의 모드 드롭다운 목록에서 브러시를 선택합니다. 그런 다음 브러시 사전 설정 드롭다운 목록에서 부드러운 브러시를 선택합니다. 불투명도 및 압력 필드가 100으로 설정되어 있는지 확인합니다.

전환을 더욱 부드럽게 만들려면 지우개의 불투명도 값을 실험해 보십시오. 불투명도 값을 낮추면 더 많은 것을 만들 수 있습니다. 부드러운 전환, 개별 마우스를 클릭하는 대신 브러시를 원하는 영역 위로 이동합니다.

3. 이미지 위에 마우스 포인터를 놓고 원하지 않는 부분을 지웁니다. 실수를 하거나 마음이 바뀌면 히스토리 팔레트를 사용하여 몇 브러시 스트로크로 돌아가거나 Ctrl + Z 키 조합을 눌러 마지막 작업을 실행 취소하십시오.

부드러운 브러시와 레이어 마스크

지우개의 대안은 반대 옵션입니다. 큰 부드러운 브러시로 레이어 마스크 페인팅. 이 경우 사진을 삭제하지 않고 일부만 숨깁니다.

오토바이의 속도를 강조하고 싶다고 가정해 보겠습니다. 모션 효과 향상이미지에 약간의 모션 블러를 추가한 다음 레이어 마스크로 블러를 숨김으로써 이를 수행할 수 있습니다.

만드는 방법은 다음과 같습니다. 빠른 모션 효과:

1. 그림을 열고 Ctrl + J 키 조합을 눌러 원본 레이어의 복제본을 만듭니다.

2. Filters => Blur => Motion Blur 메뉴 명령을 선택하십시오. 이 필터를 사용하면 개체가 매우 빠르게 움직이는 느낌을 만들 수 있습니다. 필터는 이미지 전체를 흐리게 하기 때문에 원하는 개체가 보기 어려워지므로 레이어 마스크를 추가하여 흐릿한 레이어의 일부를 숨겨야 합니다. 추가하려면 팔레트 하단의 사각형 안에 원 이미지가 있는 버튼을 클릭하십시오.

3. B 키를 눌러 브러시 도구를 선택하고 크고 부드러운 브러시를 선택합니다. 검정색을 전경색으로 설정합니다.

레이어 마스크와 관련하여 검정색으로 그리는 것은 이 경우에 해야 할 일을 숨깁니다. 도구 패널의 아래쪽을 보고 흑백으로 표시되면 검은색 표시기가 맨 위에 올 때까지 X 키를 누릅니다. 다른 색상을 선택한 경우 먼저 D 키를 눌러 기본 색상을 설정한 다음 검은색 표시기가 맨 위에 올 때까지 X 키를 누릅니다.

6. 이미지 위에 마우스 포인터를 놓고 브러시를 사용하여 흐릿한 레이어의 일부를 숨깁니다.

그라디언트 마스크

부드러운 브러시를 따로 보관하십시오. 만들다 가능한 가장 부드러운 전환사용 가능한 그라디언트 - 한 색상에서 다른 색상으로 부드럽고 점진적인 전환. 부드러운 브러시와 그라디언트를 사용하여 이미지를 결합하는 방법은 이미지를 하나의 문서로 결합한 다음 레이어 마스크를 맨 위 레이어에 추가한다는 점에서 유사합니다. 그러나 검은색 또는 흰색 브러시로 마스크를 칠하는 대신 한 이미지에서 다른 이미지로 매끄럽고 원활한 "흐름"을 위해 검은색 투명 또는 흑백 그라디언트를 사용합니다.

1. 콜라주의 전경에 있어야 할 그림을 레이어 목록의 맨 위로 드래그하여 레이어 마스크를 추가합니다.

2. G 키를 눌러 그라디언트 도구를 선택합니다. 옵션 막대에서 드롭다운 선택 화살표를 클릭합니다. 드롭다운 목록에서 검정에서 투명으로의 그라디언트를 선택하고 유형 그룹에서 선형 그라디언트 버튼을 클릭합니다.

3. 제 예에서는 오른쪽의 배트맨 로고를 투명하게 만들고 싶습니다. 이렇게 하려면 마우스 버튼으로 로고의 테두리를 클릭하고 로고의 중앙이 보일 때까지 키를 누르고 있습니다. 키를 놓으면 이미지 간에 부드럽게 전환됩니다. 전환 품질을 향상시키기 위해 그라디언트를 반복해서 적용할 수 있습니다.

드래그할 때 Photoshop은 전환 폭을 나타내는 선을 그립니다. 선이 짧을수록(포인터를 드래그하는 거리가 짧을수록) 전환이 더 좁고 단단해집니다(선명한 경계는 없지만 가까운 것을 얻을 수 있습니다. 그것에); 선이 길수록 그라디언트가 넓어지고 전환이 더 부드러워집니다.

텍스트에 오류가 있음을 확인했습니다. 텍스트를 선택하고 Ctrl + Enter를 누르십시오. 고맙습니다!

안녕하세요 친애하는 초보 웹마스터입니다. 다시 .

이 기사에서는 어두운 색조에서 밝은 색조로, 한 색상에서 다른 색상으로 전환하는 방법을 설명합니다.

이러한 동작을 그라디언트라고 하며 실제로는 배경 이미지, 다음 두 값을 취하는 background 속성에 의해 실행됩니다.

1. 선형 그라디언트 - 한 모서리 또는 모서리에서 다른 모서리로의 색상 전환.

2. 방사형 그라디언트 - 중심에서 가장자리로의 색상 전환.

다음과 같이 작성됩니다.

배경 : -moz-linear-gradient (상단, #ff0000, #ffcfcf );
상단, #ff0000, #ffcfcf);

아래에서는 예를 사용하여 이 레코드의 각 요소를 자세히 분석합니다.

불행히도 그라디언트는 브라우저 및 W3C 사양에서 여전히 렌더링 문제가 있으므로 값을 접두사로 추가해야 합니다.

값의 시작 부분에 접두사를 넣고 대시로 시작합니다.

이것은 요소 선택기에 삽입해야 하는 목록입니다. 아름다운 배경모든 브라우저에 올바르게 반영됩니다. 아름다움에는 희생이 필요합니다.





제목이 없는 문서





Это самый простой, двухцветный градиент. Разберём подробно значения свойства background

В первой строке задаётся фон для браузеров не поддерживающих линейный градиент.

Следующие 5 строк — для отображения фона в разных браузерах. Сначала пишется значение градиента с префиксом в начале.

Затем, в круглых скобках:

top — направление от которого начинается первый цвет (может быть bottom , left , right )

#ff0000 — через запятую первый цвет;

#ffcfcf — через запятую второй цвет;

У Safari, до 5-ой версии, и у Chrome до десятки был свой собственный синтаксис, заметно увеличивающий код. Наверное поэтому, градиент для этих версий, зачастую, не указывается, особенно при наличии большого количества цветов.

Можно сделать переход цвета не горизонтально, или вертикально, а из угла в угол. Для этого существуют следующие направления:

bottom right — от правого нижнего угла к левому верхнему;

bottom left — от левого нижнего к правому верхнему;

top right — от правого верхнего к левому нижнему;

top left — от левого верхнего к правому нижнему;

Можно сделать переход цвета от центра блока к краям. Тогда в значении вместо слова linear (линейный), ставиться radial (радиальный)

#gradient {
background : #ff0000 ;
background : -moz-radial-gradient (center, ellipse cover, #ff0000, #ffcfcf );
background : -webkit-radial-gradient (center, ellipse cover, #ff0000, #ffcfcf );
center, ellipse cover, #ff0000, #ffcfcf );
center, ellipse cover, #ff0000, #ffcfcf );
width : 600px ;
height : 400px ;
border : 1px solid #333 ;
}

А теперь давайте сделаем, так сказать, что-то типа радуги. Для этого добавим в вышеприведённый код ещё пару цветов, и зададим в процентах объём каждого цвета (количество цветов не ограничивается)

Объём цвета задаётся от 0% до 100%, (первый — 0%, последний — 100%, остальные между ними в порядке следования). Рассмотрим этот вариант на радиальном градиенте. На линейном делается всё аналогично.

#gradient {
background : #ff0000 ;
background : -moz-radial-gradient ();
background : -webkit-radial-gradien t(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100% );
background : -o-radial-gradient (center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005 );
background : -ms-radial-gradient (center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100% );
width : 600px ;
height : 400px ;
border : 1px solid #333 ;
}

Принцип, я думаю, понятен. Так что строку для Safari до пятой версии, и Chrome до десятой, попробуйте написать самостоятельно.

Градиент задаётся любому блоку HTML (body, div, h1-6, p, ul, ol), и как глобальным, так и встроенным стилем (это для сайта на WordPress).

Теперь несколько слов о том, как и где подбирать цвета. Есть сервисы по созданию градиентов, предлагающие и цвет, и процент объёма, и код градиента, но выбор у них ограничен предложением.

Поэтому я пользуюсь инструментом colorscheme.ru , в котором можно подобрать цвет в неограниченном диапазоне, и оптимально подобранных последовательностях и сочетаниях.

В верхнем ряду панели выбирается количество сочетаемых цветов. Пройдя по «Угол 30°» меняется диапазон выбора.

В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.

В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.

Желаю творческих успехов.

— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!

Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!

Создание коллажа – это не просто объединение нескольких фотографий в одну. Правильный коллаж показывает мастерство автора, а также демонстрирует его умение красиво и грамотно расположить фотографии так, чтобы это выглядело стильно и привлекательно. Удачным и заметным будет коллаж, в котором между фотографиями нет заметных границ – вместо этого фотографии как бы перетекают друг в друга. Этого эффекта можно добиться, выполнив несложные операции в Adobe Photoshop.

Вам понадобится

Инструкция

  • Откройте две фотографии примерно одинакового размера, которые вы хотите объединить в коллаж.
  • Нажмите клавишу V, чтобы активировать инструмент перемещения, и перетащите одну фотографию на другую, чтобы они оказались обе в одном окне в двух разных слоях.
  • Выберите в списке из появившихся двух слоев верхний, а затем добавьте к нему векторную маску (Add layer mask).
  • Около пиктограммы фотографии в строке слоя появится пиктограмма маски в виде белого квадрата. Щелкните на нее, чтобы активировать слой. Пиктограмма будет обведена черной рамкой, что показывает ее активность.
  • На панели инструментов выберите градиент и укажите направление градиента, проведя линию от правого нижнего угла к правому верхнему углу. Вы заметите, как одно из изображений начнет проявляться сквозь другое там, где вы провели угловой градиент.
  • Экспериментируйте и меняйте длину и ширину градиента, пока результат вас не удовлетворит, и изображения не будут плавно и красиво перетекать друг в друга в том месте, в котором вы хотите видеть переход.
  • Чтобы добиться нужного эффекта, используйте градиент только при активированном режиме маски слоя – в противном случае, у вас ничего не выйдет.
  • Выходите из режима маски, щелкнув курсором мыши на пиктограмме фотографии в слое, уже после того, как ваш коллаж будет готов.
  • Объедините слои (Merge layers) и сохраните коллаж в нужном формате.