life is like this

진정한 독립 라이프를 위한 기록

1st 온라인 클래스 Adobe Dimension OPEN 자세히보기

전체 글 67

블로그 할 때 참고할 만한 '키워드' 검색 사이트 2곳

키워드 검색 사이트 소개 블로그하다보니까 수익형 블로그 운영하시는 분들의 팁들을 자주 찾게 되면서 알게 된 사실이 있다. 블로거 고수(?) 분들은 글을 쓰는 시간보다 검색 노출이 잘 될만한 키워드를 서칭하는 시간이 더 많다라는 것이다. 키워드가 그만큼 중요하다는 뜻이다. 키워드 검색을 하다보니까 경쟁력이 약한 키워드를 많이 쓰고 있었다는 것을 깨닫게 되었다. 예를 들면, 이미 유명한 키워드는 나와 같은 신생 블로그가 그 키워드를 차지하기 어렵다. 그런데 그 키워드만 고집할 경우 사실은 밑 빠진 독에 물 붓기와 같은 것... 이왕이면 내 블로그와 잘 맞는 키워드를 찾아서 활용하면 더 많은 사람들에게 노출될 수 있으니 나도 틈틈이 서칭하고 있다. (하지만 '괜찮은 키워드' 찾기가 쉽지는 않다....^^;) ..

pipelines/blog 2020.10.13

티스토리 블로그: 스크롤하면 나타나는 메뉴바 만들기

티스토리 블로그 꾸미기: 스크롤 메뉴바 만들기 티스토리 블로그 Portfolio 스킨을 사용하면서 좀 아쉬웠던 점이 글 내용이 길면 상단 메뉴바가 보이지 않는다는 점이다. 다른 카테고리의 글을 보고 싶으면 맨 위로 스크롤을 쭉해서 메뉴 버튼을 찾아야 했다. 나도 내 블로그에서 다른 글 보기가 어려운데 방문자들은 오죽할까. 그래서 상단에 고정되는 메뉴바를 만들고 더 나아가서 스크롤할 때 등장하도록 애니메이션까지 추가해보련다! 이 튜토리얼은 티스토리 블로그 Portfolio 스킨에 초점이 맞춰져 있으며, w3school.com의 오픈 소스를 활용해서 만들었다. ※ How to - Slide Down a Bar on Scroll: www.w3schools.com/howto/howto_js_navbar_slid..

한글날에 만나는 무료 폰트 5가지

한글날 기념 무료폰트 5가지 소개 한글날이 되면 각종 기업에서 예쁜 한글 폰트들을 제작하여 무료로 제공된다. 그 중 개인적으로 아릅다고 새롭다고 생각한 한글 무료폰트들을 소개하고자 한다. 네이버 마루 부리 글꼴 (시험판) 빙그레 싸만코체 우아한형제들 배민 을지로10년후체 한글과 컴퓨터 훈민정음 세로쓰기체 토끼네활자공장 HS봄바람체 3.0 네이버 마루 부리 글꼴 (시험판) (hangeul.naver.com/) 네이버는 이미 나눔글꼴이라는 정말 많은 사람들에게 사랑받은 폰트를 무료로 제공해왔다. 이번에는 디지털환경에서도 시각적으로 아름다운 명조체를 위해 마루 부리 글꼴을 제작하고 있다. 유저들과 활발한 소통을 통해 제작하는 새로운 제작 방식으로도 주목을 받고 있으며 시험판으로 먼저 레귤러 글꼴을 선보였다. ..

archive/fonts 2020.10.09

자주 사용하는 무료 이미지 사이트 2곳

내가 자주 사용하는 무료 이미지 콘텐츠 사이트 소개 퀄리티 높은 이미지를 무료로 사용할 수 있는 세상에 살 수 있다는 것이 얼마나 감사한지. 자신의 콘텐츠를 무료로 제공한 이들에게 감사하게 생각하며... 이미 많이 알려져 있는 사이트들이기는 하지만, 내가 굉장히 자주 사용하면서 도움을 많이 받고 있기 때문에 고마운 마음을 담아 소개하고자 한다! 언스플래쉬 (Unsplash) 안소니 보이드 그래픽스 (Anthony Boyd Graphics) Unsplash (http://unsplash.com/) 언스플래쉬는 많이 알려져 있는 무료 이미지 사이트이다. 무료 이미지 사이트들이 전세계적으로 많이 있기는 하지만 언스플래쉬만큼 퀄리티 높은 이미지 사이트는 아직까지 본 적이 없는 것 같다. 잡지 화보같은 정말 멋진..

pipelines/blog 2020.09.21

Adobe Dimension: 간단하게 3D 이미지 만들기

어도비 디멘션 간단 & 간략 튜토리얼 어도비 크리에이티브 클라우드 서비스를 월정액으로 사용하면서 어도비 프로그램에서 쓰는 툴은 거의 포토샵 아니면 일러스트레이터다. 이렇게 2D 작업만 하다가 생전 해보지도 않았던 3D 이미지를 만들어야할 일이 생겼다. 어도비의 모든 프로그램을 사용할 수 있는 회원제이다보니 3D 프로그램도 있겠지, 하면서 어도비 디멘션이라는 툴을 알게 되었다. 2D만 다루던 사람이 3D를 하면 걱정부터 했지만, 디멘션을 사용해보니 너무나도 쉽게 3D 이미지를 만들 수 있었다. 이제서야 이 프로그램을 알게 된 것이 아쉬울 뿐이다. 나처럼 매번 쓰던 툴만 쓰거나, 3D 이미지를 만들고 싶었거나, 무료 목업 이미지를 찾느라 시간을 낭비하고 싶지 않은 분들이라면 어도비 디멘션 툴을 한번 사용해보..

Shutterstock: 벡터 이미지 등록하는 방법

셔터스톡: 벡터 이미지 등록하는 방법 이전에 셔터스톡과 관련해서 이미지 등록에 실패했었다고 이야기했었다. 벡터 이미지를 올리려고 하는데, 용량이나 아트워크 사이즈가 작다고 계속 오류가 나서 업로드 자체를 못했다가... 드디어 셔터스톡에 첫번째 이미지를 업로드하였다! 셔터스톡 '벡터 이미지 ' 등록하는 방법 셔터스톡 기고자 페이지에서 로그인을 하면 위와 같은 대시보드가 메인으로 나타난다. 왼쪽 상단의 '이미지 업로드' 버튼을 클릭한다. 가운데 박스에 이미지를 드래그한다. 박스 내에 썸네일로 파일이 업로드 되는 과정을 볼 수 있다. 로딩이 끝나면 오른쪽 아래에 있는 '다음'버튼을 클릭한다. 그리고 처리가 완료되었다고 상단에 메세지가 뜨고, '지금 새로 고치기'를 버튼을 클릭해서 새로고침을 했는데... 벡터 ..

Shutterstock: 판매자 등록하는 방법과 이미지 등록 실패담

셔터스톡: 판매자 등록 하기과 사진, 벡터 일러스트 등록 거절사유 요즘은 국내에도 스톡 이미지를 판매하는 사이트들이 많아지고 다양해졌지만 그래도 여전히 스톡이미지라고 하면 셔터스톡 시장이 가장 크다. 이미지, 벡터 이미지, psd 이미지, 음악 및 영상까지 다 아우르며 전 세계를 대상으로 판매를 하고 있기 때문에 입지는 매우 크다. 사진찍는 것을 좋아하고 포토샵이나 일러스트레이터 같은 툴로 그림 좀 그릴 줄 안다면 셔터스톡에서 판매자로서의 작가 등록은 시도할만하다. (판매가 잘되고 안되고는 일단 작가 등록부터 하고 생각해보자.) 요약 셔터스톡 기고자로 가입하기 셔터스톡 이미지 등록 실패담 셔터스톡 기고자로 가입하기 ▶셔터스톡 기고자 페이지 (판매자 등록): https://submit.shutterstoc..

티스토리 블로그: 한글 웹폰트 바꾸기

티스토리 블로그 꾸미기: 한글 웹폰트로 제목 스타일 바꾸기 티스토리 블로그의 이미지와 무드를 가장 쉽게 바꿀 수 있는 방법 중에 하나는 '폰트'를 바꾸는 것이다. 요즘에는 한글 폰트도 웹폰트로 많이 공유가 되고 있어서 매번 보던 '나눔'서체와 다른 다양한 폰트로 자신의 티스토리 블로그 또는 웹사이트의 분위기를 확 바꿀 수 있다. 한글 웹폰트를 기준으로 쉽게 폰트 소스를 가져올 수 있는 두 개의 사이트를 소개하면서 바꾸는 방법을 알려드리겠다. 구글 폰트 눈누 티스토리 폰트 바꾸기 구글 폰트 (https://fonts.google.com/) 구글 폰트의 가장 큰 장점은 다양한 언의 폰트들을 서칭할 수 있다는 것이다. 세세한 라이센스는 직접 확인을 해야하지만 웹폰트는 거의 무료로 사용할 수 있고 어느 나라에서..

디지털 노마드 일기: 구글 애드센스 승인 방법

구글 애드센스 승인 받은 날 바로 쓰는 글 디지털 노마드로 살고 싶다고, 올해 말까지 생활비정도의 수익을 달성하는 것이 목표라고 말한지 몇일이 지났다. 그 방법 중에 하나가 구글 애드센스였는데, 드디어 오늘 새벽에 승인 메일을 받았다. 4개월간 총 3차례의 승인 거절 메일을 받으면서 너무 답답했었다. 왜 승인이 되지 않는건지 말이다. 그래서 다른 분들 후기를 서칭했고 새로 알게된 팁들을 적용한 후 바로 승인을 받았다. 나처럼 답답했던 분들에게 도움이 되길 바란다! ※ 참고: 첫글 20년 4월 4일 / 공개글은 20년 8월 21일 기준 12개 (비공개 글은 16개) / 4수에 걸쳐 승인 요약 이미 퍼져있는 구글 애드센스 승인 방법, 나는 어떠했는가 계속된 미승인으로 승인 방법 서칭하던 중 알게 된 사실 내..

Web Publishing: 구글 머티리얼 아이콘 활용하기

웹 퍼블리싱: 구글 머티리얼 아이콘 (Google Material Design Icons) 웹사이트를 만들다보면 필수적으로 또는 부수적으로 '아이콘'이 필요하다. 예를 들어 티스토리에도 있는 '메뉴'나 '검색' 아이콘 같은 경우다. 이런 아이콘들은 사용자들에게 익숙한 기본 형태가 있고 크게 변경할 수 있는 여지가 많지 않기 때문에 구글 머티리얼 아이콘 같이 이미 만들어진 아이콘들을 적용하는 것도 간편한 방법이다. 구글 머티리얼 아이콘의 가장 큰 장점 중에 하나는 '폰트'처럼 사용할 수 있기 때문에, 폰트의 컬러, 사이즈를 바꾸는 것처럼 아이콘의 컬러, 사이즈를 아주 쉽게 바꿀 수 있다. 또한 디스플레이 해상도 상관없이 깨끗한 이미지를 보여주기 때문에 매번 이미지를 만들어서 사용할 필요가 없다. 티스토리 ..