'웹디자인 소스' 태그의 글 목록 (2 Page)

웹디자인 소스 (48)

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

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

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

[ 포토샵 셀프 만삭사진 ] 만삭사진 포토샵으로 완벽 보정 노하우

사진이야기/사진 촬영 강좌 블로그-관리자 2012. 4. 26. 13:08

셀프 만삭사진 보정 노하우 요즘 성장앨범 가격이 너무 올랐더군요. 저가형이 60~70인데 저같은 서민은 엄두가 나지 않습니다. 그렇다고 첫애인데 소홀하게 보낼수도 없고, 그래서 몸으로 때우는 성장앨범을 만들기로 작심했습니다..쿄쿄.. 만삭사진은 태교여행으로 가평가서 찍고 애 태어나면 셀프스튜디오 반, 직접촬영 반 으로 앨범을 제작해볼려구요. 앞으로도 꾸진히 포토샵을 이용한 성장앨범 관련 포스팅을 만들 생각입니다. 많은 관심부탁드려요 태교여행 장소 처음에는 제주도를 생각했는데 제가 운전을 못하는 관계로 중간에 포기하고 가평으로 다녀왔습니다. 첫날 제이든가든 수목원 ---> 근처펜션 ---> 다음날 남이섬 아주 간단한 계획이지만 인천에서 전철로 2시간반 걸리고 비까지 와서 힘들었네요. 그래도 태교여행&만삭사..

[ 포토샵 무료폰트 ] 감각적인 디자인에 활용하기 좋은 영문폰트 모음

웹통 디자인 창고/폰트 자료 블로그-관리자 2012. 4. 23. 13:52

감각적인 디자인에 활용하기 좋은 영문폰트 폰트만 잘 선택해도 디자인에 반은 성공할수 있습니다. 그만큼 서체가 중요한건데요. 한글폰트는 대부분 유료라 구하기 어렵지만 영문폰트는 잘만 찾아보면 훌륭한 폰트들이 많습니다. 오늘은 영문폰트중에 감각적인 디자인에 활용하기 좋은 폰트을 선별하여 안내해 드리겠습니다. Knubbel ( Download Font ) 하노버대학교에서 주최한 제2회 semster graphic design에서 입상한 작품입니다. 상업적인 용도로 사용가능한 무료 영문폰트입니다. 귀여운 말풍선을 제작할때 유용합니다. INTRO free font ( Download Font ) 안쪽에 라인이 있는 특이한 구조의 영문폰트입니다. 강력한 느낌의 타이틀 제작이 가능합니다. Adamas Regular ..

[ 포토샵 HDR 사진 편집 ] 필터를 이용한 포토샵 HDR사진 만들기 (LucisArt 필터)

포토샵&일러스트 강좌 블로그-관리자 2012. 4. 19. 06:30

사진한장으로 HDR 포토샵효과 만들기 HDR은 High Dynamic Range의 약자로 세장 이상의 서로다른 계조의 사진을 이용해서 최적의 이미지를 만드는것을 말합니다. 요즘 DSLR이나 아이폰에도 이와 같은 기능이 내장되어 있어서 쉽게 촬영이 가능합니다. 하지만 저와 같이 구식 DSLR로 HDR 기능이 내장되어 있지 않아서 수동으로 촬영하는 수밖에 없습니다. 아이폰은 그냥 HDR 맛보기용이라 쓸수도 없구요. 얼마전에 와이프의 사진을 수동으로 노출을 틀리게 해서 촬영하는 도중 너무 오래걸린다는 이유로 뒤통수를 맞는 봉변을 당했습니다. 이 강좌에서는 HDR을 촬영할수 없는 분들을 위해 포토샵을 이용하서 HDR스타일로 사진을 편집하는 방법을 소개하려고 합니다. 톤매핑으로 하는 방식이 아니고 필터를 이용하는..

[ 자바스크립트 무료 메뉴소스 ] 드롭다운 메뉴 무료로 만들어주는 프로그램 - DHTML Menu Builder Free Version-

IT&COMPUTER/프로그램 블로그-관리자 2012. 4. 13. 12:13

DHTML 메뉴 생성기 무료버전 메뉴를 만들때 플래쉬 또는 html로 제작을 많이 해보셨을꺼에요. 오늘은 DHTML을 이용한 프리 드롭다운 메뉴 빌더를 소개해드립니다. 저도 우연찬게 찾은거라 아직 응용해서 사용해보진 않았지만 정말 쉽고 빠르게 자바스크립트를 메뉴 파일이 생성 가능합니다. 정식명칭은 DHTML Menu Builder Free Version 입니다. 유용하게 사용해주세요~~ ^^ DHTML Menu Builder 설치하기 저작권 문제로 직접 홈페이지 들어가셔서 다운 받으셔야합니다. 우선 아래 주소을 클릭해주세요. http://www.dhtml-menu-builder.com/free-dhtml-menu/getkey.php 상단에 보시면 Please enter your E-MAIL일 보이실꺼에요..

[ 포토샵 텍스트 효과 ] 텍스트 배경을 이용한 포토그래피 기법

포토샵&일러스트 강좌 블로그-관리자 2012. 4. 10. 13:26

텍스트 배경으로 글자만들기 오늘은 정말 독특하고 재미있는 텍스트 효과를 알려드리겠습니다.~ 초보자도 쉽게 따라할수 있는 기법이라 쉽게 만드실수 있을꺼에요. 다만....쉽게 만들수는 있지만 노가다(?) 부분이 많아서 시간은 좀 오래 걸리실 것 같습니다. 포토샵 텍스트 효과는 광고 타이틀이나 이벤트 페이지등 다양한 부분에서 사용가능하니 배워두시면 유용하게 사용하실수 있을꺼에요~ 본강좌는 해외싸이트 강좌를 한국어로 번역하고 좀더 쉽도록 수정하였습니다. 원본보기 Step 1 포토샵 실행후 new document 을 size 1920 × 1200픽셀로로 색상은 # 242424설정하여 만들어주세요. 배경레이어를 복제하여 Filter – Artistic – Film Grain을 아래와 같은 수치로 적용합니다. 복제한..

[ 포토샵 폰트 ] 손으로 그린듯한 스케치 고딕 영문 무료폰트

웹통 디자인 창고/폰트 자료 블로그-관리자 2012. 4. 7. 11:25

손으로 그린듯한 스케치 고딕폰트 무료버전 연필로 그린것같은 스케치 고딕 폰트를 소개합니다. 디자이너 Lukas Bischoff가 제작한 이 폰트는 현재 유료로 판매되고 있습니다. 하지만 제작자가 상업적인 용도외엔 무료로 배포하고 있어서 기업이나 재배포외엔 무난하게 사용하실 수 있는 영문폰트입니다. bold체와 light체 두가지 폰트가 있는데 bold체는 스케치 고딕 프로로 구매해야 가능하고 light체는 무료배포 영문폰트입니다. 우선 어떤 폰트인지 살펴보고 무료 폰트 다운방법을 알려드리겠습니다. 스케치 고딕은 손으로 스케치한 느낌의 헤드라인 글꼴입니다. 폰트패밀리은 bold와 light로 구성되어있고 두가지는 서로를 완벽하게 보완하며 고딕양식의 평범함과 기본적인 형태을 매력적인 스케치 터치로 완벽한 글..

[ 무료 명함 소스 ] 크레이티브 포토샵 명함 디자인 소스 10종

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

하이퀄리티 무료 명함 소스 다운받기 명함은 회사의 상품이나 서비스등 기업의 이미지를 홍보하는데 아주 중요한 역할을 합니다. 예전엔 단순이 이름,연락처,주소등을 알리는 명함의 용도로 사용되어 왔지만 지금은 업종에 따라 화려하거나 고급스러움을 강조한 디자인부터 아이디어가 돋보이는 기발한 명함까지 등장하였습니다. 명함 제작 비용은 인쇄업체에 따라 틀리지만 보통 저가형 재질 25000원~30000원, 일반형 30000원~50000원 사이에 제작이 가능합니다. 다만 명함 프린트 업체에서 보유하고 있는 템플릿에 텍스트만 바꾸는 형식이라 항상 디자인에 불만을 갖을수밖에 없죠. 따로 인쇄업체에 디자인을 요청할 경우 추가비용이 발생하는 거진 인쇄값만큼 나옵니다. 이제부터 소개해드리는 무료 명함소스를 활용하여 추가 디자인..

[ 포토샵 PSD ] 디자인을 돋보이게하는 포토샵 리본소스 15종

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 4. 3. 10:52

레이어가 살이있는 포토샵 리본 소스 15종 고품질의 이미지와 PSD파일은 디자이너의 소중한 자산이라고 할수 있습니다. 자금 여유가 있다면 유료소스를 보유하는게 좋겠지만 대부분의 회사에선 디자인소스에 대해 지원을 해주지 않죠. 그래서 무료로 고품질의 이미지가 보이신다면 무조건 내컴퓨터에 저장해 놓고 쉽게 찾을수 있도록 카테고리별로 정리를 해놓는 습관이 필요합니다. 앞으로 어떤작업을 할지 알수 없으니까요. 이번엔 디자인에 포인트를 주고 시각적인 매력을 높일수 있는 리본 15종을 정리했습니다. 다운방법 : 링크를 누르면 해당 페이지로 이동합니다. 각 페이지의 다운로드 버턴을 눌러주세요. 간단한 3색상 리본으로 call to action 버턴으로 사용하거나 웹사이트 또는 블로그 항목의 특정부분을 강조할때 매우편..

[ 포토샵 타이포그래피 ] 타이포그래피 폰트 조합공식 기초강좌

웹싸이트 디자인강좌 블로그-관리자 2012. 3. 14. 13:31

타이포그래피 어떻게 만들면 될까? 여러분들도 기본적인 이론 및 실무 대한 지식이없는 경우 폰트를 결정하고 어떻게 조합해서 배열을 할지 고민을 많이 하셨을꺼에요. 지금도 저는 폰트가 디자인 과정에서 가장 어려운 부분중에 하나라고 생각합니다. 무조건 이쁜글꼴로 캔버스를 채우는것 보다 여러 폰트를 어떻게 사용하느냐에 따라 완성도에서 많은 차이가 날수 있습니다. 이제부터 초보자를 위한 타이포그래피 만드는 방법을 소개하겠습니다. "얼마나 많은 폰트를 사용해야합니까?" 창의적이지 않은 일반적인 디자인 패턴에 많을 많이 사용하는 분들께는 두개 이상의 글꼴을 권장하지 않습니다. 모든 글꼴은 사람의 성격과 유사한 성질을 지니고 있습니다. 전혀 다른 성질의 성격을 지닌 두사람이 같은 업무를 할경우 좋은 시너지효과를 낼수 ..

[ 포토샵 텍스트효과 ] 메탈느낌의 고급스러운 로고만들기

포토샵&일러스트 강좌 블로그-관리자 2012. 3. 6. 13:32

메탈 텍스트 효과로 로고 만들기 오늘은 비도오고 좀 무거운 분위기의 포토샵 효과를 만들어 봤습니다. 메탈느낌의 재질에 입체감을 줘서 고급스러운 텍스트효과를 만들어 보겠습니다. 강좌를 보기 싫으신분은 하단에 포토샵 소스를 그냥 다운받아 변형하여 사용가능하십니다. 그래도... 만든사람의 성의를 생각해서 한번 따라 만들어보시면 정말 감사하겠습니다.^^ 1단계 텍스트 만들기 600x300의 캔버스를 새로 만들고 바탕이 될 배경을 지정을 합니다. 배경색상은 되도록 어두운계열로 선택하셔야 나중에 보기 좋습니다.~ 중간에 변경가능하니 원하시는 색상으로 넣어주세요. 폰트는 Philosopher을 사용했습니다. 제가 알기론 무료폰트인것같은데 쉽게 구하실수 있을꺼에요. 없으시면 얇고 뚜렷한 폰트로 지정하시면 됩니다. 글꼴..

[ 포토샵 버턴 ] UI 컨트롤러 디자인 버턴

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 2. 29. 11:51

인터페이스 포토샵 디자인 소스 안녕하세요 웹통입니다.~ 오늘은 홈페이지 만들때 자주 사용되는 인터페이스 디자인 소스 올려드립니다. 포토샵 파일인줄 알았는데...한개는 일러스트파일이네요 ㅡ.ㅡ 양해부탁드립니다. 마지막꺼는 꼽사리로 하나 넣었습니다. 많이들 다운 받으셔요~ ■ 파일정보 - 형식 : 일러스트레이션 문서(AI) - 제작자 : Sergey Punchev - 출처 : designmoo.com - 라이센스 : 무료로 사용하실수 있습니다. 단,상업적용도일 경우 제작자에게 미리 알려야합니다.(designmoo.com) ■ 다운로드 다운후 덧글하나가 저에겐 많은 힘이 됩니다.^^ 덧글 및 다음뷰 추천버턴 눌러주세요~ ■ 사용방법 - 일러스트 문서로 제작되어 편집프로그램을 사용하여 자유롭게 변형하실수 있습니..

[ 포토샵 ] 하이퀄리티 코믹 영문 폰트 13종 모음

웹통 디자인 창고/폰트 자료 블로그-관리자 2012. 2. 15. 09:02

귀여운 코믹 영문 폰트 13종 디자인을 만들때 폰트는 중요한 부분중에 하나입니다. 단조로운 레이아웃에 생동감 넘치는 느낌을 표현하고 더욱더 세련되고 재미있게 만들수 있도록 도와주는 만화 폰트를 소개합니다. 총 13가지의 개성있는 폰트로 구성되어 있으며 모두 무료 사용가능한 폰트입니다. Go Boom! 폭탄이 터지는 말풍선에 사용하기 좋은 폰트입니다.^^ Knits and Scraps font중세 애니메이션이나 플래쉬에 많이 본 폰트네요. 중세분위기 낼때 사용하세요~ DK Harrumph 개인적으로 가장 좋아하는 폰트입니다. 묵직한 느낌이어서 메인타이틀로 사용하기 좋은 폰트입니다. 활용도 좋은 폰트이니 이건 꼭 다운 받으세요~ KG Party on the Rooftop 러브리 느낌의 귀여운 폰트 Ameri..

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

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

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

홈페이지 인터페이스 정말 쉽게 만들어보자

웹싸이트 디자인강좌 블로그-관리자 2011. 12. 28. 16:53

웹통을 개설하고 첫번째 포스팅입니다.~ 저도 비록 잘하진 못하지만 이제 시작하시는 웹디분들에게 조금이나마 도움이 되고자 웹통을 만들었습니다. 대부분의 강좌는 해외 유명강좌를 번역하거나 실무에서 사용되는 유용한 팁을 소개해드리는 형식으로 포스팅할 예정입니다.~ 많은 관심 부탁드립니다.~ 웹통이 전하는 심플한 홈페이지 인터페이스 디자인 STEP 1 먼저 포토샵을 실행후 아래와 같이 설정합니다. STEP 2 배경이 되는 레이어를 선택후 더블클릭하시면 레이어 스타일이 화면에 나옵니다. 레이어 스타일 좌측에 COLOR OVERLAY 색상을 진한 갈색으로 선택해주세요 STEP 3 새로운 레이어를 만든후 상단 적당한 부분에 직사각형 박스를 만들어 줍니다. STEP 4 다시 새로운 레이어를 추가한후 원형 선택툴을 이용..

1
2