웹통의 웹으로 통하는 세상

원본소스 (5)

[ 포토샵 백그라운드 이미지 ] 디자인 초심자을 위한 하이퀄리티 배경이미지 PSD 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 12. 20. 10:45

디자인의 기본은 배경!!! 하이퀄리티 포토샵 배경소스 모음 웹페이지 및 그래픽 디자인 제작시 수준높은 디자인을 완성하기 위해서 가장 먼저 고려해야할 요소는 배경이미지입니다. 좋은 배경효과을 추가함으로써 비즈니스 명함, 전단지, 배너, 엽서, 웹사이트 등의 시각적 이미지을 향상 시킬수 있습니다. 오늘은 디자인 분야 초심자거나 창의적인 디자인요소을 만들 충분한 능력이 없는 디자이너들에게 도움이 될만한 하이퀄리티 백그라운드 배경 컬렉션을 소개해드리겠습니다. 모두 PSD 원본 파일로 구성되어 있으며 레이어가 살아있어서 디자인 프로젝트에 바로 적용이 가능한 소스들입니다. 본문보시기전에 아시죠~ 꾹!! 추상적인 포토샵 배경이미지 미래적인 이미지나 사이언스 관련 디자인 페이지 제작에 유용한 포토샵 백그라운드 소스입니..

[ 포토샵 프로그레스바 ] 웹싸이트 상태진행바 무료 포토샵 소스

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 9. 5. 10:09

플레쉬/웹싸이트에 유용한 프리로더 다음 장면으로 넘어갈때나 무거운 이미지를 불러올때 잠시 대기시간이 필요한데요. 이럴때 상태진행바를 사용해서 진행율을 표기해주면 방문자의 이탈율을 방지할수 있습니다. 단순한 상태진행바 보다는 보기편하고 이쁘면 더욱 좋겠지요~ 플래쉬나 자바스크립트로 멋진 프리로더를 만들어보세요~ 다운방법 : 각 해당 제목을 클릭후 링크페이지내에 다운로드 버턴을 클릭하시면됩니다. Stone Progress Bar 돌재질의 상태진행바입니다. 두가지 타입으로 구성되어 있습니다. Time Progress Bar 상태진행바에 원하는 광고나 텍스트를 삽입할수 있는 프리로더입니다. Pretty Progress Bars 총 4가지 종류로 구성되었으며 상황에 맞게 색상을 선택하실수 있는 프로그래스바입니다...

[ 포토샵 배경이미지 ] 웹싸이트 제작에 유용한 무료 배경이미지 소스 20종

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 8. 28. 10:58

유료소스 빰치는 무료 배경이미지 소스 디자이너라면 흰색 캔버스을 열었을때 한숨부터 나오는 상황을 경험해 보셨을꺼에요. 어찌 시작해야하나 막연한 두려움과 답답함때문이죠. 하지만 막상 시작하면 쉽게 해결되는 모습에 희열같은게 느껴지는데요. 이렇게 처음 시작할때 배경이미지만 어느정도 맞아 떨어지면 쉽게 접근할수가 있습니다. 오늘은 일반 유료소스보다 더 유료소스같은 무료 배경이미지 소스를 포스팅하겠습니다. 다운방법 : 해당 제목을 클릭한후 링크페이지에서 다운로드하시면 됩니다. Free Wood Background Set 보통 기획전이나 이벤트 페이지에서 많이 사용되고 있는 우드패턴 배경이미지입니다. 활용도 높은 소스이니 꼭 소장하세요. Colorful Urban PSD Illustration 무지개가 비추는 도..

[ 포토샵 ] 손으로 드로잉한 19가지의 유용한 아이콘

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 13. 12:14

19가지의 유용한 아이콘 디자인작업할때 배경과 어울리지 않고 꼭 따로 노는 아이콘들을 많이 보셨을꺼에요. 손으로 그린 아이콘의 장점은 주변 배경과 자연스럽게 어울린다는 점에 있습니다. 꼭 끼어넣은 듯한 기존아이콘 보다 자연스러운 효과를 볼수 있는 손으로 그린듯한 스타일의 아이콘,붓,질감,배경의 19가지 유용한 무료 리소스입니다. 재배포외에 자유롭게 사용하세요. Free Hand Drawn Doodle Icon Set for Bloggers Handy Vector icons Handycons – a free, hand drawn social media icon set Freehand Color Stroked Icon Set Social Icons hand drawned Free Hand-Draw Sketc..

웹디자인에서 자주쓰이는 리본만들기 (원본소스 포함)

웹싸이트 디자인강좌 블로그-관리자 2012. 2. 7. 12:59

이번엔 사진이나 리스트노출에 자주 사용하는 리본을 만들어 보겠습니다. 이번강좌도 어김없이 해외강좌를 번역 보강하여 제공드리는점 알려드립니다. 리본 캔버스 설정 500 × 500 픽셀 캔버스을 만들어 리본을 만들어보겠습니다. 배경 텍스쳐만들기 배경텍스쳐가 되는레이어을 하나추가하여 색상을 # cccccc로 적용합니다. 이제 필터 이동> 노이즈> 노이즈 추가 를 선택후 10%의 양으로 가우시안을 설정합니다. 그리고 배경 텍스쳐의 레이어 불투명도를 15%로 변경합니다. 이부분은 완성에서 그리 중요한 내용은 아닙니다. 다만 나중에 리본위쪽으로 배치하여 질감을 줄수도 있습니다. 이미지 외각틀 만들기 이제 사진이 들어갈 부분의 형태를 만들어 보겠습니다. 캔버스의 중앙에 사각박스를 배치합니다. 사진외각을 보기좋게 효과..

Copyright © 웹통의 웹으로 통하는 세상 All Rights Reserved
Designed by JB FACTORY

티스토리툴바