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.