H-아지트

일러스트레이터에서 그림자 효과 주기 ( Appearance/모양 패널) 일러스트레이터에서도 오브젝트에 그림자 효과를 줄 수 있다! 바로 appearance(모양) 기능이 그건데 각종 스타일을 입힐 수 있는 기능이다. 먼저 사각형(Rectangle)툴로 사각형을 하나 그린다. Appearance(모양) 패널을 열기 위해 윈도우 메뉴에서 해당 메뉴를 체크한다. appearance(모양) 패널 그럼 오른쪽 윈도우 패널에서 appearance(모양) 패널을 확인할 수 있다. 보면 현재 내가 그린 핑크색 사각형에 대한 속성 - 색상은 핑크, 테두리(Stroke)는 검정에 1.026pt의 두께를 가지는 사각형임을 확인할 수 있다. 그럼 그림자를 주기 위해 사각형을 선택툴(단축키 V)로 선택한다. 그럼 파란색으로 활..

H-정보공유/Adobe 일러스트&포토샵 2020. 1. 8. 02:50

[에버노트 활용법] 스케줄과 매일 할 일 관리하기 할 일을 효율적으로 관리하는 것은 정말 중요한 일이다. 이걸 안했더니 게을러지고 매일 잡생각으로 낭비하는 시간이 많아져 날을 잡아서 할 일 관리용 앱들을 모두 써보았다. MS to do, trello, notion, google docs와 캘린더 연동, 엑셀까지 어떻게 하는게 스케줄 관리에 효과적일까 고민한 끝에 내린 결론은 원래 쓰던 에버노트였다. 내가 무작위 노트로 이용했던 에버노트는 생각보다 많은 기능이 있었고 프리미엄으로 업그레이드를 하자 그 기능은 더욱 강력해졌다. 가장 아날로그 다이어와 비슷한 에버노트 무작위 메모가 가능한 대용량 저장공간 웹클리핑 기능 템플릿을 이용한 달력 만들기 체크박스를 넣은 매일의 할 일 to do 리스트 만들기 각 노트..

H-정보공유/생산성앱 활용하기 2020. 1. 5. 15:04

Cronofy 로 에버노트와 애플 캘린터 연동하기 내가 아껴 마지 않는 에버노트지만 캘린더와 연동되기 어려운 구조가 늘 아쉬웠었다. 그런데 이 무지한 유저는 알리미 기능이 있는지도 모르고 오로지 노트만 주구장창 썼었다. 최근 에버노트의 다양한 기능들을 알게 되고 그 잠재력에 새삼 감탄하며 사용중인데 맥북 캘린더와 알리미를 연동하는 방법을 알게 되어 공유한다. Cronofy라는 연결서비스를 사용하는 것이다. 정말 간단하다!! https://evernote.cronofy.com/ Evernote Calendar Connector Transform your Evernote reminders into calendar events and automatically have any changes synced. It’..

H-정보공유/생산성앱 활용하기 2020. 1. 4. 05:04

티스토리를 쓰기 잘했다는 생각 몇 년 전에 안쓰고 방치해둔 네이버 블로그를 접고 티스토리로 넘어오면서 꽤 고민했었다. 한국은 무조건 네이버니까 네이버 블로그를 살릴 것인가 점유율이 낮은 다음 기반 티스토리냐. 네이버를 포기하는 건 꽤나 아쉬운 일이었지만 뭔가 투명하지 않은 검색결과, 네이버만의 폐쇄성, 커스터마이징이 불가한 점, 구글광고 안됨 등 때문에 티스토리를 선택하게 되었다. 그리고 때때로 불안했다. 이대로 티스토리를 버려버리는 건 아닐까!!? 라는 생각때문에 워드프레스도 잠시 고민했지만 남아있길 잘했다는 생각이다. 조금씩 바뀌어가고 업데이트되는 티스토리를 보면서 그래도 버리지 않았구나 앞으로의 가능성을 보는구나 라는 생각이 든다. 오늘 앱을 업데이트했더니 새롭게 개편된 모바일앱 화면을 볼 수 있었..

H-정보공유/블로그 & CSS 2019. 12. 12. 20:28

일러스트레이터 꿀팁! 개별 오브젝트 PNG로 저장하기 ADOBE 일러스트레이터를 사용하면서 조금 더 작업을 편하게 만들어주는 기능들이 있다. 모르면 제대로 활용할 수 없는 기능들. 그 중 하나가 아트보드 전체를 저장하는 방식이 아닌 개별 오브젝트 내보내기 기능이다. 1. 하나의 오브젝트만 Export (내보내기) 일러스트레이터에서 작업 후에 따로 저장할 오브젝트를 정한다. 저장하려는 오브젝트 전체를 선택툴로 선택한다. 선택된 상태로 마우스 오른쪽 버튼을 눌러준 다음 Export selection (선택한 것 내보내기)를 클릭한다. 그러면 Asset별로 내보내기 창이 뜨는데 원하는 오브젝트만 체크한 후 경로와 파일 포멧을 설정하고 저장한다. 그럼 이렇게 해당 오브젝트 PNG파일만 따로 저장된 것을 확인할 ..

H-정보공유/Adobe 일러스트&포토샵 2019. 12. 4. 18:28

해외 호스팅 업체 Vultr에서 결제한 Deposit 환불받기 해외 호스팅 서비스 중 괜찮은 평이 있어서 알게 된 Vultr. 발음을 뭐라고 읽어야 할지 모르겠는 서비스인데 이런 서비스치고 사이트도 예쁘고 가격도 저렴했다. 국내에는 정보가 많지 않은데 찾다보니 Webplanet이라는 곳에 좋은 후기도 있었다. 우연히 알게 되었는데 이 Webplanet이라는 사이트도 웹사이트 만드는 것과 관련한 괜찮은 정보들이 있으니 참고할 만 하다. Vultr 후기 & 테스트 2019 – 그만한 가치가 있나요? 다목적 적응형 클라우드 호스팅 제공 업체를 찾고 있다면 Vultr 서비스를 권장합니다. 일부 고객은 고객 서비스에 결함이 있다고 이야기하지만 제가 사용할 때는 인상적인 고객 서비스를 제공했습니다. 해당 서비스는 ..

H-정보공유 2019. 11. 25. 14:05

여러개의 아트보드 만들기 + 각각 파일로 저장하기 일러스트레이터에는 유용한 기능들이 있다. 그 중 하나는 파일 하나에 아트보드를 여러개 만들어서 한번에 작업가능하다는 것! 보통 기본 설정대로 파일을 열면 아래와 같이 하나만 열린다. 1. 여러개의 아트보드 만들기 그럼 한 번에 6개를 열어보자. 파일 -> 새파일 (new) 를 클릭 새파일 윈도우가 열리면, 이름과 사이즈를 입력한 다음 우측 패널 중 Artboard(아트보드) 영역에 숫자 6을 기입해준다. 그리고 Create버튼을 클릭! 그럼 이렇게 아트보드 6개가 한 화면에 열린다. 각각의 아트보드에 작업을 하고 그 내용물을 자유롭게 복사할 수 있기 때문에 여러 파일을 열고 닫을 필요없어 편리하다. 같은 사이즈의 여러 아이콘을 작업하거나 반복되는 화면을 ..

H-정보공유/Adobe 일러스트&포토샵 2019. 7. 15. 03:16

내 블로그에 파비콘 만들어서 적용하기 파비콘을 만듭시다.바로 이것! 파비콘(Favicon)은 Favorite icon의 약자로 사이트 제목옆에 붙는 아이콘이다.보통 웹사이트의 로고를 단순화해서 만드는데 개인 블로그에도 넣어주면 좀 더 전문적인 느낌을 줄 수 있다. 1. ico파일로 변환파일 포멧은 ico형식으로 png파일을 ico로 전환해주는 사이트에서 변환하면 된다.https://convertico.com/ 파비콘.pngpng파일을 준비해준다. 난 이 하트모양으로 할거임.일러스트레이터에서 막 그린 하트모양, 제법 그럴 듯하네 ㅎㅎ https://convertico.com/사이트에 들어간다.choose icon layer sizes 를 클릭해보면 적용가능한 사이즈를 선택할 수 있는데 티스토리용으로는 32..

H-정보공유/블로그 & CSS 2019. 2. 28. 18:00

[CSS팁] :last-child 선택자오랜만에 CSS를 만져보니 전에 몰랐던 태그와 선택자들이 많았다는 걸 알게되었다. 새로운 속성들도 많이 추가가 되었고. 가로로 나열된 배너 리스트에 간격을 주었는데 마지막 녀석에는 간격을 주면 안되는 경우가 있다. 바로 아래와 같은 경우! 3개의 배너에 공통으로 margin-right:30px; 을 주는데 마지막은 margin : 0; 으로 줘야함. 이런 경우가 꽤 흔하다.예전에는 마지막 것에만 class 이름을 주고 걔만 margin:0;으로 주곤 했는데 이럴 때 마지막 것을 선택하는 선택자가 따로 있었다. 굳이 따로 클래스명을 주지 않아도 되는. 바로 :last-child각각의 클래스를 banner라고 줬다면 마지막 배너는 banner:last-child 라고 ..

H-정보공유/블로그 & CSS 2018. 8. 30. 20:57

[CSS] 텍스트에 흰 배경 넣기 (box-shadow 활용)홈페이지 디자인을 하면서 메인 프로모션 타이틀 텍스트 배경을 흰색으로 넣고 싶었다. 그래서 일단 아는대로 background-color : #fff; 를 넣고 padding: 0 20px; 을 넣었는데 아래와 같은 문제발생! padding 값이 맨 앞과 맨 뒤에만 먹는다.-> 자동 줄바꿈이 되면 앞쪽이 들여쓰기가 되지않아 줄이 안맞음. 그리고 열심히 찾아본 결과 위와 같이 양옆좌우가 일정한 여백을 갖는 배경을 넣을 수 있었다! 방법은 바로 box-shadow!약간 야매의 방법이기는 한데 흰색 그림자를 x축기준 오른쪽, 왼쪽에 넣어주는 것이다.blur(퍼짐)와 opacity(투명도)가 없는 흰색그림자가 좌우에 깔려서 마치 여백이 생긴 것처럼 착시..

H-정보공유/블로그 & CSS 2018. 8. 28. 19:29

개발자 도구에서 캐시 저장 풀기워드프레스 블로그 수정을 하고 있는데 FTP에서 새로운 CSS파일을 올려도 반영이 안되는 것이다!왜 안되지? 하면서 코드를 뒤져보다가 혹시 캐시때문인가 싶어서 캐시가 저장안되게 설정을 바꿨더니 적용된 걸 확인했다. 1. 개발자 도구를 연다. 크롬 브라우저 우측 상단 more 버튼을 클릭하고 More tool > Developer tools (= 개발자 도구)를 클릭한다. 단축키는 Command(Ctrl) + alt + I 네트워크(Network)탭에 Disable cache를 체크하고화면을 새로고침하면 더이상 캐시가 저장되지 않고 바뀐 CSS가 적용된다.

H-정보공유/블로그 & CSS 2018. 8. 28. 05:13

Panel 패널 일러스트레이터의 작업을 도와주는 기능들을 모아놓은 판을 패널이라고 한다. 모든 작업은 이 패널에 있는 기능과 설정들을 활용해서 그리고 수정하며 만들어간다. 1. Control panel 제어패널 : 상단에 위치한 제어 패널은 선택한 오브젝트와 관련된 옵션들이 모아서 보여진다. 빠른 작업을 도와주는 기능. 2. Tools panel 도구 패널 : 도화지에 그림을 그리기 위해 필요한 도구들이 들어있는 파렛트라고 보면 된다. 이미지를 만드는 펜툴, 브러시를 비롯해서 페이지 요소를 설정하고 제어하는 도구들이 들어있다. 3. Window panel 윈도우 패널 : 이미지나 아트웍을 수정하고 편집할 때 필요한 기능들이 있는 패널이다. 패널은 어떻게 보이게 하나요? 상단 메뉴에서 Window 메뉴를 ..

H-정보공유/Adobe 일러스트&포토샵 2018. 5. 28. 15:27