웹통의 웹으로 통하는 세상

웹통 디자인 창고/유용한 디자인 자료 (101)

다이나믹한 느낌의 CSS3 애니메이션 버턴 무료 소스

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 8. 13. 15:51

웹디자인에 활용도 높은 CSS3 애니메이션 버턴 모음 웹디자인에서 메뉴 또는 버턴은 페이지간에 상호작용을 할수 있는 중요한 요소중에 하나입니다. 인터넷이 발달하면서 일반적인 디자인보다는 다이나믹한 요소가 가미된 웹사이트가 점점 늘어나고 있는데요. 특히 플래쉬는 화려하지만 플래쉬 플레이어가 설치되어야하고 무겁다는 단점 때문에 최근들어 CSS3를 이용한 버턴 디자인이 많이 사용되고 있습니다. 오늘은 CSS3 기술을 이용한 멋진 애니메니션 CSS3 버턴을 소개해 드리겠습니다. 해당 소스를 보고 학습자료로 사용하시거나 웹사이트에 버턴을 만드실수 있습니다. CSS3 Tricks: Animated Buttons 3가지 타입의 버턴 소스입니다. 마우스 오버시 색상, 서브텍스트, 3D 효과를 만들수 있습니다. Down..

빈티지 느낌이 살아있는 종이 질감 이미지 소스 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 8. 5. 23:20

배경 제작에 유용한 종이 텍스쳐 이미지 모음 오늘은 디자인에 자주 사용되는 매력적인 빈티지 종이 텍스쳐 팩키지를 소개해 드리겠습니다. 디자인에서 텍스쳐는 정말 중요한 아이템중에 하나입니다. 배경 또는 어떤 사물의 질감표현, 심지어 사람의 피부까지 사실적인 표현을 손쉽게 만들수 있도록 도와줍니다. 종이 텍스쳐를 이용하여 다양한 빈티지 컨셉을 완성해 보세요. Gothic Textures Pack 고풍스런 느낌에 편지지 또는 노트 표현에 유용한 고딕 텍스쳐 팩키지입니다. 링크 클릭후 다운 페이지로 이동하면 오른쪽 사이드 중단 부분에 다운버턴이 있습니다. Download Page Old Sheets of Paper Textures 6가지의 오래된 종이 질감의 텍스쳐 소스입니다. 이것도 링크 이동후 오른쪽 사이드..

[ 뮤직 무료 아이콘 ] 음악 컨텐츠 제작에 활용도 높은 ICON 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 7. 8. 15:56

하이퀄리티 뮤직 아이콘 15종 모음 아이콘은 웹사이트의 의사소통에 중요한 역할을 하는 요소중에 하나입니다. 방문자에게 어떤 텍스트 문구 설명 없이도 링크된 페이지를 직관적으로 설명할 수 있는데요. 오늘은 이러한 아이콘중에서 음악 컨텐츠 제작에 유용한 소스를 소개해드리겠습니다. 디자인에 퀄리티를 높이고 제작시간을 단축해주는 아이콘을 무료로 사용해보세요. Stock icons 트럼펫, 키보드, 피아노, 기타, 스피커 등등 뮤직에 관련된 아이콘 모음입니다. 작은 이미지로 제작되어 버턴으로도 활용하기 좋습니다. Download Page BIAS Peak CD, 레코드판, 시디케이스로 제작된 다양한 컬러의 아이콘 모음입니다. Download Page Mic Icons 귀여운 마이크 모양의 아이콘 모음입니다. 9가..

맨오브 스틸 영화 감상전 기대감을 높여주는 슈퍼맨 일러스트 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 6. 12. 15:41

맨오브스틸 슈퍼맨 만화 일러스트 모음 우리나라 사람중에 슈퍼맨을 모르는 사람을 없을꺼에요. 어렸을땐 슈퍼맨 가슴에 있는 S만 봐도 광분했었는데요. 나이 30이 넘은 지금도 이번에 개봉한 맨오브 스틸이 너무 기대되네요. 맨오브스틸의 전체적인 줄거리는 70~80년에 상영한 슈퍼맨 1,2편의 기본뼈대로 제작되어서 크립톤행성에서 지구로 오게된 과정과 성장하면서 초인적인힘과 능력을 발견하면서 겪는 정체성에 대한 내용이라고 합니다. 아직 보질 않아서 더 깊이 말씀드릴순 없지만 주변분들 말들어보니 액션만 본다면 만족스럽다고 하네요. 오늘은 맨오브스틸을 보기전 흥분을 강화시키기 위해 다양한 예술가들에 의해 만들어진 슈퍼맨 일러스트를 소개해 드리겠습니다. 초인적인 힘과 카리스마를 한편에 서사시 처럼 표현한 멋진 작품들입..

[ 동물 패턴 이미지 ] 배경 만들기 뚝딱!! 귀여운 애니멀 Pattern 소스

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 2. 13. 17:10

귀여운 애니멀 패턴 이미지 모음 현대 디자인 작업의 대부분은 컴퓨터을 이용하는 경우가 많습니다. 컴퓨터 작업은 수작업에 비해 자원을 재활용할수 있다는 장점이 있습니다. 예를 들어 패턴, 브러쉬, 액션, 이미지등을 이용하면 손쉽게 디자인의 퀄리티와 시간을 단축시킬수 있습니다. 오늘은 패턴 소스중에서 귀여운 동물 배경 제작에 유용한 이미지들을 소개해 드리겠습니다. 다운방법 : 링크을 누르시면 다운 받는 버턴이 따로 있질 않아서 헷갈리실꺼에요. 오른쪽 중간쯤에 아래 이미지와 같이 사이즈을 누르시면 다운이 가능합니다. 본문보시기전에~ 꾹!!! Hoot 귀여운 올빼미 패턴은 깜찍한 배경을 제작할 할때 유용하게 사용하실수 있습니다. Download Page Snow Dogs 눈꽃 패턴속에 깜찍한 개 인형이 돌아다니..

발렌타인 이벤트 디자인 작업에 유용한 사랑스러운 하트 무료 배경 이미지 소스

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 2. 7. 10:12

디자이너들이 고민을 줄여주는 러브리한 하트 무료 이미지 모음 발렌타인이나 화이트데이가 가까워지면 디자이너들은 항상 바빠지는것 같습니다. 사랑 테마로 인사말 카드, 월페이퍼, 전단지, 이벤트 배너등 해야할일들이 너무 많아집니다. 오늘은 이런 러브 관련 이벤트 디자인에 유용한 하트 벡터 소스을 소개해드리겠습니다. 모든 파일은 벡터파일과 JPG 이미지로 제작되었으며 CorelDraw 또는 Adob​​e 일러스트 레이터와 같은 소프트웨어에서 열고 편집하실 수 있습니다. 본문보시기전에~ 꾹!! GIFT VECTOR 박스속에서 하트들이 쏟아져나오는 소스입니다. 파일 포멧은 EPS형식으로 되어있습니다. Download Page Valentine Typography 해피 발렌타인 데이 타이포그래피 벡터 소스입니다. 안..

[ 파워포인트 디자인 서식 ] 성공적인 프리젠테이션을 위한 POWERPOINT 배경 양식

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2013. 1. 28. 12:32

성공을 부르는 프리젠테이션을 위한 디자인 템블릿 모음 Microsoft Office 제품군의 가장 중용한 소프트웨어중에 하나인 파워 포인트는 주로 프리젠테이션을 제공할때 많이 사용되고 있습니다. 학교에서 교사들이 수업을 진행할때나 회사에서 중요한 프로젝트을 설명할때 굉장히 유용하게 사용할수 있습니다. 오늘은 파워포인트 작업을 좀더 수월하게 할수 있도록 멋진 양식 또는 디자인 템플릿을 수고해드리겠습니다. 다운방법 : 다운로드 페이지로 이동한후 하단에 보시면 아주 작게 Download 라고 적혀있습니다. 다른 배너는 광고라서 눌러도 다운이 되지 않습니다. 꼭 텍스트로 적혀있는 다운로드 글짜을 눌러주세요. 정 못찾으실경우 댓글 남겨주세요. 정확한 위치 알려드리겠습니다. Color Slides PowerPoin..

[ 플래쉬 무료 소스 ] 어메이징한 풀 플래쉬 무료 템플릿 소스

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2012. 6. 18. 11:02

어메이징 무료 웹싸이트 템플릿 소스 웹에 관련된 직종에 있으면 누구나 한번쯤은 풀플래쉬 싸이트를 직접 제작하고 싶은 충동을 느끼셨을꺼에요. 그런 분들을 위해 도움이 될만한 무료 플래쉬 템플릿을 소개해 드리겠습니다. 포트폴리오, 부동산, 사진 갤러리, 사진, 음악 및 건축가 웹사이트 주제에 적합한 21가지의 플래쉬 원본 소스입니다. 최신 애니메이션 및 고급 액션스크립트을 사용하여 퀄리티 높은 플래쉬 싸이트를 제작하실수 있습니다. 다운방법 : 제목을 클릭하면 해당페이지의 이동합니다. 이동후 페이지 하단에 Download Template을 클릭하시면 무료 플래쉬 소스를 받으실수 있습니다. 보시기전에 아시죠!!! 손가락 꾹~ free real estate template black as3기반으로 동적인 xml을..

[ 플래쉬 무료 소스 ] 역동적인 XML 무료 플래쉬 소스 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2012. 5. 3. 10:51

역동적인 XML 무료 플래쉬 소스 파일 요즘 추세가 HTML5라고는 하지만 아직까진 홈페이지를 만들때 플래쉬는 중요한 역할을 하고 있습니다. 향후 어도비사에서도 두고만 보고있진 않을것 같습니다. 자 그럼 싸이트 제작시 유용한 무료 플래쉬 소스를 소개해드리겠습니다. 무료라 하지만 유료못지 않은 퀄리티에 놀라실꺼에요. 대표적인 것만 링크드리고 더 필요하신분은 싸이트 보시고 다운 받아주세요. 다운방법 : 해당 제목을 클릭하여 다운페이지로 이동후 하단에 있는 다운버턴을 클릭해주세요. 보시전에 아시죠? 손가락 꾹~ Black Pad 블랙패드는 아이패드나 갤럭시탭 느낌의 플래쉬 소스입니다. 100% 너비 싸이즈로 제작되어 유동적인 레이아웃이 가능하며 전체 화면 모드가 지원됩니다. 모든 페이지는 외부 xml파일에서 ..

[ 플래쉬 배너 ] 본문 가리는 투명 플래쉬 배너 소스

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2012. 4. 2. 14:40

본문 위에 떠있는 투명 플래쉬 배너 인터넷쇼핑을 하거나 뉴스를 읽다보면 글위에 떠있는 배너를 보실수 있을꺼에요. 사용자 입장에선 아주 귀찬은 존재지만 실제로 광고효과는 큰편입니다. 옆에 닫기 버턴이 있지만 너무 작아서 본광고로 이동하는 링크를 잘못 누를수 있고 사이드바에 위치한 배너보다 글 중간에 위치한 배너가 확실히 눈에 잘 띄기 때문입니다. 특히 이 배너는 오픈마켓(옥션, 지마켓, 11번가, 인터파크) 판매자분들에겐 유용하게 사용하실 수 있습니다. 자신의 상품페이지에 소스를 넣어 상단 가격부분에 노출시키면 유료광고 효과를 보실수 있기 때문입니다. 실제로 저 홍삼 배너는 예전 옥션에서 사용했던 배너입니다. 자 이제 DIV 레이어를 이용한 투명플래쉬에 대해 알아보겠습니다. 첨부된 파일을 푸시면 세가지 파..

[ 무료 폼메일 ] 초간단 웹통 폼메일 무료배포 버전1.0 (웹프로그램)

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2012. 3. 19. 15:54

웹통 폼메일 제작노트 홈페이지에 사용자가 작성한 입력폼을 지정된 메일주소로 보내어 입력된 내용을 메일로 확인하는 것을 폼메일이라고 합니다. 주로 신청서/견적서/문의/가입신청을 할때 많이 사용되고 영세한 개인이나 업체가 프로그램 개발없이 간편하게 사용하고자 할때 쓰는 방식입니다. 저도 폼메일을 설치할려고 여러군데 알아보다가 블루xxx 또는 쌈닭xxx 검색해봤습니다. 유료더군요. 무료로 사용할려고 해도 카피라이터 부분이 하단에 노출되어 미관상 보기 안좋았습니다. 그래서 PHP는 모르지만 한번 만들어봐야겠다. 만들다보면 배우겠지하고 시작했습니다. 역시... 비전공자로선 머리가 터지겠더군요. 그래도 우여곡절 끝에 아주 간단한 폼메일을 완성했습니다. 현재 호스팅서버는 카페24/고도몰 두군데에서 테스트 완료했으며 ..

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

티스토리툴바