웹통의 웹으로 통하는 세상

홈페이지 소스 (22)

포토샵 PSD로 제작된 무료 홈페이지 디자인 소스 12종

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2015. 8. 13. 17:24

놀라운 홈페이지 디자인 템플릿 모음 무료 홈페이지 템플릿은 웹디자인을 공부하는 학생, 웹디자이너 일도 겸해야하는 디자이너, 예산문제로 웹디를 고용할수 없는 소규모 회사에게 가뭄에 단비 같은 존재가 될수 있습니다. 웹디자인 특성상 트랜드, 레이아웃, 디자인 특이성, 테마 등 여러가지 요소를 고려해야 하지만 템플릿을 사용하면 시간과 노력을 절약하면서 높은 퀄리티의 웹사이트를 만들어 낼수 있습니다. 오늘은 포토샵 PSD 파일로 제작된 놀라운 홈페이지 디자인 템플릿을 소개해 드리겠습니다. 요즘 유행하는 랜딩페이지 부터 제품 홍보 비지니스에 관련된 프로젝트을 제작할 수 있으며 공부하는 학생에게는 몇가지 중요한 웹디자인 트릭과 기술을 배우실 수 있습니다. (모든 자료는 포토샵 PSD로 다운 가능하며 일부는 CSS,..

HTML5로 제작된 최신 홈페이지 템플릿 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2014. 11. 25. 13:48

HTML5를 이용한 반응형 웹사이트 템플릿 모음 요즘들어 HTML5으로 제작된 홈페이지를 많이 볼수 있습니다. HTML5는 플러그인 없이 멀티미디어 기능을 기본적으로 포함하고 있는 장점이 있는데요. 기존 홈페이지에 비해 가볍고 성능 또한 개선되었습니다. 앞으로 모바일 방문자를 생각한다면 HTML5를 이용한 사이트가 대세가 되지 않을까 생각이 드네요. 오늘은 HTML5를 이용하여 놀라운 웹사이트를 구축할수 있는 무료 템플릿을 소개해 드리겠습니다. 이미지와 소스를 모두 제공하여 첫시작 단계를 빠르게 진행시킬수 있습니다. 템플릿을 이용하여 블로그, 웹사이트, 포트폴리오 등 다양하게 활용해보세요. Businessus 비즈니스, 개인의 웹사이트를 위한 세련되고 깔끔한 디자인의 템플릿입니다. 디자인 변경으로 블로그..

웹디자인 초보자를 위한 무료 포토샵 템플릿 10종

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2014. 4. 4. 11:52

홈페이지 제작에 유용한 포토샵 소스 모음 무료 홈페이지 템플릿은 처음 시작하는 웹디자이너에게 좋은 출발점이 될수 있습니다. 인터페이스, 버턴, 레이아웃, 배너 등 웹을 만들때 필요한 모든 요소가 포함되어 있어서 빠르게 사이트를 구축할수 있는데요. 요즘엔 카페xx, 고도x 같이 저렴한 가격에 홈페이지 빌더를 제공하는곳이 많아 외형만 만들어도 쉽게 자신만의 웹사이트를 제작할수 있습니다. 오늘은 색상, 폰트, 배경 등 자신이 표현하고 싶은 요소를 편집할수 있는 포토샵 PSD 웹사이트 템플릿 소스를 소개해 드리겠습니다. 완벽한 사용자 정의로 신속하고 쉽게 웹을 만들어 보세요. Free WIP Template PSD 사진, 포트폴리오, 제품소개 등 다양한 분야에서 활용할수 있는 심플한 레이아웃의 템플릿입니다. D..

방문자의 편의성을 고려한 유저 인터페이스 디자인 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2014. 2. 21. 15:51

사용자 친화적인 인터페이스 포토샵 소스 모음 웹에서 인터페이스는 컴퓨터 또는 모바일 기기와 사용자간의 상호작용을 연결해주는 역할을 합니다. 버턴, 메뉴, 위젯, 게시판등 마우스와 키보드를 이용하여 작동하는 모든 부분이라고 생각하시면 되는데요. 너무 복잡한 구조는 사용자가 효과적으로 원하는 정보를 찾는것을 방해할수 있어서 홈페이지 이탈률을 높일수 있습니다. 오늘은 방문자가 쉽게 원하는 기능을 찾을수 있는 직관적인 유저 인터페이스(UI) 디자인을 소개해 드리겠습니다. 포토샵 PSD 파일로 효과적인 인터페이스 제작에 도움이 되며 컨셉에 맞게 기본적인 디자인 요소를 편집할수 있습니다. Thallium UI Kit 확인, 취소, 로그인, 상태진행바, 뮤직플레이어, 시세 등등 다양한 인터페이스 버턴으로 구성된 디자..

스마트폰에 최적화된 반응형웹사이트 템플릿 무료 소스 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2014. 2. 14. 15:58

반응형 홈페이지 제작에 유용한 무료 템플릿 모음 요즘 웹디자이너에게 핫이슈라고 할수 있는 반응형 웹사이트는 모든 브라우져와 모바일 기기에서 자동으로 크기를 변환해주는 방식을 말합니다. 최근 스마트폰 사용자가 많아지면서 모바일 방문자 유입이 급속도록 증가함에 따라 반응형 홈페이지에 대한 관심도 날로 증가하고 있습니다. 하지만 아직까지는 미디어쿼리를 지원하지 않는 익스플로러 구버전 등 호환성에 문제가 많아 현 상황을 지켜보는 사람들도 많은데요. 윈도우 XP 업데이트 종료 이후에 구버전의 익스플로러 사용자들이 대거 8이상을 사용한다면 빠른시간안에 반응형 웹디자인이 대세가 되지 않을까 생각이 드네요. 오늘은 평면디자인, 반응형 레이아웃, JQuery 슬라이더와 같은 놀라운 기능이 포함된 반응형 웹사이트 HTML..

예비 관광객을 사로잡는 여행사 홈페이지 무료 템플릿 소스

웹통 디자인 창고/포토샵 자료 블로그-관리자 2014. 1. 24. 16:55

여행 관련 테마의 웹사이트 무료 소스 소개 최근 TV를 보면 여행 관련된 소재의 예능프로를 쉽게 볼수 있습니다. 보다보면 저기는 꼭 한번 가고 싶다는 생각이들 정도로 유익한 정보를 얻을수 있는데요. 여행 프로가 많이지다보니 실제로 해외나 국내로 여행객이 덩달아 많아져서 여행 관련 업체에서 홈페이지 제작 문의가 늘어나고 있는 실정입니다. 오늘은 여행사, 여행정보, 호텔예약 사이트 등 관광 산업에 관련된 홈페이지 제작에 유용한 포토샵 PSD 템플릿 소스를 소개해 드리겠습니다. 해외에서 제작된 소스다 보니 국내 디자인과는 조금 틀린데요. 내부 인터페이스를 조금 손 본다면 그럭저럭 활용이 가능할것 같습니다. 여행 테마 템플릿으로 멋진 웹사이트를 제작해 보세요.~ Explore 웹사이트에서는 보통 퍼플 색상을 사..

최근 유행하는 웹사이트, 홈페이지 포토샵 무료 템플릿 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2013. 6. 7. 15:03

현대적 디자인 감각이 돋보이는 웹 사이트 포토샵 소스 모음 PSD 웹사이트 템플릿은 개인 사이트, 포트폴리오, 비지니스 사이트를 제작할때 매우 유용한 소스입니다. 예전엔 해외 템플릿의 디자인이 국내에 맞지 않아 활용도가 많이 떨어졌는데요. 현재는 국내에서도 조금만 수정하면 멋진 홈페이지를 만들수 있을정도로 퀄리티가 높아졌습니다. 무료 홈페이지 소스는 PSD 원본으로 다운이 가능하기 때문에 원하는 디자인으로 수정이 가능합니다. 오늘 소개해드릴 웹사이트 템플릿을 통해 디자인 작업시간을 대폭 줄이고 컨텐츠에 더 많은 시간을 투자해보세요. "BiZ" Business Website PSD Templates 비즈 템플릿은 디자인 제품/서비스를 판매용 디자인 소스입니다. 깨끗하고 매끄러운 형태의 레이아웃 구조로 비지..

[ 홈페이지 무료 디자인 ] 2013년 뉴 트랜드 웹사이트 디자인 포토샵 PSD 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2013. 2. 22. 09:09

유료 디자인 빰치는 홈페이지 오픈 소스 소개 요즘엔 홈페이지 제작에 관련된 오픈소스가 많아서 디자인 작업할때 오랫동안 고민할 필요가 없습니다. 만들려는 주제에 부합되는 소스을 찾아 내부만 어느정도 뜯어고치면 만족스러운 홈페이지을 제작할 수 있는데요. 오늘은 다양한 주제에 사용할수 있는 홈페이지 무료 디자인 소스을 소개해드리겠습니다. 수정이 가능한 PSD파일로 제작되어 원하는 스타일로 조금만 수정하시면 제작기간을 대폭 줄이실수 있을꺼에요. 본문 보시기전에~ 꾹!! Restaurant Menu Free PSD Template Aman Dhingra의 레스토랑 홈페이지 디자인 소스입니다. 음식점, 요리, 레스토랑, 푸드 관련 웹사이트을 구상하신다면 유용하게 사용하실수 있는 자료입니다. 포토샵 PSD파일로 다운..

[ 웹싸이트 템플릿 소스 ] 2013년 뉴트랜드 홈페이지 템플릿 포토샵 PSD 소스

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

웹싸이트 제작에 유용한 포토샵 원본 PSD 예전에 비해 해외 무료 웹싸이트 템플릿의 수준이 많이 달라 진것같습니다. 외국 특성상 인터넷 속도에 최적화에 맞추다보니 다소 심플한 느낌의 자료들이 많았는데요. 최근들어 화려하고 다양한 기능이 포함된 자료들이 많이 올라오는것 같습니다. 오늘은 그중에 한국 웹싸이트 제작에 유용하게 사용할수 있는 포토샵 소스들을 소개해 드리겠습니다. 다운방법 : 각 해당 제목을 클릭하면 상세이미지 및 다운로드가 페이지로 이동합니다. Layman Politics – News and Politics Free PSD Website Template 아마추어 정치 뉴스 커뮤니티 싸이트 템플릿입니다. 사용하기에 따라 다양한 커뮤니티 싸이트로 변형이 가능하며 깔끔한 레이아웃과 인터페이스 구조가..

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

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

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

[ 이벤트 팝업소스 ] 활용도 높은 웹싸이트 전체화면 레이어 팝업 소스

웹싸이트 디자인강좌 블로그-관리자 2012. 8. 22. 11:05

메인화면 위에 겹쳐지는 레이어 팝업 소스 요즘 포탈이나 쇼셜쇼핑에서 보면 팝업창이 보다는 레이어를 이용한 팝업을 많이 보게 되는데요. 본화면을 보기전에 강제적으로 광고나 로그인 화면을 먼저 보이도록 할때 유용한 방법입니다. 전체화면 팝업 관련해서 소스가 없어서 직접 만들게 되었는데요. 저도 프로그램쪽이 아니라 네이버 지식에도 물어보면서 겨우 만들었습니다. ㅜㅜ 혹시 좀더 간단하게 수정해주실분 있으시면 조언 부탁드리며 허접하지만 필요하신분들은 유용하게 사용해주세요. 주요기능 : 엔터키로 팝업 닫기 / 전체화면 레이어 설정 / 하루동안 안보이기 쿠키설정 1단계 레이어 설정 div 레이어 설정을 통해 레이어의 위치와 투명도 크기를 설정하는 부분입니다. left:0px;top:0px : 상단 왼쪽을 기준으로 위..

간단하게 웹싸이트 또는 어플을 미리 만들어볼수 있는 무료 Mockup 툴

IT&COMPUTER/프로그램 블로그-관리자 2012. 8. 7. 10:46

9가지의 무료 와이어프레임과 맥업툴 대부분의 웹 디자이너 및 개발자 분들은 Wireframes와 mockup 어플 리케이션 사용해 보셨을꺼에요. 맥업툴은 웹 싸이트 또는 어플리케이션 제작전에 프로포타입 UI를 구성하기 위해 사용되고 있습니다. 보통 제작전에 시안이나 스토리보드을 만들어 시행 착오를 줄이고 제작기간을 단축하는데요. 이과정을 프로그램을 이용하여 만든다고 생각하시면 됩니다. 오늘은 무료로 사용할수 있는 설치형 Wireframes와 mockup 어플 리케이션을 소개해드리겠습니다. 맥업툴을 사용하여 회사에서 인정받는 사원이 되어 보세요~ 다운방법 : 각 해당 제목을 클릭후 링크된 페이지에서 다운 받으시면 됩니다.~ Pencil Project Pencil Project는 웹디자인 / 윈도우 7 Ae..

[ 포토샵 구름 브러쉬 ] 누구나 쉽게 제작하는 하늘배경 - 구름 브러쉬 편

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

누구나 쉽게 제작하는 구름 배경 이미지 배경이미지 제작시 가장 많이 사용된것중 하나가 하늘 이미지입니다. 그 이유는 자연스럽게 다른 요소들과 융화가 잘되고 표현하는데 쉽다는 장점이 있기 때문입니다. 하늘하면 떠올리는 이미지로는 구름,태양,별,달 등등 있는데요. 오늘은 구름 포토샵 브러쉬를 소개해 드릴까합니다. 무료 구름 브러쉬를 이용하여 멋진 하늘배경을 만들어보세요. 다운방법 : 각 제목을 클릭하면 해당페이지의 이동합니다. 거기서 다운로드 버턴을 클릭해주세요. [ 포토샵 브러쉬 ] 나뭇잎 브러쉬의 종결자 100여종의 포토샵 브러쉬 [ 포토샵 브러쉬 ] 환상적인 별과 달 포토샵 브러쉬 모음 [ 포토샵 브러쉬 ] 수준높은 디자인을 위한 포토샵 브러쉬 5종 [ 포토샵 ] 봄을 부르는 포토샵 플라워 브러쉬 모음..

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

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

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

[ 포토샵 브러쉬 ] 환상적인 별과 달 포토샵 브러쉬 모음

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

환상적인 별과 달 포토샵 브러쉬 모음 리얼리티가 살아있는 별과 달 포토샵 브러쉬를 소개해드립니다. 총 14개의 브러쉬이며 각 브러쉬마다 여러가지 종류의 브러쉬가 포함되어 있습니다. 이미지를 사용하여 디자인하는것보다 원하는 위치에 배치할수 있다는점이 브러쉬의 최대 장점인것같습니다. 아름다운 별과달 브러쉬를 이용하여~ 멋진 배경이미지를 만들어 보세요 ^^ 다운방법 : 각 제목을 클릭하면 해당페이지의 이동합니다. 거기서 다운로드 버턴을 클릭해주세요. Moon and Stars Photoshop Brush 첫번째 소개해드릴 브러쉬는 심플한 느낌의 14가지 스타일의 달과 별 포토샵 브러쉬입니다. Ischarm Moon Brushes 001 리얼한 느낌의 MOON 브러쉬입니다. 총 7가지의 달모양이 포함되어 있습니..

[ 무료 웹템플릿 ] 홈페이지 제작시 꼭 필요한 프리 웹템플릿 디자인 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2012. 5. 21. 11:53

하이퀄리티 무료 웹싸이트 템플릿 모음 모든 웹디자이너의 고민중에 하나가 디자인 작업시 필수 디자인요소와 레이아웃을 짜는데 많은 시간을 소요한다는 점입니다. 이럴때 고품질의 웹싸이트 템플릿이 있다면 작업속도을 비약적으로 향상시킬수있습니다. 하지만 고품질의 디자인 템플릿은 대부분 유료고 psd파일을 찾는것 자체가 힘이들수도 있습니다. 여기에 그런 고민들을 해결할 웹싸이트 템플릿 31가지을 소개해 드리겠습니다. 컨셉에 맞는 디자인을 골라 변형하여 사용하시면 시간을 절약하실수 있을꺼에요~ 다운방법 : 각 제목을 클릭하면 해당페이지의 이동합니다. 거기서 다운로드 버턴을 클릭해주세요. 보시기전에 아시죠? 손가락 꾹~ Layout Grunge para Portfolio Gratuíto 디자인 포트폴리오 싸이트에 적합..

[ 플래쉬 무료 프로그램 ] 1분만에 플래쉬를 제작할수 있는 초간단 플래쉬 무료 프로그램

웹싸이트 디자인강좌 블로그-관리자 2012. 5. 15. 15:17

1분만에 플래쉬을 제작할수 있는 프로그램 액션스크립트는 커녕 플래쉬에 플짜도 모르는 상황에서 메뉴나 배너를 제작하려면 너무 암담하실꺼에요. 특히 플래쉬 같은 경우엔 퀄리티 높은 무료소스를 구하기가 어려워서 난감하죠. 그런분들을 위해 무료 플래쉬 생성 프로그램을 소개해 드릴까합니다. 간단한 내용만 입력하면 플래쉬가 뚝딱하고 생성되서 참 편리해요. 다만 샘플 틀에 맞쳐서 제작해야 하기 때문에 변형이 어렵고 무료 버전은 플래쉬 하단에 광고 링크가 달려 있습니다. 유료로 전환하려면 29달러정도을 지불하셔야합니다. 급하게 플래쉬를 제작하거나 링크 부분이 상관없으시다면 정말 훌륭한 플래쉬 생성 싸이트입니다. Step 1 싸이트에 들어가 보시면 상단메뉴에 MENUS / TEXTS / BANNERS / BUTTONS ..

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

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

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

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

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

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

[ 포토샵 ] 활용도 100% 하이퀄리트 폴더 아이콘

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

웹활용도 100% 아이콘 소스 원래 아이콘 강좌로 만들려고 했는데.. 오늘은 시간이 너무 없어서 원본소스로 포스팅합니다. 포토샵 레이어를 전부 살려놔서 좀 너저분 하실꺼에요. 각 부분에 색상만 변경하거나 부분수정이 가능한 소스라 활용도가 높습니다. 활용범위 제한은 없습니다. 마음되로 사용하셔도 되지만 다운받기 전에 댓글 적어주시면 더욱 힘이나서 많이 올리겠습니다. 다운받고 댓글 필수 !!!!!!!

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

웹싸이트 디자인강좌 블로그-관리자 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 다시 새로운 레이어를 추가한후 원형 선택툴을 이용..

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

티스토리툴바