'웹디자인' 태그의 글 목록

웹디자인 (49)

초급자에게 유용한 무료 HTML 편집기 소개

IT&COMPUTER/컴퓨터활용TIP 블로그-관리자 2018. 6. 29. 07:00

생활코딩 작성할 때 유용한 무료 HTML 편집기 소개 HTML은 웹 표준언어로 웹에서 보여주는 대부분 페이지는 HTML이 사용하여 제작되죠. 지금 보고 계신 글도 티스토리 텍스트 편집기를 통해 작성되었지만, 실상은 HTML 코드화되어 웹에서 보여지고 있습니다. HTML은 전문적으로 교육받지 않더라도 간단한 코딩이나 편집은 조금만 노력하면 배울 수 있는데요. 특히 티스토리를 운영하고 있다면 간단한 코딩만 배워도 포스팅할 때 좀 더 깔끔한 글을 작성할 수 있습니다. 오늘은 생활코딩을 배우고 작성할 때 유용한 무료 HTML 편집기를 소개해 드리겠습니다. w3schools은 설치가 필요 없는 온라인 HTML 편집기입니다. 비주얼 스튜디오나 드림위버처럼 다양한 기능을 제공하는 건 아니지만, 초급자가 사용하기엔 매..

프로그램 설치가 필요없는 온라인 HTML 뷰어 소개

IT&COMPUTER/프로그램 블로그-관리자 2017. 3. 6. 15:34

사용하기 편리한 온라인 HTML 뷰어 소개 HTML은 웹에서 볼 수 있는 문서를 만들때 사용되는 프로그래밍 언어의 한 종류인데요. 태그(tag) 명령어를 사용하여 글자모양, 그래픽, 문서이동 등을 지정하여 홈페이지나 웹문서를 작성하는데 사용됩니다. 보통 HTML 문서를 보려면 더블클릭을 하거나 웹브라우저에 문서를 끌어다놓으면 볼 수 있습니다. 그런데 코드와 함께 볼려면 별도의 뷰어가 필요한데요. 오늘은 쉽고 간편한 온라인 HTML 뷰어를 소개해 드리겠습니다. HTML 뷰어는 인터넷만 연결되어 있다면 웹이나 모바일에서 간편하게 코드와 함께 HTML 볼 수 있는 도구인데요. HTML파일 열기 뿐만아니라 Url주소만 있어도 웹문서의 HTML을 볼 수 있습니다. 아래 온라인 HTML 뷰어로 편리하게 HTML 파..

웹디자인 제작에 유용한 HTML 색상표 사이트 소개

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2016. 7. 25. 13:45

웹디자인에 필요한 HTML 색상표 사이트 소개 웹디자인을 만들다보면 색상에 대해 난감할때가 많죠. 웹에서는 색을 지정할 때에 특수기호 #과 십육진수로 이루어진 6자리의 숫자로 표기해야 하기때문에 포토샵이나 그래픽 프로그램에서 처럼 쉽게 색을 선택하기가 어렵습니다. 그렇기 때문에 홈페이지나 블로그을 만들때 색상 코드를 한눈에 볼 수 있는 HTML 색상표가 필요한데요. 오늘은 웹색상 코드가 잘 정리되어 있는 HTML 색상표 사이트를 소개해 드리겠습니다. 216가지의 웹 안전 색상표와 500가지의 색상 이름을 가진 색상표에 대한 정보를 얻을 수 있습니다. 또한 20000개 이상의 색조합 팔레트와 인기 색상표는 웹디자인을 만들때 매우 유용하게 사용할 수 있습니다. HTML 색상표 사이트로 작업의 능률을 올리고 ..

2016년에 출시된 최고의 무료 아이콘 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2016. 5. 31. 09:24

웹디자인 제작에 유용한 다양한 아이콘 모음 초기의 아이콘은 사용자가 기계를 원활하게 사용할 수 있도록 실제 장치에 부착하여 사용되었습니다. 하지만 디지털 시대로 넘어오면서 아이콘의 의미도 점점 변화하였는데요. 특히 스마트폰이 보급되면서 텍스트 정보없이 사용자와 상호 작용할 수 있는 아이콘의 중요성은 더 커졌습니다. 아이콘은 텍스트를 읽는 속도보다 빠르게 의미를 전달할 수 있어서 사용자 인터페이스를 강력하게 만들수 있습니다. 오늘은 2016년에 출시된 최고의 무료 아이콘 모음을 소개해 드리겠습니다. 비즈니스, 쇼핑몰, 날씨, 소셜미디어, 과학, 우주, 에너지 등등 다양한 분야의 웹 및 앱의 사용자 인터페이스 설계에 도움되는 아이콘 모음입니다. 파일 형식은 EPS, AI, PNG, SVG 등 다양한 형식으로..

2016년 놓치기 아까운 반응형 무료 워드프레스 테마 모음

웹통 디자인 창고/워드프레스 자료 블로그-관리자 2016. 3. 2. 09:58

모바일 방문자를 고려한 반응형 워드프레스 테마 소개 점점 모바일 기술이 발전하면서 모바일을 이용한 인터넷 검색량이 컴퓨터와 비슷하거나 더 많아지고 있습니다. 이제는 번거롭다는 이유로 모바일 사용자를 배려하지 않는다면 큰 대가를 치룰 수 있는 상황인데요. 반응형 디자인을 사용한다면 큰 비용을 지출하지 않고도 기존 PC 사용자와 모바일 사용자가 모든 기기와 플랫폼에서 접근할 수 있도록 만들 수 있습니다. 또한 구글은 검색엔진 순위상승에 반응형 디자인을 적극 권장하고 있는 만큼 SEO(검색엔진최적화)를 생각한다면 이젠 필수불가결한데요. 오늘은 2016년 놓치지 말아야할 무료 반응형 워드프레스 테마를 소개해 드리겠습니다. 총 12가지의 워드프레스 테마는 포트폴리오, 블로그, 잡지, 엔터테인먼트 등 다양한 분야에..

웹&그래픽 디자인에 유용한 포토샵 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2016. 1. 26. 14:33

디자인 퀄리티를 높여주는 포토샵 소스 포토샵 소스는 디자이너에게 불필요한 시간을 줄이고 작업 속도를 높이는데 큰 도움이 되죠. 하지만 국내 디자인 자료를 보면 대부분 유료로 구입해야하는 경우가 많습니다. 프리랜서나 소규모 회사에선 작은 금액이라도 큰 부담으로 느껴질 수 있는데요. 살짝 해외로 눈을 돌려보면 상당한 퀄리티의 자료를 무료로 공유하는곳이 많습니다. 특히 웹디자인과 그래픽디자인에 도움되는 아이콘, 목업, UI, 위젯은 전세계적으로 활발하게 공유되고 있어서 높은 품질의 자료를 손쉽게 다운받을 수 있는데요. 오늘은 디자인 제작에 유용한 포토샵 소스를 소개해 드리겠습니다. 모든 자료는 레이어가 살아있는 PSD파일로 다운이 가능하며 자유롭게 수정할 수 있습니다. 하이퀄리티 포토샵 소스로 멋진 작품을 만..

웹디자이너를 위한 고품격 무료 아이콘 모음

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2015. 12. 10. 15:07

홈페이지 작업에 유용한 무료 아이콘 모음 다운 받으세요. 웹디자인은 각종 시각적 요소들을 이용하여 홈페이지를 디자인하고 웹사이트를 구축하는 걸 말하죠. 시각적 구성 요소를 보면 네비게이션, 아이콘, 그래픽, 텍스트, 색상, 레이아웃, 멀티미디어 등 웹페이지 안에 포함 되어야 하는 필수 요소들이 있습니다. 그 중에 아이콘은 쉽게 정보에 도달할 수 있는 역할을 담당하고 있어서 시각적으로 눈에 잘 띄는 위치에 있어야 하며 일관성 있는 모양과 색상을 갖추는게 좋은데요. 오늘은 웹디자인 제작에 유용한 무료 아이콘 모음을 소개해 드리겠습니다. 총 14가지의 아이콘 모음은 서커스, 플랫, 비즈니스, 스포츠, 공항, 쇼핑 등등 다양한 테마로 구성되어 있어서 통일감 있는 웹디자인을 만들어 낼 수 있습니다. 웹디자이너를 ..

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

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

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

최고의 웹사이트 제작을 위한 무료 포토샵 템플릿 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2015. 2. 24. 14:57

웹디자이너를 위한 무료 홈페이지 디자인 소스 모음 웹사이트 디자인을 만들기 위해선 많은 시간과 노력이 필요합니다. 전문 홈페이지 디자인 업체에서도 시간을 절약하기 위해 미리 완성된 템플릿을 이용하여 대량으로 사이트를 제작하는 경우도 있는데요. 기존에 없는 차별화된 디자인으로 홈페이지를 기획할 생각이 아니라면 자신이 생각한 디자인 컨셉에 가장 유사한 템플릿을 선정하여 편집하는 방법도 나쁘지 않는것 같습니다. 보통 높은 퀄리티의 템플릿을 얻기 위해서 유료로 구매하여 사용하는데요. 간혹 유료 못지 않은 완성도를 갖은 디자인 템플릿을 무료로 공개하는곳이 있습니다. 오늘은 무료로 공개된 자료중 베스트라 할수 있는 홈페이지 템플릿 소스만 선별하여 소개해 드리겠습니다. 모든 자료는 포토샵 PSD로 제작되어 사용자의 ..

2015년 최신 홈페이지 무료 디자인 포토샵 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2015. 2. 4. 17:04

웹디자이너를 위한 포토샵 웹사이트 디자인 소개 웹디자이너는 항상 새롭고 신선한 디자인을 만들기 위해 많은 스트레스를 받게 됩니다. 물론 독특하고 독창적인 결과물이 나온다면 그 기쁨도 굉장히 크지만 대부분 시간에 쫒기다 보니 완성도 보다는 속도에 더 치중하게 되는것 같습니다. 우리나라 현실상 어쩔수 없다는걸 알지만 매번 작업이 끝나도 끝나지 않은것 같은 느낌은 지울수가 없네요. 오늘은 항상 시간에 쫒기는 웹디자이너의 걱정을 조금이나 줄일수 있는 포토샵 웹사이트 템플릿 소스를 소개해 드리겠습니다. 처음부터 홈페이지를 디자인하는것 보다 잘 설계된 레이아웃과 UI를 기반으로 살을 보태고 수정한다면 많은 시간과 노력을 절약할 수 있습니다. 모든 소스는 포토샵 PSD 소스로 편집 및 수정이 가능하며 무료로 사용이 ..

웹디자인 핵심이 담겨있는 무료 전자책 18권 소개

웹통 디자인 창고/유용한 디자인 자료 블로그-관리자 2015. 1. 28. 16:29

웹디자인 관련 무료 EBOOK 소개 오늘은 지난해 출시된 웹디자인 관련 무료 전자책을 소개해 드릴까합니다. 총 18권의 전자책으로 CSS, HTML, SVG, 자바스크립트, 웹 기초, 반응형 웹 디자인 등 각 분야의 도움이 되는 내용을 담고 있습니다. 아쉽게도 모든 문서는 영문으로 제작되어 어느정도 웹언어에 대한 지식이 없다면 이해하기 쉽지 않을것 같습니다. 저도 사실 전부 이해는 되지 않았습니다. 다만 몇가지 책은 현재 진행되는 프로젝트에 많은 도움이 될정도로 핵심적인 내용을 담고 있습니다. 아래의 웹디자인 전자책을 통해 웹에 대한 이해도를 높여보세요.~~ Adaptive Web Design by Aaron Gustafson (HTML) Aaron Gustafson이 작성한 웹디자인 전자책입니다. 웹디..

웹디자인 제작에 영감을 줄 수 있는 작품 갤러리 사이트 모음

크레이티브 디자인 블로그-관리자 2014. 12. 3. 14:00

웹디자이너에게 영감을 주는 웹사이트 갤러리 모음 새로운 웹디자인 프로젝트를 시작할때 어떤 형태로 가야할지 고민될때까 많습니다. 마음은 공모전에 출품할때 처럼 새롭게 꾸미고 싶지만 머리속엔 온통 잡생각만 떠오르고 그냥 기존 디자인을 변형할까? 유혹에 빠질때도 있습니다. 이럴때 여러분들은 어떻게 풀어 나가시나요? 지극히 개인적인 방법이지만 새로운 영감이 떠오르지 않을때 효과적인 방법을 소개해 드리겠습니다. 작가들이 글감이 떨어졌을때 여행을 떠나듯이 웹디자이너도 인터넷 서핑을 통해 크레이티브 아이디어를 보충할 필요가 있습니다. 다른 사람들의 작품을 보다보면 두리뭉실하게 생각했던 컨셉을 구체화할수 있으며 모방을 통해 새로운 영감을 얻을수 있습니다. 아래 소개해드릴 링크는 총 10개의 웹디자인 작품을 갤러리 형태..

웹 프로젝트에 유용한 무료 UI 및 와이어 프레임 키트 소개

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

최고의 무료 인터페이스 디자인 및 와이어 프레임 키트 와이어 프레임은 웹 디자인 또는 모바일 앱 프로젝터에 사용되는 청사진입니다. 어떤 그래픽이나 텍스트를 사용하지 않고 디자인의 구조만을 전시하여 개발자와 클라이언트가 주요 요소의 배치에 대한 합의를 쉽게 돌출할수 있도록 도와줍니다. 이름에서도 알 수 있듯이 기본 레이아웃, 검색, 머리글, 바닥글 등 컨텐츠와 페이지 요소의 위치를 와이어로 만든 프레임 워크입니다. 세부 설계는 클라이언트의 요청에 의해 자유롭게 디자인할수 있습니다. 오늘은 홈페이지 제작에 유용한 무료 UI 및 와이어 프레임 키트를 소개해 드리겠습니다. 두가지를 잘 응용하여 사용한다면 클라이언트와 매끄러운 업무협의를 통해 제작 시간을 단축시킬수 있습니다. Free Photoshop Wiref..

놀라운 인터랙티브 홈페이지 제작을 위한 HTML5 애니메이션 제작 도구

IT&COMPUTER/프로그램 블로그-관리자 2014. 9. 3. 15:51

웹디자이너를 위한 HTML5 애니메이션 제작 프로그램 소개 최근 인터넷 속도의 향상과 HTML5의 등장으로 홈페이지에 애니메이션을 삽입하는 경우가 늘고 있습니다. HTML5로 제작된 애니메이션은 플래시 처럼 따로 플레이어를 설치할 필요없이 인터넷상에서 바로 플레이가 가능하며 구글 크롬에서 실행했을때 더욱 빠르게 작동하는데요. 이러한 애니메이션을 이용한 홈페이지는 방문자와 상호작용할수 있는 토대를 만들고 다이나믹한 분위기의 디자인을 연출할 수 있습니다. 오늘은 HTML5를 이용한 애니메이션을 만들수 있는 프로그램을 소개해 드리겠습니다. 총 4가지의 애니메이션 도구는 각기 다른 매력을 지닌 기능을 제공하는데요. 자신에 맞는 프로그램을 선택하여 인터랙티브한 애니메이션을 만들어 보세요. Blysk HTML5, ..

홈페이지 제작 비용을 절감시켜주는 무료 포토샵 소스 모음

웹통 디자인 창고/포토샵 자료 블로그-관리자 2014. 8. 11. 15:33

다양한 테마로 제작된 무료 홈페이지 템플릿 모음 홈페이지 제작 할때의 작업단계를 나눠보면 기획 / 디자인 / 개발로 크게 나눌수 있습니다. 전체적 콘텐츠와 구성을 기획하는 단계를 거쳐 실제로 보여지는 레이아웃과 인터페이스를 만드는 과정을 디자인 단계라고 할수 있는데요. 디자인 단계는 실무 경험이 적은 웹디자이너나 디자인 스킬이 낮을 경우엔 상당히 많은 시간과 스트레스를 받을 수 있습니다. 실제로 사회 초년생들에게 콘티를 보여주고 만들어 보라고 하면 대부분 산으로 가는 경우가 많습니다. 기존에 없는 자신만의 상상력으로 독특하게 만들려고 하다보니 컨셉보다는 디자인에 치중하게 되는 결과물이 나오게 되는데요. 사실 웹디자인은 특별한 경우가 아니라면 뛰어난 상상력 보다는 기본적인것만 잘 지키고 컨셉에 맞게 만든다..

동상이몽 없이 원활한 소통을 만들어주는 웹 프로젝트 도구 소개

IT&COMPUTER/프로그램 블로그-관리자 2014. 6. 17. 14:40

웹디자이너와 클라이언트의 소통을 위한 도구 소개 웹디자인을 하다보면 클라이언트와의 소통이 원활하지 못해 불필요한 수정 작업을 할때가 있습니다. 전화상으론 고객이 원하는 부분을 제대로 캐치해내기 힘들고 웹에 대한 지식이 없다보니 원하는 내용을 정확히 전달받기 힘들기 때문에 오류가 발생하는데요. 오늘은 웹디자인 작업을 효율적으로 수행할수 있는 온라인 도구를 소개해 드리겠습니다. 온라인 상으로 홈페이지 프로젝트를 클라이언트가 뷰어를 통해 확인하고 코멘트를 달수 있는 협업 도구입니다. 그래픽툴을 사용할수 없는 의뢰자는 정확한 수정부분을 지정할수 있으며 코멘트를 통해 자세한 설명을 달수 있어서 소통으로 인한 오류를 최소화 할수 있습니다. 무엇보다 온라인으로 작업결과를 빠르게 확인할수 있어서 작업 소요시간을 비약적..

웹디자인 수준을 향상시켜주는 유저 인터페이스 포토샵 소스

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

하이퀄리티 유저 인터페이스(UI) 디자인 11종 웹디 초보자가 전문가 처럼 퀄리티 있는 디자인을 만들수 있는 방법이 있을까요? 창의적인 영감으로 독창적인 홈페이지를 만들기엔 무리가 있지만 기성복 같이 기존 포맷을 사용하여 본인의 스킬 이상의 결과물은 만들수 있습니다. 쉽게 말해서 짜집기라고 할수 있는데요. 우선 컨셉을 구상한후 가장 유사한 형태의 포토샵 소스 또는 이미지를 대입시켜 완성도를 높일수 있습니다. 오늘은 수준 높은 플랫 유저 인터페이스(UI) 포토샵 소스를 소개해드리겠습니다. 최근 트랜드라고 할수있는 플랫 디자인은 화려한 효과를 배제하고 직관적인 구조로 사용자에게 쉽고 빠르게 컨텐츠를 찾을수 있는 인터페이스인데요. 소개해드릴 PSD 파일은 초보자 또는 전문가에게도 큰 도움이 될만한 인터페이스 ..

무료 갤러리형 워드프레스 테마로 포토폴리오 홈페이지를 만들어보자

웹통 디자인 창고/워드프레스 자료 블로그-관리자 2014. 1. 2. 11:13

무료 포토폴리오 워드프레스 테마 22종 포트폴리오는 상대방에게 자신의 실력을 보여줄 수 있는 가장 확실한 방법중에 하나인데요. 예전에는 인쇄물로 포트폴리오를 표현하였지만 최근들어선 지속적인 업데이트와 커뮤니티가 가능한 웹상으로 포토폴리오를 많이 제작합니다. 물론 개인 또는 소규모 회사에서 홈페이지 제작은 비용면에서 많은 부담을 주는데요. 기본적인 갤러리 형태의 웹사이트만에도 50~100만원의 비용이 들어갑니다. 물론 앞으로의 유지보수 비용까지 생각한다면 쉽게 선택을 못하는게 현실인데요. 오늘은 사진, 디자인, 제품쇼케이스 등 갤러리 형태의 포트폴리오 웹사이트를 제작할수 있는 무료 워드프레스 테마를 소개해 드리겠습니다. 설치형 블로그로 잘 알려진 워드프레스는 다양한 테마를 사용하여 손쉽게 웹을 구현할수 있..

웹디자이너를 위한 모바일 디자인 컨텐츠 포토샵 소스 모음

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

모바일 디자인 제작에 활용도 높은 포토샵 PSD 모음 개인의 역량에 따라 좀 틀리겠지만 웹디자이너는 웹에 관련된 전반적인 지식을 습득해서 홈페이지 또는 쇼핑몰을 구축하는 업무를 담당하고 있습니다. 이러한 웹디자이너의 업무가 최근들어 점점 확대되고 있는데요. 모바일 UI, 어플 UI 등 스마트폰의 대중화로 인해 모바일에 관련된 디자인 컨텐츠 제작에도 참여하는 경우가 많아졌습니다. 홈페이지 제작만으로도 버거운데 새로운것을 시작한다는건 참 힘들일이죠. 사실 저도 아직까진 모바일쪽은 배워야할게 너무 많아 시간소모가 상당하네요. 오늘은 저처럼 모바일 컨텐츠 제작이 아직 생소하거나 처음 시작하는 분들께 도움이 될수있는 무료 포토샵 PSD 소스를 소개해 드리겠습니다. Photo App Concept 요즘 기본 내장된..

플래시를 뛰어넘는 HTML5 애니메이션 제작 프로그램 10종 소개

IT&COMPUTER/프로그램 블로그-관리자 2013. 11. 28. 14:39

2014년 최고의 HTML5 애니메이션 제작 프로그램 HTML5 등장 이전에는 웹에서 구현되는 애니메이션의 대부분은 플래시로 제작되었습니다. 플래시는 개발자가 아닌 디자이너도 애니메이션을 제작할수 있도록 강력하고 편리한 기능을 제공하여 웹 애니메이션 생산의 큰부분을 차지하였습니다. 그러나 웹표준 HTML5 등장 이후 보안에 취약하고 리소스를 많이 잡아먹는 단점으로 HTML5 애니메이션으로 대체되고 있는 추세입니다. 최근 웹디자이너들의 마음이 복잡한데요. 아직까지 우리나라는 웹 애니메이션을 플래시로 제작하는 경우가 대부분이여서 처음 웹을 시작하는 분들은 어떤것을 선택해야하는지 또는 기존 웹디에겐 HTML5 애니메이션을 새롭게 시작해야하기 때문에 프로그램 선택부터 망설여지실꺼에요. 오늘은 이런 고민들을 가지..

[Adobe Muse CC] 코딩없이 홈페이지 제작이 가능한 어도비 뮤즈CC 새로운 기능

IT&COMPUTER/프로그램 블로그-관리자 2013. 7. 1. 11:15

웹디자이너 필수 프로그램 어도비 뮤즈CC의 새로운 기능 소개 어도비사의 뮤즈 CC 소프트웨어는 설계자가 코드를 작성하지 않고도 데스크탑 및 모바일 장치에 대한 전문적인 웹사이트를 만들 수 있습니다. 어도비 뮤즈CC를 사용하면 익숙한 포토샵, 일러스트레이터 또는 인디자인에서와 동일하게 사용하여 웹표준에 따른 HTML페이지를 만들수 있는데요. 쉽게 드래그 앤 드롭 방식으로 작업이 가능하며 슬라이드쇼 또는 메뉴를 위젯 형태로 제작이 가능합니다. 어도비 뮤즈CC는 웹디자이너가 디자인에 집중할 수 있도록 프로그래머 없이 크로스 브라우저 호환코드를 생성하여 대부분의 웹브라우저에 호환이 가능하도록 홈페이지를 제작할 수 있습니다. 아직은 완벽한다고 할수는 없지만 앞으로 웹디자이너의 필수 프로그램이 되지 않을까 생각됩니..

[ 포토샵 달력 소스 ] 웹사이트 켈린더 디자인에 유용한 포토샵 PSD파일 모음

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

웹사이트 달력 위젯, UI 제작에 유용한 켈린더 디자인 모음 다가오는 2013년을 위한 준비는 잘 되가시나요? 오늘은 또 다른 한해을 준비하기 위한 달력 포토샵 소스을 모아봤습니다. 웹사이트, 블러그, 개인홈페이지 등 달력 위젯으로 사용하기 좋은 소스입니다. 모든 소스는 포토샵 PSD 원본으로 저장되어 간단한 수정으로 이쁜 달력을 제작하실 수 있습니다. 무료 달력 컬렉션으로 즐거운 2013년을 준비해보세요~ 다운방법 : 각 제목을 클릭하면 해당 소스페이지로 이동합니다. 클린 다크 캘린더 위젯 블러그나 홈페이지에 사용하기 좋은 달력 위젯 형태의 포토샵 소스입니다. 간단한 날짜 변경만으로 바로 사용하실수 있습니다. 캘린더 위젯 미니 달력 및 간단한 링크연결이 가능한 포토샵 소스입니다. 미니멀리즘 캘린더 위젯..

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

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

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

[ 포토샵 브러쉬 ] 빛바랜 사진같은 빈티지 스타일 포토샵 브러쉬 모음

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

오래된 사진같은 빈티지 포토샵 브러쉬 빈티지란 오래된 와인같이 시간이 지나도 더 깊이가 느껴지고 새로운 느낌을 의미합니다. 이런 사진이나 효과는 의류쪽에서 많이 사용되고 있는데요. 오늘은 빈티지 스타일을 포토샵 브러쉬로 제작한 소스를 소개해 드리겠습니다. 총 20여종의 팩키지로 구성되어 있으며 각각의 브러쉬파일에 10~20개의 브러쉬가 있어서 왠만한 빈티지 스타일은 모두 표현하실수 있습니다. 다운방법 : 각 해당 제목을 클릭하면 다운로드 페이지로 이동합니다. 거기서 다운 받으시면되요~ 12 Vintage Cycle PS Brushes 1900년도 초기에 나온 빈티지 스타일 자전거 12가지를 포토샵 브러쉬로 제작한 소스입니다. Vintage Bird Brushes 2 빈티지 느낌의 각종 새 포토샵 브러쉬입..

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

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

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

[ 포토샵 무료 액션 ] 이것만 있으면 나도 포토샵 편집 고수!!

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

이미지 편집용 포토샵 액션 모음 동일한 작업을 쉽고 빠르게 수행할수 있도록 도와주는 기능중에 하나로 액션이 있습니다. 액션을 사용하면 시간을 절약하고 단조로운 작업을 자동화하여 업무의 효율성을 증가 시킬수 있습니다. 이번에 소개해 드릴 액션은 사진을 좀더 아름답게 표현할수 있도록 도와주는 무료 액션파일입니다. 초보자도 쉽고 빠르게 포토샵으로 사진을 편집할수 있으며 액션순서 따라하다 보면 전문가들의 노하우를 배우실수도 있습니다. 다운방법 : 해당 제목을 클릭하면 원본페이지로 이동합니다. 거기서 다운로드 버턴을 누르세요. 액션 적용방법 : .atn 확장자를 가진 액션파일을 다운 받은후 단축키 alt + F9키를 눌러서 액션창을 열어주세요. 액션창 오른쪽 상단에 삼각 메뉴버턴을 누른후 Load Actions ..

[ 포토샵 말풍선 ] 깔끔한 포토샵 말풍선 15종 무료 소스

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

부연 설명에 필요한 말풍선 모음 간혹 다음 항목으로 넘어가기전에 간단한 부연설명을 해야할때가 있습니다. 텍스트론 설명글을 눈에 띄게 만들기 쉽지 않죠. 그럴때 사용할 수 있는 말풍선을 추천드립니다. 귀엽고 깜찍한 말풍선은 아니지만 정확하고 간결하게 부연설명을 원할때 사용하기 좋은 아이템입니다. 다운방법 : 제목을 누르면 해당 페이지로 이동합니다. 이동된 페이지에서 다운로드 버턴을 눌러주세요. 보시기전에 아시죠? 손가락 꾹~ Info Popup 2 이미지 또는 파일정보를 표시할때 유용한 툴팁 포토샵 원본파일 Tooltip Elements 방문자 / 링크배너 / 지도 부연설명 등등 에 사용 가능한 말풍선 종합세트 Mini tooltips 깔끔한 미니 말풍선 포토샵 원본파일 Growl Notification ..

1
2