체크 아웃해야 할 웹 디자이너를 위한 36가지 Photoshop 플러그인

WordPress는 핵심 제품에 유용한 확장을 제공하는 유일한 소프트웨어가 아닙니다. 전 세계 웹 디자이너를 위한 필수 도구 중 하나인 Photoshop도 이러한 가능성을 지원합니다. 그리고 WordPress 플러그인과 마찬가지로 Photoshop 플러그인도 모든 종류의 새로운 기능을 추가할 수 있습니다.

많은 독자들이 정기적으로 Photoshop을 사용한다는 것을 알고 있기 때문에 이번에는 다른 종류의 플러그인 목록을 제공하는 것이 좋습니다. 아래에서 웹에서 찾을 수 있는 최고의 Photoshop 플러그인을 찾을 수 있습니다.

그들은 모든 종류의 개선으로 프로그램을 향상시킵니다. 작은 스크립트와 바로 가기부터 워크플로를 극적으로 개선하고 Photoshop 작업을 훨씬 쉽게 만들어주는 완전히 새로운 모듈에 이르기까지.

준비가 된? 그럼 시작하겠습니다.

웹 디자이너가 무시할 수 없는 Photoshop 플러그인

아래에서 좋아하는 소프트웨어를 더욱 향상시킬 수 있는 다양한 범주의 Photoshop 플러그인 목록을 찾을 수 있습니다.

레티나이즈

• 가격: 무료
• 사용 가능: CC 2015

우선, 레티나 디스플레이용 자산을 빠르게 생성할 수 있는 무료 플러그인이 있습니다. Retinize It은 이미지를 원래 크기로 내보내거나 크기를 2배 및 3배로 확대할 수 있는 새로운 작업을 Photoshop에 추가합니다.

설치 후 창 > 작업 에서 새 옵션을 찾습니다 . 레이어 또는 레이어 그룹을 선택하고 작업을 실행하고 파일 이름을 지정하고 슬라이스된 자산을 받기만 하면 됩니다. 레티나 지원 웹사이트 제작에 적합합니다.

컷&슬라이스

• 가격: 무료
• 사용 가능: CS6

레이어에서 자산을 직접 내보내는 또 다른 플러그인. Cut&Slice me는 이미지를 자동으로 자르고 PNG 파일로 내보냅니다. 겹치는 슬라이스, 여러 버튼 상태 및 여러 해상도를 처리할 수 있습니다. 불행히도 최신 버전은 아니지만 여전히 이전 버전의 Photoshop에서 작동합니다.

CSS3P

• 가격: 무료
• 사용 가능: CS3 이상

이름에서 알 수 있듯이 이 서비스는 Photoshop 레이어를 CSS3로 변환할 수 있습니다. 특별한 점은 클라우드 기반 서비스이며 무료로 사용할 수 있다는 것입니다.

플러그인은 여러 레이어(텍스트 포함), 그림자, 그라디언트, 테두리 반경 등을 지원합니다. 그 외에도 SCSS 및 SASS도 처리할 수 있습니다.

코너 에디터

• 가격: 무료
• 사용 가능: CC 2015

둥근 모서리를 생성해야 하는 경우 이 스크립트가 적합합니다. 둥근 모서리를 만들고, 모든 다각형 모양과 함께 작동하고, 여러 모서리 스타일을 포함하고, 한 번에 여러 레이어를 편집할 수 있는 Photoshop의 기능을 향상시킵니다.

HTML 블록

• 가격: 무료
• 사용 가능: CC 2015(Mac OS만 해당)

다음 경쟁자는 HTML 및 CSS를 Photoshop 문서에 바로 배치할 수 있습니다. 그렇게 하면 소프트웨어 내에서 직접 웹 자산을 만들고 PSD 파일에서 온라인 자산을 사용할 수 있습니다. 후자는 웹 글꼴, 외부 CSS 등이 포함됩니다.

폰트 어썸 PS

• 가격: 무료
• 사용 가능: CC

Font Awesome은 인기와 사용이 증가하고 있는 아이콘 글꼴입니다. 이러한 이유로 Photoshop 파일에만 포함하는 것이 좋습니다. 고맙게도 이 플러그인을 사용하면 파이가 쉬워집니다. 무료로 다운로드하여 설치하기만 하면 됩니다.

레이어 컨트롤 2

• 가격: 무료
• 사용 가능: CC, CC 2014

이 플러그인은 Photoshop의 성가신 부분을 더 쉽게 만들어주는 7개의 스크립트 모음입니다. 여기에는 레이어 이름 편집기, 사용하지 않는 효과 제거 옵션, 빈 레이어 자동 삭제, 스마트 개체 래스터화, 유사한 파일 찾기 등이 포함됩니다. 무료로 다운로드하여 원하는 대로 사용할 수 있습니다.

CSS 모자 2

• 가격: $39.99
• 사용 가능: CC 2014-2017

CSS Hat은 레이어 스타일을 CSS3로 자동 변환합니다. 그렇게 하면 사이트에서 그래픽을 구현하는 방법을 알아내는 대신 복사하여 붙여넣을 수 있습니다.

플러그인은 한 번에 여러 레이어, 글꼴 및 다양한 글꼴 스타일과 함께 작동할 수 있으며 LESS, SASS, Stylus 등을 뱉어낼 수 있습니다. 또한 구문 강조 표시와 같이 코드 편집기에서 찾을 수 있는 많은 기능이 있습니다. CSS Hat은 이전 Photoshop 버전에서도 사용할 수 있습니다.

페이지 레이어

• 가격: $35
• 사용 가능: Mac OS X만 해당

이 목록에 있는 많은 플러그인은 Photoshop 파일을 웹 사이트로 쉽게 변환할 수 있도록 하는 것을 목표로 합니다. 그러나 필요에 따라 반대의 경우도 마찬가지입니다. 이것이 바로 페이지 레이어의 기능입니다.

플러그인은 웹 사이트를 PSD 파일로 자동 변환하고 각 페이지 요소를 단일 레이어로 저장합니다. 내장 브라우저에서 아무 페이지나 열고 Photoshop에 저장하기만 하면 됩니다. 플러그인은 무료는 아니지만 그만한 가치가 있는 것 같습니다.

PNG 모자

• 가격: $27.99
• 사용 가능: CS5, CS6, CC, CC 2014.1+, CC 2015

CSS Hat과 같은 사람들이 만든 이 플러그인은 Photoshop의 PNG 파일 내보내기 기능을 향상시킵니다. 예를 들어 더 나은 압축과 함께 제공되며 CSS 규칙을 내보낼 수 있습니다. PNG Hat은 또한 불만족 시 관대한 환불 정책을 제공합니다.

폰트셀프

• 가격: 49€
• 사용 가능: CC 2015, CC 2017

다음은 드래그 앤 드롭을 통해 자신만의 글꼴을 만들 수 있는 플러그인입니다. 웹에서 타이포그래피가 점점 더 중요해지고 있는 시대에 정말 좋은 소식입니다. (컬러) 이미지와 벡터를 OpenType 글꼴로 바꾸기만 하면 됩니다. 커닝, 합자 등을 제어합니다. Fontself는 또한 적극적으로 유지 관리되는 플러그인이므로 소유자는 새로운 기능을 무료로 사용할 수 있습니다.

게티 이미지 포토샵 플러그인

• 가격: 무료
• 사용 가능: CC 2016 이상

Getty 이미지에는 방대한 스톡 이미지 컬렉션과 Photoshop으로 바로 가져올 수 있는 플러그인이 있습니다. 수천 개의 고해상도 이미지를 검색 및 필터링하고 Getty 계정과 구매를 동기화하십시오.

PSD 클리너

• 가격: $19.99
• 사용 가능: CC 2014.1+

Photoshop의 레이어 패널을 강화하는 Source의 또 다른 플러그인입니다. PSD Cleaner는 레이어 구조를 자동으로 스캔하고 개선 기회를 보여줍니다. 이름 없는 레이어를 찾고, 빈 레이어를 삭제하고, 캔버스를 넘어 확장되는 레이어를 찾는 데 도움이 됩니다. 요컨대, 그것은 당신을 조직화할 것입니다.

WebZap

• 가격: $19
• 사용 가능: CS5 이상

놀랍지만 Photoshop은 실제로 웹 디자인용으로 만들어지지 않았습니다. 이 프로그램은 사진 편집 도구로 시작하여 나중에 레이아웃을 만드는 기능을 추가했습니다.

이를 보완하기 위해 WebZap이 있습니다. 플러그인은 웹 레이아웃 목업을 즉시 만들기 위한 기성품 요소를 제공합니다. 960 그리드를 기반으로 하며 서식이 지정된 Lorem ipsum 텍스트, 탐색, 버튼 등을 만들 수 있습니다.

미묘한 패턴

• 가격: $17.99
• 사용 가능 대상: CC 이상

미묘한 패턴은 타일링 가능한 무료 텍스처 패턴 라이브러리입니다. 같은 이름의 플러그인을 사용하면 Photoshop 대시보드로 가져올 수 있습니다. 그게 다야

스크린스냅

• 가격: $9.99
• 사용 가능: CC 2014 이상

다음 Photoshop 플러그인 목록은 ScreenSnap입니다. 이 프로그램을 사용하면 전체 문서 또는 선택한 영역의 PSD 파일에서 스크린샷을 만들 수 있습니다. 자르거나 수동으로 저장할 필요가 없습니다. 폴더를 선택하고 버튼 하나만 클릭하면 됩니다. 망막 크기의 경우에도 다른 사람과 작업을 공유하는 데 적합합니다.

복사기

• 가격: 무료
• 사용 가능: CC, CC2014

여기에 동일한 개체가 여러 개 필요할 때 레이어와 레이어 그룹을 빠르게 복제할 수 있는 확장 기능이 있습니다. 필요한 사본의 수와 원하는 간격을 선택하기만 하면 됩니다.

원근 모형

• 가격: $19
• 사용 가능: CC 2017

스크린샷에서 볼 수 있듯이 플러그인 홈페이지에는 많은 욕설이 포함되어 있습니다. 그 외에도 이 플러그인은 디자인의 원근감 모형을 만듭니다. 그렇게 하면 외부에서 스마트폰이나 태블릿에서 어떻게 보이는지 더 잘 이해할 수 있습니다. 플러그인에는 많은 사전 설정이 있지만 완전히 편집할 수도 있습니다.

크기 표시 PS

• 가격: 무료
• 사용 가능: CC 2014

크기 표시를 사용하면 선택 윤곽 도구로 개체 크기 또는 개체 사이의 거리에 대한 레이블을 추가할 수 있습니다. 각 레이블은 새 레이어에 저장되며 완전히 사용자 지정할 수 있습니다. 이것은 PSD를 웹사이트로 만들 사람을 위한 사양을 추가할 때 매우 유용합니다.

폰테아

• 가격: 무료
• 사용 가능: CC 2014, CC 2015

Photoshop의 기본 글꼴 제공에 만족하지 못하는 사람을 위해 Fontea에는 Google 글꼴(현재 800개 이상)에서 사용할 수 있는 모든 웹 글꼴이 포함되어 있습니다. 플러그인은 또한 온라인 리포지토리를 최신 상태로 유지하고 좋아하는 글꼴 모음을 설정할 수 있습니다.

Pixabay

• 가격: $4.99
• 사용 가능: CC 2015 이상

이 플러그인은 앞서 언급한 픽사베이 이미지 라이브러리용 Getty 이미지 플러그인과 비슷합니다. 여기에는 한 번의 클릭으로 추가할 수 있는 수십만 개의 무료 스톡 이미지가 포함되어 있습니다. 플러그인에는 강력한 검색 옵션도 포함되어 있으며 모든 이미지는 CC0 라이선스가 있습니다. 게다가 매우 저렴합니다.

Shutterstock 및 Pexels와 같은 다른 스톡 사진 라이브러리에는 이와 같은 플러그인이 더 있습니다.

레이어크래프트

• 가격: 무료
• 사용 가능: CC, CC 2014

Photoshop 레이어에서 UI 자산을 내보내는 또 다른 플러그인. LayerCraft는 내보낼 때 이미지의 크기를 조정하고 투명 픽셀을 트리밍하고 망막 디스플레이를 위해 다양한 크기로 내보낼 수 있습니다.

로렘 입숨 생성기

• 가격: 무료
• 사용 가능: CS 5/6, CC

이름에서 알 수 있듯이 Lorem ipsum 자리 표시자 텍스트를 만드는 플러그인입니다. 그렇게 하면 더 이상 외부 소스에서 복사할 필요가 없습니다. 생성기는 사용자 지정 가능한 출력, 한 번의 클릭으로 클립보드에 복사할 수 있는 기능을 제공하며 적극적으로 유지 관리됩니다.

LoremPicsum

• 가격: 무료
• 사용 가능: CS, CC

이것은 Lorem ipsum 버전과 유사하지만 텍스트 대신 임의의 이미지를 생성합니다. 영역을 선택하고 만화를 선택하면 자리 표시자 이미지를 얻을 수 있습니다. 재미있는 특수 효과: 이미지는 Futurama, The Simpsons, Find Nemo 및 Up과 같은 인기 있는 TV 프로그램 및 영화에서 가져온 것입니다.

소셜 키트 프로

• 가격: $9.99
• 사용 가능: CC 2015+

그리고 또 다른 소스 플러그인. 이것은 모든 소셜 미디어를 개선하는 것을 목표로 합니다. 여기에는 모바일 및 데스크톱, 표지 사진 및 프로필 이미지에 광고를 만들기 위한 템플릿이 포함되어 있습니다. Photoshop 내에서 결과를 실시간으로 미리 볼 수도 있습니다.

레이어 가이드

• 가격: 무료
• 사용 가능: 알 수 없음

안내선은 Photoshop에서 모든 것을 구조화하는 데 중요한 도구입니다. 하지만 다루기 귀찮을 수 있습니다.

이 플러그인은 그것을 완화하기를 바랍니다. 레이어의 측면과 수평 및 수직 중심을 통해 안내선을 추가하는 새로운 버튼을 추가합니다. 더 이상 끌 필요가 없습니다. 클릭만 하면 됩니다.

긴 그림자 생성기

• 가격: 무료
• 사용 가능: CS6, CC

플러그인 이름은 기본적으로 모든 것을 말해줍니다. 긴 그림자 생성기는 Photoshop에서 긴 그림자를 만드는 데 도움이 됩니다. 그림자 길이와 불투명도, 색상, 그라데이션 및 각도를 제어할 수 있습니다. 그런 다음 한 번의 클릭으로 추가하십시오.

작은PNG

• 가격: $50
• 사용 가능: CS5, CS6, CC 이상

TinyPNG는 이미지를 WordPress에 업로드하기 전에 최적화하기 위해 자주 추천하는 온라인 서비스입니다. 그것은 가능한 한 작게 만들기 위해 JPG 및 PNG 파일을 압축합니다.

이 사이트는 또한 이미지 편집 소프트웨어 내에서 동일한 작업을 수행할 수 있는 Photoshop 플러그인을 제공합니다. 미리보기 및 직접 저장, 크기 조정, 부분 선택 사용 등을 수행할 수 있습니다. 사이트에 표시가 있는 경우 플러그인은 그만한 가치가 있습니다.

글리포

• 가격: $19
• 사용 가능: CS5, CC

Glifo는 Photoshop에서 아이콘 웹 글꼴로 벡터 아이콘을 내보내는 옵션을 추가합니다. Font Awesome 플러그인에 추가된 것 같습니다.

스펙킹

• 가격: $19
• 사용 가능: CS5, CS6, CC 2014 이상

그러나 이번에는 프리미엄 버전으로 Photoshop 파일에 측정 및 디자인 사양을 추가하는 또 다른 플러그인입니다. 크기, 여백 및 글꼴을 측정하고 편집 가능한 오버레이에서 자동으로 사양을 생성합니다. 사용하기 매우 간단하고 편안해 보입니다.

수출 키트

• 가격: $19.33/월
• 사용 가능: CS6 이상

이 Photoshop 플러그인을 사용하면 PSD 파일을 HTML, CSS, WordPress, iOS, Android 등으로 변환할 수 있습니다. 협업 기능도 포함되어 있습니다. 매우 강력해 보이지만 월간 라이선스와 함께 제공되며 완전히 저렴하지는 않습니다.

Photoshop 소셜 공유 플러그인

• 가격: 무료
• 사용 가능: 알 수 없음(Mac OS만 해당)

목록의 다음 항목은 Photoshop에 중요한 공유 기능을 추가합니다. 이메일, 소셜 네트워크 및 기타 플랫폼을 통해 프로그램 내부에서 직접 파일을 공유하고 게시할 수 있습니다. 형식을 선택하기만 하면 됩니다.

각각 변환

• 가격: 무료
• 사용 가능: CS5, CS6, CC

Transform Each는 위치를 변경하지 않고 한 번에 여러 개체를 변형할 수 있는 스크립트입니다. 이것이 의미하는 바는 아래 GIF에 가장 잘 예시되어 있습니다. 앵커 포인트, 달성하려는 변환을 선택하면 클릭 한 번으로 이동합니다.

툰잇!

• 가격: $129
• 사용 가능: Photoshop CS 이상

마지막에 재미있는 것. 온라인 그래픽 노블 제작에 대해 생각하고 계시다면 이 서비스가 큰 도움이 될 것입니다. 그것은 일반 사진을 만화로 바꾸고 많은 사전 설정과 성숙한 기술을 가지고 있습니다. 조금 비싼 편입니다.

간단히 말해서 Photoshop 플러그인…

Photoshop은 웹 디자이너를 위한 훌륭한 도구입니다. 강력하고 기능이 풍부하며 지속적으로 업데이트됩니다.

그러나 때때로 우리는 몇 가지 추가 기능이나 작업을 수행하는 더 쉬운 방법을 원합니다. Photoshop 플러그인이 필요한 곳입니다.

위의 목록에서 보았듯이 플러그인은 다양한 기능을 추가할 수 있습니다. 바로 가기에서 완전히 새로운 기능까지.

그리고 그것은 웹 디자인에 유용한 것들뿐입니다. 특히 이미지 리터칭을 위해 더 많이 있습니다. 추가할 사항이 있습니까?

좋아하고 추천하는 추가 Photoshop 플러그인을 알고 있습니까? 아래 의견 섹션에서 공유하십시오!

VectorMarket/Shutterstock.com의 기사 썸네일 이미지