놀고 먹고 돈벌고

포토샵과 일러스트레이터 수업을 하면서 e-book 출판을 하고자 준비 중입니다. 일단 차례만 먼저 정리하고 내년에 작업 들어가 배포하도록 하겠습니다. [기본 기능편] 들어가며 1. 포토샵의 이해 - 화면 구성 및 세팅 2. 기본 사진 보정 이미지 보정 이미지 선택툴 필터 이용하기 3. 레이어의 이해 - 아트워크 만들기 - 브러쉬 / 페인트통 / 그라디언트 - 글자 쓰기 4. 레이어의 응용 - 레이어 변형하기 - 레이어 스타일 : f(x) - 혼합필터 5. 부분 보정의 이해 - 닷지 & 번 도구 - 흐림 & 선명효과 6. 합성하기 - 마스크의 이해 (cf. 누끼따기 링크 삽입) - 복구 및 내용인식 (cf. 로고 바꾸기) 7. 패스 이해하기 - 도형 그리기 - 패스 그리기 마치며 [콘텐츠 제작] 들어가며 ..

모든 사람들이 스마트폰을 사용하게 되면서 사소한 일상도 사진을 남기는 일이 많아졌습니다. 음식이나 풍경 등 다양한 소재로 사진을 남기시는 분들이라면 사진을 판매하면서 수익을 낼 수 있을 텐데요. 이러하듯 판매를 위한 사진을 스톡사진이라고 불립니다. 스톡사진이란? 사진을 찍으면 되지 왜 구입을 하느냐, 의문을 가질 수도 있을 텐데요. 콘텐츠를 제작하거나 여러 상업용도로 사용할 수 있습니다. 아무리 사진과 관련한 기술이 발전했다 하더라도 모든 사진을 다 촬영할 수 없고 그 때 마다 필요한 사진은 직접 구매를 하여 사용할 수 있는데요. 대표적으로 스톡사진을 판매하는 사이트는 셔터스톡이 있지만 심사기준도 까다롭고 어렵다 보니 초심자들이 도전하기 좋은 사진판매사이트를 소개해드리고자 합니다. 크라우드픽 https:..

티스토리 블로그를 운영하면서 글이 길어지다 보면 목차를 해두면 방문자들이 편리하게 찾아볼 수 있을 것입니다. 그래서 오늘은 목차와 관련한 html을 메모해두었습니다. 블로그 목차 만들기 블로그 목차 만들기 블로그 목차를 만들기 위한 html은 다음과 같다. 목차 이름 제목 내용 또한 목차를 추가하기 위해서는 #s-2 #s-3 등 숫자를 계속 늘려가면 된다. 서식에 저장해두고 사용해주면 편리할듯

콘텐츠를 생산하는 데에 있어서 어떠한 것이든 간에 저작권이 있습니다. 그 중에서도 글을 넣어야 할 때에 어떤 폰트를 써야하는지 고민이 많으실텐데요. 내가 어떤 콘텐츠를 만들지에 따라, 어떤 용도로 사용할지에 따라서 사용권에 대한 확인을 매번 해주셔야 합니다. 그래서 오늘은 상업용폰트를 받을 수 있는 곳에 대해 알아보도록 하겠습니다. 눈누 제가 가장 많이 방문하는 상업용 무료폰트 사이트는 눈누입니다. 다양한 한글폰트들을 볼 수가 있으며 바로 다운로드 사이트로 이어서 다운을 받을 수가 있습니다. 그 외에 어떤 폰트인지 질문을 할 수 있는 커뮤니티가 있으며, 디자인 챌린지까지 있다 보니 디자이너들이 결과물을 소소하게 만들어 볼 수 있는 기회까지 갖추고 있습니다. 특히 미리 타이핑을 해보고서 어떤 느낌인지 확인..

영상 위에 효과나 자막 등을 얹기 위해서 투명한 배경으로 영상 렌더링을 필요로 할 것입니다. 그래서 렌더링을 할 때에 배경은 모두 투명으로 날리는 방법을 알아보도록 하겠습니다. 영상 작업을 모두 진행한 뒤, 파일 > 내보내기 > 렌더링 대기열에 추가 를 선택해 줍니다. H.264 같은 경우에는 Media Encoder에서 렌더링을 해야겠지만 투명한 배경으로 된 영상 소스를 만드는 작업을 하는 경우에는 일반 Quick time 으로 렌더링 해주셔도 됩니다. 영상 작업을 모두 진행한 뒤, 파일 > 내보내기 > 렌더링 대기열에 추가 를 선택해 줍니다. H.264 같은 경우에는 Media Encoder에서 렌더링을 해야겠지만 투명한 배경으로 된 영상 소스를 만드는 작업을 하는 경우에는 일반 Quick time ..

포토샵과 일러스트레이터를 이용하게 된다면 표현할 수 있는 디자인이 많아지게 됩니다. 그런데 두 가지 프로그램이 서로 어떻게 다른지, 의문을 가지시는 분들이 많을 것입니다. 그래서 오늘은 포토샵과 일러스트레이터이 어떻게 다르고 어떤 작업을 진행해야 하는지 알아보도록 하겠습니다. 포토샵은 레이어 위주, 일러스트레이터는 패스 위주 포토샵은 레이어를 쌓아가는 방식으로 작업을 진행하게 됩니다. 따라서 기존에 가지고 있는 이미지들을 쌓아올리거나 보다 화려한 느낌의 콘텐츠를 생산해 낼 수 있습니다. 일러스트레이터는 선과 면을 응용하여 새로운 이미지를 창조해냅니다. 패스와 오브젝트를 겹치고 수정하는 등을 통해서 깔끔하고 딱 떨어진 디자인이 가능합니다. 물론 포토샵 안에서도 패스 작업이 가능하지만 보통은 누끼를 따거나 ..

기능을 잘 알고 있지만 혹은 디자인을 하고 싶지만 디자인툴을 하는 방법을 몰라 어떻게 디자인을 해야할지 잘 모르시는 분들은 고민이 많을 것입니다. 그런 분들을 위해서 디자인 템플릿을 제공해주는 사이트가 있는데, 제가 세 가지를 뽑아보도록 하겠습니다. Canva (캔바) https://www.canva.com/ko_kr/create/ 대표적인 디자인 템플릿 사이트는 캠바인데[요. 디자인을 할 수 있는 모든 콘텐츠들을 다 가지고 있는 만큼 자료가 굉장히 방대한 편에 속합니다. 캔바는 콘텐츠 디자인보다는 상업적인 인쇄물이나 업무 비즈니스용 디자인이 많이 있어요. 무엇보다도 무료 템플릿이 많다 보니 부담 없이 사용할 수 있는데 보기 편안한 느낌의 디자인들이 많아 좋습니다. 전반적인 큰 틀을 다룰 때에 사용하기 ..

let txt 로 시작하여 버튼의 작용 만들어주기 보통 이건 자바 사용하는데... 걍 어렵다 ㅠㅠ 특히 이거 질문하는거... 무슨 원리인지는 잘 모르겠다.. 담에 주말에 날 잡고 다시 한 번 들어볼 계획임 이거 깔으라고 해서 확장자 추가! 이거 매번 복사해서 써야된다고 한다 대체 이 오류가 뭐냐고 ㅠ 일단 무작정 따라는 하는데 오류만 먹고 아무 변화가 없으니 이건 나중에 다시 복습해야겠따... 일단 보류...

예전에 HTML을 엄청 얕게 배웠었는데.. css를 함께 활용해서 해보려니 만만치 않은 거 같다 ㅠㅠ HTML : 뼈대 CSS : 꾸미기 코딩 프로그램 : 파이참 HTML 가져오기 부트스크랩 컴포넌트 Alerts Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. getbootstrap.com HTML 명령어 확인하기 오른쪽 마우스 클릭 > 검사 CSS :: 스타일 적용시키기 어째서 어떤 것은 div class를 쓰고 어떤 것은 그냥 글자로만 쓸까.. 무슨 차이인지 궁금하다.. 폰트넣기 Google Fonts Making the web mor..