Photoshop으로 "지그재그, 들쭉날쭉 한"효과를 만드는 방법은 무엇입니까?


13

사각형의 아래쪽 (또는 위쪽 또는 가장자리)에 지그재그 선의 효과를 만들고 싶습니다. 또한 웹 페이지에서이 이미지를 사용하고 싶습니다. 따라서 CSS를 통해 이미지를 반복 할 수 있도록해야합니다.

여기에 이미지 설명을 입력하십시오

올바른 용어를 사용했는지 여부를 알 수 없으므로 수정하십시오. 이 효과는 지그재그라고 하는가? Photoshop (Illustrator가 아닌)에서 어떻게 만들 수 있습니까?


1
"지그재그"효과를 사용하여 Illustrator에서 스마트 객체로 붙여 넣는 것이 좋습니다.
— Salman von Abbas

답변:


17

나는 아마도 다음과 같이 할 것입니다 :

1. 사각형 만들기.

를 타고 Rectangle tool 사각형 도구와 함께 Shape layers사용 가능.

사각형 도구 옵션

Shift버튼을 누른 상태에서 정사각형 을 만들어 완벽한 정사각형을 만드십시오 .

(이 경우 크기는 중요하지 않습니다. (아 ...) 내가 원하는 톱니 크기보다 조금 더 크게 만들려고하지만, 당신은 바로 정확한 크기를 만들 수 있습니다. 4 단계 에서 자르기, 자르기 정말 좋습니다. )

img 1

2. 사각형을 45도 회전

미국 Free transform ctrl+t

Shift버튼을 누른 상태에서 사각형을 45도 회전하여 45도 에서 스냅 할 수 있습니다.

img 2

3. 사각형을 만들고 사각형을 배치하십시오.

여전히와 함께 Rectangle tool상단에 큰 직사각형을 만드십시오.

그런 다음 정사각형을 Move tool이동 도구위 또는 아래로 이동 하여 정사각형을 배치 할 수 있고, 정사각형을 조금 또는 더 많이 표시 하여 정사각형 크기를 결정할 수 있습니다.

이미지 3

4. 자르기, 잘 자릅니다.

가지고 Crop tool 자르기 도구및 자르기 영역을 선택합니다.

톱니를 선택하여 확대하고 추가로 채우고자를 수 Crop tool 자르기 도구있습니다.

이제 기술적으로 실제로 큰 정사각형을 만들어자를 수 있지만 추가 직사각형은 크기가 어떻게 보이는지 쉽게 볼 수 있도록하는 것이 었습니다.

이미지 4

5. 최종 결과.

img 5

그리고 이것이 반복되는 방법입니다.

img 6

6. 추가 참고 사항.

Layer styles이와 같이 Bevel & emboss또는 이와 유사한 것을 넣으 Inner shadow려면 두 가지 모양을 하나의 레이어로 병합하여 수행 할 수 있습니다.

이를 유지하면서 두 레이어를 ctrl선택한 다음 핫키 ctrl+e를 사용하여 하나의 래스터 레이어로 병합하면됩니다.


10 번 투표 할 수 있으면 좋겠습니다. @Lollero에게 감사합니다.
— Saeed Neamati

1

Photoshop에서 펜 도구를 사용하여 세로 말뚝과 유사한 모양을 만듭니다. 파일을 GIF / PNG / JPG로 저장하십시오. 환경 설정. (내 것은 PNG입니다.) 이미지를 반복하도록 CSS 파일을 조정하십시오.


@ACMExp, 나는 당신의 대답에 더욱 당황 할 권리가 있습니까? 수직 스테이크 및 지그재그 효과? 어떻게 작동합니까?
— Saeed Neamati

수직 스테이크는 이와 비슷합니다. oneinhundred.com/upfiles/upimg3/…
— DrAwkward

따라서 수직이 아닌 것 같습니다. 수직은 지구에 수직을 의미합니다. 내가 잘못?
— Saeed Neamati

0

새 레이어에서 사각형으로 시작한 다음 다각형 올가미 도구를 사용하여 지그재그의 '삼각형'을 잘라낼 수 있습니다. 그런 다음 직사각형 선택 윤곽 도구를 사용하여 해당 섹션을 잘라내어 Photoshop에서 또는 웹 페이지에서 직접 반복하십시오.


결과가 일치하지 않습니다
— Muhammad Umer

0

여기에 Photoshop이 최고의 도구가 아닐 수도 있습니다. 정말 훌륭한 엣지 메이킹 툴을 갖춘 저렴한 추가 툴에 대해서는 SnagIt 을 확인하십시오 .


3
캔 트는 Snagit 편집기에서 이것을 할 수 없다고 말합니다. 그러나 여전히 포토샵의 신이 당신을 때리거나 적어도 당신을 찌를 수도 있습니다. 그 포토샵 .. 그게 그냥 이상한 웹 그래픽을하고 ... 이상한을위한 최고의 프로그램이 될 .. 그리고까지 저렴로하지 않을 수 있습니다 말하는 것은 간다 pixlr.com/editor
— 투입 Joonas

Pixlr에는 원 클릭 테두리도 없습니다. 이것은 내가하는 방식으로 테두리가 많은 스크린 샷을 많이 만들 때 중요합니다. 그러나 이봐, 만약 당신이 많은 추가 단계를 원한다면 그것을 위해 가라 ...
— Alex Feinman

스크린 샷의 경우 snagit은 의심 할 여지가 없습니다. 그러나 스크린 샷은 아닙니다.
— Joonas

3
이를 달성 할 수있는 방법에 대해 확실히 작성해야합니다. 사람들은 다른 옵션을 찾고 있습니다. 좋은 경우 플러스를 줄께요.
— Joonas

1
글쎄, 나는 당신의 대답을 의미하고 더 자세합니다. 나는 그것을 생각하지 않지만 가장자리 도구에 투명한 bg를 가질 수있는 옵션이 있는지 알고 있습니까?
— Joonas
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.