이 3D "카드"효과를 얻는 방법


답변:


28

Photoshop을 사용하여 이미지를 다시 만들려면 다음과 같은 작업을 수행 할 수 있습니다.

  • 사각형 만들기
  • Transform > Skew원하는 원근감을 모방하는 방식으로 사각형을 변환하는 데 사용
  • 레이어를 복제하고 원래 레이어 뒤에 배치하고 더 많은 모양을 그려서 모서리를 완성하십시오.
  • 포트폴리오 이미지를 첫 번째 모양에 적용하고 측면을 그리거나 자르고 기울입니다 ( '자동'방법은 없습니다)
  • 조명과 그림자를 사용하여 사진 효과를 재현

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


14

많은 디자이너들이 이미 스마트 오브젝트를 사용하여 PSD 파일을 만들었습니다.이 "등각 투영 3D"스타일을 달성하는 데 사용할 수 있습니다 ( Tom 덕분 ).

이미지 나 디자인을 스마트 오브젝트 레이어로 바꾸거나 추가하기 만하면됩니다.

방법은 다음과 같습니다.

1. 시작점으로 사용할 PSD 파일 다운로드

거기에 많은 것이 있습니다. 내가 시도한 것들의 목록이 있습니다.

  1. 투시 화면 모형-(http://techandall.com) (권장)
  2. 아이소 메트릭 관점 모형-(http://graphicburger.com/) (권장)
  3. 관점 애플 리 케이 션 화면 이랑 PSD-(http://graphicsfuel.com/)
  4. 관점 앱 화면 모형-(http://graphicburger.com/)
  5. 앱 화면 Perspective MockUp-(http://graphicburger.com/)

Pixeden은 좋은 리소스를 가지고 있으며 PSD 중 하나 (매우 잘 구축되고 디자인 된)를 구입하는 것에 대해 잠시 생각했지만, 위의 무료 리소스를 찾은 후에는 나머지를 알고 있습니다.

2. 자신 만의 아이소 메트릭 3D 생성

이 예에서는 위에서 항목 # 1에서 추천 한 Perspective Screen MockUp PSD 파일을 사용합니다 .

  1. 열기 TechAndAll_Perspective_Screen_MockUp.psd의 파일을.
  2. "TechAndAll-3D Screen 1" 폴더를 제외한 모든 폴더를 숨 깁니다 .
  3. 이를 확장하면 "TechAndALL DOUBLE CLICK ME" 라는 스마트 오브젝트 레이어가 표시됩니다 .
  4. 더블 클릭하면 확장자가 .psb 인 별도의 파일 이 열립니다.
  5. 모든 레이어를 삭제하십시오.
  6. 파일 관리자를 사용하여 디자인을 끌어다 놓기 만하면됩니다.이 경우에는 제가 만든 크로우의 그림을 사용했습니다.
  7. 이미지 주변의 빈 공간 / 불필요한 공간을 다듬습니다.
  8. 캔버스가 잘리고 이미지에 맞으면 .psb 파일을 저장하십시오. 걱정하지 마십시오. 소스 PSD 파일을 재정의하지 않습니다.
  9. 원래 .psd 파일로 다시 전환하십시오. 설계를 보여주기 위해 등각 투영 3D를 만들었습니다.
  10. 근접 촬영은 다음과 같습니다.
  11. 위에서 참조한 무료 PSD 파일을 사용하여 동일한 단계를 반복하십시오.

그 후에 자신의 스타일을 아이소 메트릭에 추가 할 수 있습니다.

다음은 스마트 오브젝트를 사용하여 명함에 대한 고유 한 아이소 메트릭을 작성하는 방법을 보여주는 비디오입니다. 놀랍도록 간단합니다 : https://www.youtube.com/watch?v=DZF0HnipaZ0


7

평면에서 사물을 쉽게 유지 관리하고 편집 할 수 있도록 Illustrator 투시 격자를 사용하는 것이 좋습니다 .

다음은 매우 빠른 예입니다.

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

나는 최근 투시 그리드를 다루는 질문대답 했으며, 여기에는 하단에 추가 독서 링크가 포함되어 있습니다. 벡터 기반 원근법 작업에 대해 진지한 경우 읽어 볼 수있는 훌륭한 도구입니다.


0

이를 위해 일러스트 레이터 회전 도구를 사용합니다. 여기에 설명 된 다른 방법보다 이점은 카드가 비스듬히 나타나도록 정확하게 왜곡한다는 것입니다.

먼저 카드의 내용을 똑바로 만드십시오. 진행 상황을 볼 수 있도록 배경이 흰색으로 표시되어야합니다.

카드와 내용을 선택하고 확장하여 그룹화하십시오. (확장하지 않으면 텍스트를 계속 편집 할 수 있습니다. 그러나 텍스트를 편집하기 위해 그룹을 해제하면 회전이 손실되고 함께 회전하도록 그룹화해야합니다. 확장하기 전에 저장하면 다시 돌아올 수 있습니다. 나중에 텍스트 수정)

효과 / 3D / 돌출 및 베벨 이동. 이러한 설정으로 1 분 안에이 기능이 만들어졌습니다. 선과 그림자를 신중하게 제어하면 매우 사실적으로 만들 수 있습니다.

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


이 기술에서 찾은 문제는 그림자와 관련이 있습니다. 사실적으로 보이려면 상단 카드가 흰색 배경에서 만드는 그림자가 하단 카드에서 만드는 그림자와 달라야합니다 (왼쪽 및 오른쪽 아래의 전환 참고).
Geoff Ball

각 카드의 그림자는 완전히 개별적으로 조정 가능합니다. 색상 모드, 불투명도, 거리, 방향 등
Webster

조정이 가능하지만 맨 위 카드의 그림자가 맨 아래 카드와 같이 흰색 배경에 동일하게 표시되므로 현실적이지 않습니다. 나는 그림자가 더 나타날 것으로 예상 것 같은를 ( 확대 확장 출연 및 클리핑 마스크와 몇 가지 추가 작업이 필요할 것이다).
Geoff Ball
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.