홈페이지 제작에 유용한 포토샵 소스 모음 |
웹디자이너는 이미지, 동영상, 음성 등을 다듬어 사용자들이 쉽게 이용할수 있는 홈페이지를 만드는 직업입니다. 여러 분야의 전반적인 지식이 필요한 만큼 끊임없는 노력이 요구되는 직업인데요.
웹디자이너의 기본이 되는 스킬중에 포토샵은 디자이너의 상상력을 구체화시켜주는 도구입니다. 포토샵을 이용하여 아이콘, 인터페이스, 배경, 패턴 등 홈페이지을 구성하는 요소들을 만들수 있는데요. 모든 구성물을 웹디자이너의 손으로 제작하기엔 좀 어려움이 많으실꺼에요.
물론 홈페이지 제작 에이젼시나 기업 규묘가 크다면 이미지 또는 소스를 구입하여 사용하겠지만 프리랜서 또는 소규모 업체에선 저작권이 없는 프리소스 위주로 작업의 효율을 높일수 밖에 없습니다.
오늘은 UI키트, 아이콘, 패턴, 배경, 프리젠테이션 등 홈페이지 제작에 유용한 종합 선물세트 같은 포토샵 PSD 소스를 소개해 드리겠습니다. 다양한 종류의 자료다 보니 모두 소장해두시고 필요할때 사용해주세요.
Blog/Magazine UI Kit #2
메인배너, 카테고리, 소셜미디어 아이콘 등 블로그 또는 매거진 형태의 홈페이지 제작에 활용도 높은 디자인 소스입니다.
Freebie: Sign In (PSD)
깔끔한 블랙배경의 로그인 화면 포토샵 파일입니다. 미니형이라 팝업으로 제작하여도 괜찬을것 같네요.
Freebie: Upload Buttons
6각형 모양의 업로드 버턴 소스입니다. 상황에 따라 상태진행바로도 활용이 가능한 아이콘입니다.
FREE – 7 PSDs from iOS7 – part 2
7가지의 아이폰 iOS7 인터페이스 디자인 소스 입니다.
Letterpress Business Cards Mockup (Free PSD)
디자이너의 명함은 좀 독특하고 세련된 디자인으로 많이들 제작하는데요. 아래 소스는 심플하고 주제가 명확한 비지니스 카드 소스입니다. 자신을 좀더 멋지게 어필할수 있는 명함을 제작해보세요.
Toolbar Freebie (PSD + HTML included)
미니 프로필 툴바 소스입니다. PSD 소스와 HTML이 포함된 자료니다.
iSome iOS 7 App Icon Template (1024×1024)
일관된 형태의 아이폰 어플 아이콘 템플릿입니다.
Samsung Galaxy S4 – Ai Freebie
삼성 갤럭시 S4을 일러스트로 그린 AI 소스입니다.
Freebie – A free landing page
간단하게 회소소개 또는 홈페이지 제작에 유용한 메인 디자인 소스입니다.
Free Circle Icons: Transportation Add-on
오토바이, 화살표, 자동차, 비행기 등등 운송수단과 관련된 원형 뱃지 형태의 아이콘 모음입니다.
Techandall Multi Screen Mockup 1024×819
사진 겔러리 또는 홈페이지 제작후 프리젠테이션 활용 이미지로 사용하기 좋은 멀티 스크린 소스입니다.
Perspective Glass Mockup Preview Large 1024×67
투명한 스마트폰 속에 어플을 보여주는 독특한 프리뷰 페이지 디자인입니다.
Free Business Icons
지갑, 연필, 편지, 그래프 등 귀여운 비지니스 관련 미니 아이콘 모음입니다.
Free Noisy Canvas Patterns
홈페이지 뒷배경에 자주 사용되는 노이즈 패턴 소스입니다. 밋밋한 화이트 배경에 질리셨다면 한번 사용해보세요. 세련된 배경이미지를 만드실수 있습니다.
Free 5 Blurred Backgrounds with Optional Glare
배경을 어떻게 표현할까? 디자이너라면 언제나 고민되는 문제중에 하나입니다. 아래 이미지는 웹에서 사용하기 좋은 반짝이는 광택의 5가지 컬러 백그라운드 이미지 소스입니다.
Free Icon Set "Softies"
오늘의 메인 이미지를 장식한 하이퀄리티 아이콘 소스입니다.
Flato Lite: Flat UI Kit
스크롤, 상태진행바, 태그 아이콘, 말풍선 등 블로그 또는 사이트에 필요한 UI 디자인 소스입니다.
Freebie – 6 long shadow illustrations
요즘 아이콘 디자인을 보면 그림자을 길게 표현한 롱 샤도우 스타일로 표현을 많이 하는것 같습니다. 최신 트랜드에 맞게 아이콘을 표현해보세요.~
Hipster Viral (free download)
웹사이트 제작할때 폰트도 매우 중요한 요소중에 하나입니다. 아래 소스는 얇은 텍스트를 입력할때 좋은 무료 영문 폰트입니다.
Simple Vector UI Kit
로그인, 말풍선, 아이콘 등 다양한 웹사이트 구성요속가 포함된 팩키지 파일입니다.
photoshop vector display – free
세련된 모니터 벡터 소스입니다. 웹디자인 제작후 디스플레이용으로 활용도 높은 자료입니다.
Freebie – Almost Flat CS Icons
어도비 프로그램 관련 CS 아이콘 모음입니다.
Freebie – Flat Design User Interface Elements
리본, 아이콘, 그래프, 인터페이스, 위젯 등 다양한 웹사이트 제작에 필요한 엘리먼트가 들어 있는 디자인 소스입니다.
'웹통 디자인 창고 > 포토샵 자료' 카테고리의 다른 글
친근한 케릭터를 이용한 무료 브로셔 템플릿 디자인 PSD 소스 (0) | 2013.11.27 |
---|---|
디자인을 빛나게 하는 리본 & 소용돌이 포토샵 무료 브러쉬 모음 (6) | 2013.11.27 |
디자인에 실무에 도움되는 놀라운 포토샵 PSD 템플릿 모음 (0) | 2013.11.04 |
오래된 질감 표현에 유용한 포토샵 스크래치 브러쉬 모음 (22) | 2013.10.31 |
로고 & CIP 응용 디자인(브랜딩 모형) 포토샵 무료 소스 (2) | 2013.10.23 |
이 글을 공유하기