본문 바로가기

전체보기

[MacOS] 원격 제어하기 내부망 내부망에서만 접근되도록 설정하는 원격 컴퓨팅 설정은 위 그림처럼 Remote Management를 쉐어링해 주는 것만으로 쉽게 설정이 가능하다. 외부망 외부망에 권한을 허용하고자 하는 경우 5900 포트에 대해서 라우터에서 포트포워딩을 해 주어야 한다. 포트포워딩을 하는 방법의 경우, 한국에서는 IPTIME이나 인터넷제공자가 제공하는 라우터를 많이 쓸텐데 관련 기종에 맞는 포트포워딩 방식을 검색해 보도록 한다. 원격을 접근하기 위한 클라이언트는 RDP 형식 클라이언트가 아니라 VNC 형식을 사용해야 한다. 맥OS에서 접근하는 경우 내장된 Screen Sharing 앱을 통해서 접근이 가능하다.
[AI] 레이어 패널에서 선택된 레이어의 개체들 선택하기 최근 벡터 기반 툴들은 레이어 패널을 중심으로 구성되어 있습니다. 어피니티디자인과 스케치가 대표적인 예입니다. 가장 popular한 벡터 그래픽 프로그램인 일러스트레이터는 놀랍게도 레이어의 인터페이스에는 크게 신경을 쓰지 않는 모습을 보입니다. 다른 툴들에 비해서 기능성이 다소 떨어지는 편입니다. 제가 겪은 가장 큰 불편 중에 하나는 레이어 패널에서 multiple layer selection이 힘들다는 것이었습니다. 일러스트레이터에서는 이 기능을 공식적으로 제공하고 있지 않습니다(도대체 왜...?). 어도비 포럼을 눈팅한 결과 꼼수로 이같은 기능을 구현할 수 있는 방법을 알게되어 이를 공유드립니다. 레이어 잠금을 활용한 선택된 레이어의 개체 선택 트릭 여러 레이어를 선택 후 '잠금'을 한 후, '컨트롤..
[HTML] 숫자의 자동 링크화 현상 제거 위 그림과 같이 특히 iOS에서 의도하지 않은 숫자들의 전화번호 링크화는 예측하지 못한 요소로서 디자이너들과 사용자를 당황스럽게 할 수가 있다. 이를 제거하는 방법은 다음과 같다. 메타 태그를 추가함으로써 이와 같은 전화번호 변화 현상을 수정할 수 있다. 메타 태그를 설정한 이후에도 자기가 원하는 항목에 대해서는 선별적으로 '전화번호화'를 할 수 있는데 그 방법은 다음과 같다. 123-456-7890 관련 자료 Disabling the conversion of numbers into links on mobile browsers
AI에서 텍스쳐 간단 제작 및 적용하기 Effect의 그레인을 활용해서 텍스쳐 제작 텍스쳐를 Transparency로 합성해서 적용하는 방법 magic wand 등을 통해서 텍스쳐를 입히고 싶은 영역을 선택한 후 마스크를 통해서 적용하는 방법 영역 선택 후 마스크 활성화하여 텍스쳐를 통해서 마스킹 진행 텍스쳐다운로드: Grunge Textures Set | Download now free vectors on Freepik 관련자료 How To Add & Create Texture In Illustrator (Plus Tips) How To Create Texture Gradients - Illustrator Tutorial How to create GRAIN and NOISE TEXTURE, Adobe Illustrator Tutorial V..
일러스트레이터 Priview Bounds로 실제 개체 영역 선택하기 path를 다룰 때 outside border로 경계선을 주거나 한 상황에서 bounding box가 실제 시각적으로 표시되는 개체의 영역이 아닌 path의 개체만 포함하여 보여 주는 상황이 발생한다. 이같은 경우 일러스트레이터에서는 preference를 설정함으로써 전체 개체를 선택할 수 있다. preview bounds(미리보기 경계선을 활성화)라는 옵션을 체크함으로써 전체 개체에 대한 bounding box 설정이 가능하다. preview bounds는 preference 외 다른 메뉴에서도 쉽게 접근하다. preview bounds를 선택하면 개체 자체의 크기가 달라진다. 크기가 달라짐으로 align 등을 할 때의 기준 경계도 달라진다. snapping과 aligning을 할 때 주요한 요소이다...
블로그 빌더로서의 티스토리 플랫폼 특단점 최근 초대장을 매개로 이루어지던 폐쇄형 블로깅 플랫폼이었던 티스토리가 최근 개방형으로 별도의 초대장 없이도 누구나 블로그를 빌드할 수 있도록 서비스 성격이 개편되었다. 이글루스의 함께 2000년대 초반의 블로그 시장을 주도했던 티스토리가 어떠한 성격의 서비스로 자리잡고 있는지 그리고 활용폭은 얼마나 되는지 파악하고자 한다. 특점 쉬운 가입과 사이트 개설 커스텀 도메인과 SSL 무료 지원 마크다운 에디터 지원 기본적 SEO 지원 모던한 디자인 HTML/CSS 편집 지원 단점 페이지 리스팅 외 사이트 구조를 벗어나기 힘듬 특정 카테고리 기반 페이지 리스팅 불가능 (가능하나 복잡성 높음) 전체적으로 아티클 기반의 블로깅 빌더로서의 제약적 성격이 강함 리소스 관리 힘듬 다변적 개발 환경 지원 안 됨 아티클 기반..
아이콘디자인 기초 파악하기 본 포스트는 18년 12월 8일 대전디자이너스 주간 디자인스터디에서 공유된 자료를 기반으로 작성되었습니다. 아이콘디자인 개요 아이콘디자인이 무엇인지 생각하는데 앞서 아이콘이 무엇인가에 대한 생각이 우선해야 할 것으로 보입니다. 기본적으로 아이콘은 비언어적 커뮤니케이션을 위한 기호 체계의 형식이라고 볼 수 있습니다. 기호의 역사는 인류의 역사와 궤를 같이 한다고 볼 수 있을 것 같습니다. 쉽게 말해 픽토그램 등의 용어로 통용되는 비언어적 기호를 말한다고 볼 수 있습니다. 최근 들어 유난히 아이콘에 대한 관심도가 높아진 이유는 무엇일까요? 여러가지 요인이 있을 수 있지만, 2007년을 기점으로 시작된 모바일 혁명은, 인간 삶의 디지털화를 가속화하였습니다. 더 많은 디스플레이를 더 많은 용도로 쓰게 되면서 자..
DPI 스터디 (V1) V1 (190411) DPI 스터디 모니터 해상도, 인치 기반 DPI 계산 DPI계산 웹사이트(1): https://www.sven.de/dpi DPI계산 웹사이트(2): https://www.pixelcalculator.com (기능 제한적, 인쇄 쪽 내용 포함) DPI계산 웹사이트(3): https://www.pxcalc.com DPI계산법 설명 문서: http://nm3.kr/old/46 모니터 DPI감지 및 측정 웹사이트: https://www.infobyip.com/detectmonitordpi.php 픽셀 픽셀 정의: https://namu.wiki/w/픽셀 픽셀 크기 계산기: https://www.pixelto.net/px-to-cm-converter 픽셀은 절대적 크기를 갖지 않고, 그 '..
외주/과외 문의

티스토리툴바