본문 바로가기

전체 글

(339)
간단한 유튜브 무료음원 - 추천채널 유튜브 무료음악에 대해서 그전에 알아보았는데 생각외로 쓸만한게 별로 없어서 힘들때가 많습니다. 무료음악을 검색해서 찾아보면 정리해둔 사이트가 너무너무 많습니다. 찾더라도 회원가입에 라이센스를 어떻게 구별해야하며 저작권무료였던 음원이 유료로 바뀌어서 문제가 된것도 아주 많습니다. 이러한 문제점은 우리들이 하나하나 체크해 가면서 동영상을 제작 할 수 없습니다. 그래서 준비했습니다. 머리아프게 유튜브 제작하지말고 유튜브에서 활동하는 아티스트들을 잘 선택하셔서 음원에 대한 저작권표시만 하시면 라이센스에 있어서 자유로울 수 있는 방법을 알려드리겠습니다. 음악은 우선 그 아티스트에 한하여 한정적 이긴 하지만 쉽게 음악을 찾을 수 있는것이 장점과 빠르게 찾을 수 있다는 장점에 선택해 보시기 바랍니다. https://..
style css의 하이퍼 링크 활용하기 Style Css의 하이퍼 링크 활용하기 최근에 많은 사이트들이 페이지롤링을 통하여 화면의 첫페이지에서 모든것을 설명하는 이벤트페이지 형태가 많이 보인다. 하이퍼 링크를 이용해 간단하게 설명해 보겠습니다. 1 2 3 링크01 ---------------------------------------- #1 cs 간단한 하이퍼 링크를 활용하여 페이지에서 지정된 ID로 #네이밍을 이용하여 링크로 이동할수 있습니다. 이름 속성은 HTML5에서 지원되지 않는 점을 참고하시기 바랍니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 cs 1 2 3 4 5 ..
포토샵 기초 배우기 6편 - 도구바 설명 포토샵 배우기 무료강좌 에서 가장 기초적인 도구바(툴바)에 대해서 정리하였습니다. 참고로 하나하나 도구를 이용하여 만들어 볼 건데 그전에 도구바를 눈으로 익히시기 바랍니다. 포토샵 배우기 무료강좌 포토샵을 이용하여 디자인을 하는것은 쉽다고들 하지만 막상 시작해 보면 강의를 들어야 이해가 가는 부분이 정말 많습니다. 책을 읽고 열심히 해야만 어느 정도 익숙해지고 능숙해지면 중반 이후부터는 다양한 활용도 할 수 있습니다. 경력이 오래된 사람에게 쉽게 배울 수 있으면 무척 좋지만 여건이 안되는건 사실입니다. 포토샵에 관심이 있어 이래저래 툴을 사용한 적은 있으나 오래돼서 기억이 가물가물한 사람이나 이제 막 초보티를 벗어나려고 노력하려는 사람들은 실전을 가장 많이 해보는것이 정말 유리합니다. 디자인을 오래 하면..
포토샵 기초 배우기 5편 - 기본화면 알기 포토샵 기초 배우기 5편 - 기본화면 알기 포토샵을 배우기 위해서 가장 기본적으로 포토샵에 가지고 있는 레이아웃을 잘 이해하고 진행하면 좋지만 포토샵 배우기의 기본 취지는 간단하게 알고 실정 위주로 즐겁게 하는 게 취지입니다. 특히 포토샵을 독학하시거나 초보이라면 무엇보다 배우는게 즐거워야 합니다. 그래서 툴 레이아웃을 넘어가려고 했지만 최소한 이 정도는 알아야 이야기는 되겠다 싶어 정의하게 되었습니다. 이번 글에서는 각 툴에 대한 레이아웃에 대한 기본화면 구성이 어떻게 진행되는지 포토샵 기초 정리편입니다. 레이아웃과 기본화면 구성을 깜빡이게 표시했으니 따라가며 하나씩 읽어보시면 포토샵 기초를 이해하는데 도움이 되실 겁니다. 1) 시작화면 구성 1) Recent(최근 파일 열기) - 최근에 오픈한 파일을..
포토샵 기초 배우기 4편 - 이미지 파일형식 포토샵 기초 배우기에 있어 이미지 파일에 대해 조금이라도 알아야하는데 포토샵 파일중에는 PSD/PSB/JPEG(jpg)/GIF/PNG/TIF/TIFF등이 있습니다. 포토샵 무료강좌 배우기에서는 기본적인것만 집중해서 파일저장에 있어 최대한 간단하게 설명해 보겠습니다. 포토샵 기초 배우기 4편 - 이미지파일에 대한 이해 포토샵 기초 배우기이번 글에서는 이미지파일에 대한 이해를 도와드리려고 하는데요. 먼저 해상도에 대한 이해를 간단하게 생각해보겠습니다. 해상도는 ppi, dpi로 표현합니다. 간단하게 ppi는 디지털에서 픽셀을 측정하는 단위이고, dpi는 아날로그인 인쇄물의 품질을 나타낼때 쓰는 말입니다. 이때 해상도가 중요 합니다. 해상도는 일반적으로 ppi dpi 단위를 사용하는데, ppi(pixels p..
포토샵 기초 배우기 독학 하기전에 꼭 알아야 할것!! 포토샵 배우기가 간절했던 때가 있었습니다. 돌이켜 생각해보니 포토샵 배우기 전에 누군가 이런 이야기를 해주었다면 훨씬 실력이 빨리 늘지 않았을까 라는 생각에 포토샵 독학으로 상세페이지도 만들고, 홈페이지도 만들 수 있는 포토샵 무료 강좌를 기획해 보게 되었습니다. 스마트스토어 상세페이지를 만들때도 활용할 수 있고, 인스타나 블로그의 카드뉴스같은 정보성 이미지도 쉽게 만들 수 있도록 포토샵 배우기 무료강좌를 연재해 보려고 합니다. [포토샵 기초배우기 - 돈 버리지 마세요!! 제발~~] 사회 초년생 때 이미지 작업이 필요해 일반 디자인 툴로 하다가 도저히 못 참고 포토샵 독학하기를 시작하게 되었습니다. 독학이 쉽지는 안죠? 포토샵에 관련된 책 한 권 사서 독학으로 익혀보려고 했는데 괜찮은 방법도 모르고 어디..
포토샵 기초 배우기 3편 - 이미지 열기 및 저장(웹이미지저장 Save for Web) 포토샵 기초 배우기 - 이미지 열기 및 저장(웹이미지저장 Save for Web) 포토샵 기초 배우기에서 가장 먼저 파일을 열고, 닫고, 저장하기 방법에 대해 알아보도록 하겠습니다. 우선 포토샵 배우기에서는 웹용과 일반이미지로 저장하는 방법에 대해서 설명드려 보겠습니다. 포토샵에서 웹용 이미지를 저장할 때는 이미지 크기를 설정하거나 처음부터 정해진 크기로작업하여 웹용으로 저장합니다. 포토샵 웹저장하기 메뉴는 파일크기를 줄이고 화질은 유지하여 편리하게 저장할 수 있도록 다양한 기능이 있습니다. 다른 이름으로 저장(Save as) 메뉴도 있는데 이 메뉴도 웹이미지로 바로 저장이 가능합니다. Save for Web Ctrl + Alt + Shift + S (웹이미지 저장 창) 이미지 생성 및 저장하기 그럼 지..
무료폰트 다운로드 사이트와 설치방법 (TTF와 OTT) 디자인할 때 가장 먼저 폰트를 설정하고 디자인을 많이 하는데 다운로드할 때나 무료폰트 다운로드 사이트에서 폰트를 다운로드하려고 보면 두 가지 파일명이 나온다. 그 두가지 파일이 TTF와 OTT이며 이 두 가지 폰트 파일명을 항상 볼 수 있는데 이 두 가지가 뭐고 어떤 걸 어떻게 사용하는지에 대해 가르쳐 준 사람이 잘 없습니다. 형식적인 의미로는 TTF는 트루 타입 폰트(True Type Font)의 약자이고 OTF는 오픈 타입 폰트(Open Type Font)의 약자입니다. TTF : 마이크로소프트와 애플이 개발한 확장자로 주로 웹 작업이나 문서작업용으로 80년대 적합합니다. OTF : 마이크로소프트와 어도비가 개발한 폰트로 모든 OS에서 사용가능하며, 모든 환경에서 똑같은 모양을 보여주기 위해 제작된 ..
전기요금 계산하기 전력량 계산기 보다 쉽게 사용하기 날씨가 추워진 요즘 난방용품을 구매하려고 하는데 전기요금이 만만치가 않습니다. 난방기기들을 둘러보고 비교하다 보니까 궁금해지기 시작했습니다. 전기요금은 어떻게 계산하지? 그래서 이 전력량을 제대로 계산하고 구매하고 싶었습니다. 그래서 이곳 저곳을 찾아보다가 전력량을 계산하는 곳을 찾았습니다. 네이버에서 찾았습니다. 네이버에서 검색창에 전기요금 또는 전기제품 사용량 계산이라고 입력하시면 바로 계산기가 나옵니다. 간단하게 만들어져 쉽게 사용할 수 있었습니다. 그러면 아주 쉽고 편리하게 전력량 계산기를 사용하는 방법을 설명해 보겠습니다. 1. 전력량 계산기전에 구매하고자 하는 제품 상세페이지에 제품 정보를 보면 소비전력란이 있습니다. 소배전력을 확인하시면 됩니다. 2. 네이버..
유튜브 배경 바꾸기(채널아트 설정) 유튜브 배경 바꾸기 채널 아트는 데스크톱, 모바일, TV 등 모든 기기에 적절한 이미지가 표시되는 최적화 이미지 2560x1440픽셀 이미지 1개를 업로드하는 것이 좋습니다. 최소 폭: 2048x1152픽셀이며 다양한 기기에서 텍스트와 로고가 잘리지 않고 표시되는 '표준 영역'입니다. 최대 폭: 2560x423픽셀이며 '안전 영역'은 항상 표시됩니다. 채널 아트 양쪽의 영역은 시청자의 브라우저 크기에 따라 표시되거나 잘릴 수 있습니다. 파일 크기: 권장 크기는 4MB 이하이며 psd 파일은 아래 다운로드를 이용하시기 바랍니다. 이미지는 저의 블로그 링크를 따라가시면 관련 사이트들이 있습니다. 그곳에서 무료 이미지를 다운로드하여 활용하시면 더욱 편리하실 것 같습니다. https://itnamu21.tist..
유튜브 무료음원 다운로드(youtube) 유튜브 오디오 라이브러리 무료 음원 ​​유튜브 오디오 라이브러리 음원들은 영상에 삽입하기에 좋은 음원이 정말 많습니다. 음원 찾다 보면 방송이나 영상에서 흔히 들었던 음원들이 많이 있습니다. 많은 사람들이 사용하고 있다는 뜻입니다. 요즘 사진 찍고 동영상 찍으면서 동영상 제작을 하기 시작했습니다. 저도 유튜브와 네이버tv이 카카오tv를 병행해서 하고 있습니다. 동영상을 편집하면서 무료로 나오는 음원을 찾게 됩니다. 그런데 처음에는 무료음원 찾기가 쉽지 않았습니다. 이곳저곳을 가봐도 라이센스가 있어서 포기할 때도 많았습니다. 그런데 쉽게 받을 수 있는 무료음원을 찾았습니다. 그래서 같이 공유하고 싶어 이 글을 올리게 되었습니다. 유튜브 무료 음원이었습니다. 가까운 곳에 있었다는 사실을 최근에 알게 되었습니..
유튜브 음원추출 링크정리 유튜브 mp3 변환 사이트(음원추출) 유튜브를 많은 사람들이 사용하면서 좋은 음악과 동영상을 서비스 받고 있습니다. 그런데 계속듣거나 여러가지를 모아서 한거번에 듣기에는 한계가 있습니다. 유튜브의 영상과 음원을 저장할 순 없을까? 하고 생각했습니다. 동영상를 보고 있으면 가끔 화면에서 흘러나오는 영상이나 음원을 별도로 소장하고 싶어지는 경우가 있는데 인터넷 연결과 상관없이 언제 어디서든지 볼 수 있으며 MP3 만 추출하여 음악 감상용으로도 사용할 수 있기 때문입니다. 하지만 YOUTUBE에서는 기본기능으로 이를 지원하지 않는 만큼 이를 위한 다양한 프로그램 및 애플리케이션들이 개발되어 있습니다. 유료 프리미엄 서비스를 이용하는게 불편한 점이 있었습니다. 그래서 mp3로 저장한 후 듣기 위한 목적으로 유튜..
웹디자이너가 필요한 웹사이트 디자인링크 모음 웹디자이너가 웹사이트 개발을 하기위해서 가장 기본적인것 중에 하나인것은 웹서핑입니다. 이 웹서핑은 웹디자이너들이 가장 시간은 많이 소요합니다. 웹개발에 있어 빠른 시간내에 웹디자인에 관련된 스타일과 컨셉을 잡으려면 참고 할만한 사이트가 많이 필요한데 그 사이트들을 객관적으로 판단하기에는 다소 무리가 있습니다. 그래서 검증된사이트 들을 찾아 즐겨찾기 해놓고 웹디자인을 한다면 보다 빠르고 편리하게 웹디자인을 하기에 편리합니다. 아래 항목은 기존에 저가 개발하면서 정리했던 우수한 사이트 들입니다. 참고하시고 도움이 되었으면 합니다. 웹디자인 참고링크 01대한민국 우수작 웹사이트 http://www.gdweb.co.kr/main/ 대한민국 모든 웹사이트를 대상으로 디자인 부분에 초점을 맞춰 디자인 우수작을 선정..
저작권 없는 무료이미지 다운로드 사이트 8 디자이너라면 알아야 할 저작권 없는 무료이미지 다운로드 사이트 II - 8 홈페이지 디자인을 하거나 배너, 이벤트, 팝업 같은 웹 디자이너라면 픽사베이나 프리픽 같은 무료 이미지를 다운로드 할 수 있는 사이트가 몇군데쯤 있습니다. 지난 글에서 누구에게나 도움되는 저작권 없는 이미지 사이트 8을 선정해 보았습니다. 이미 아는 사이트도 있을것이고, 새로운 사이트도 있을텐데 제가 알려드린 사이트는 StockSnap(스톡스냅), Pexels(픽셀), Pixabay(픽사베이), Unsplash(언스플래쉬),Burst(버스트), Reshot(리숏), FoodiesFeed(푸디스피드), Gratisography(그라티소그라피) 이렇게 8군데를 정리해보았습니다. 자세한 내용은 지난글에서 확인하면 되고, 하단에 링크 남..
픽사베이같은 무료이미지 다운로드 사이트 8 디자이너라면 유용한 2019 무료이미지 다운로드 사이트 8 사진은 언제나 디자인의 필수 요소이죠. 디자인을 하다보면 무엇보다 이미지나 wallpaper 같은 배경사진이 디자인의 반을 차지한다고 느낍니다. 더군다는 최근에는 비즈니스용 홈페이지나 주식같은 챠트를 넣은 이미지가 많이 필요해졌습니다. 오늘 정리하는 사이트는 저처럼 꼭 주식이나 비즈니스용이 아니더라도 다양한 무료이미지가 있으니 검색 후 사용하는데 별 무리가 없는 사이트들입니다. 라이센스에 대한 간단한 참고사항은 미리 숙지하고 사용하세요. 사이트들의 이미지는 대부분 저작권에서 자유로워로 허가 없이도 상업적으로 무료로 이용가능한 이미지로 복사, 수정, 배포를 할 수 있습니다. 하지만 일부 사진은 저작자 표시를 해야 할 경우도 있으니 꼭 이미지마다 저..
포토샵 책원본(PSD) BEST Book Gallery 포토샵 책 PSD원본 디자인 소스는 웹 실무에서 작업시간을 단축시켜줍니다. 그리고 디자인 퀄리티를 높이 주기도 합니다. 주로 유료 디자인 소스 사이트를 활용하여 디자인을 하지만 영세한 에이전시에서는 유료소스를 쓸수 없는 경우가 더 많습니다. 웹에이전시에 들어가서 웹디자인하는데 멘토도 없고 디자인은 해야 하겠고 막막했었습니다. "포토샵 원본 소스를 많이 가지고 있었으면 좀 더 빠르게 작업할 수 있었겠다" 하고 생각이 들었습니다. 그래서 디자인하는 동안 소스를 정리해서 올려야겠다 라는 생각을 하고 있었습니다. 디자인 소스는 PSD로 작업해서 누구든 사용할 수 있지만 저작권이 있는 폰트는 수정해서 사용하시기 바랍니다. 요즘 들어 책에 관련된 의뢰가 많이 들어와 정리하다 보니 책으로 만들어야 할 그래픽이 굉장히..