본문 바로가기

반응형
분류 전체보기
반응형
246

[일러스트레이터/포토샵] 점선(Dashed line) 만들기 [일러스트레이터] 점선(Dashed line) 만들기 안녕하세요. 당근입니다. 디자인을 하다보면 점선을 만들어야할 일들이 생깁니다. 오늘은 일러스트레이터에서 간단하게 점선을 어떻게 만드는지 알아볼게요. 엄청 쉽습니다. 선 뿐만이 아니라 패스형태에 모든 도형, 글자 등 선 속성이 먹히는 오브젝트에는 모두 적용가능해요. 잘 따라오시고 활용해보시길 바랄게요. 알아보기 쉽게 선으로 설명해볼게요. 라인을 하나 그립니다. 툴바 상단에 선 굵기 지정하는 곳이 있을텐데요. 거기에 스트로크를 누르세요. 그럼 라인속성을 설정할 수 있는 창이 열립니다. 거기서 Dashed Line을 체크하시면 점선이 적용됩니다. 여기서 Dash와 gap은 점선을 이루는 선의 길이와 그 선간의 간격을 의미합니다. 원하시는 점선의 형태가 나오.. 2020. 4. 28.
네이버 애드포스트 vs 티스토리 애드센스 수입 비교 네이버 애드포스트 vs 티스토리 애드센스 수입 비교 안녕하세요. 당근입니다. 제가 애드센스 승인을 받고 블로그를 운영한지도 한달이 넘었습니다. 저에게는 몇년전부터 소소하게 취미 관련해서 글을 올리는 네이버 블로그가 있는데요. 방문자가 네이버 블로그와 슬금슬금 비슷해지길래 3월 27~4월 27일 한달 기준으로 네이버 애드포스트와 티스토리 애드센스 수입을 비교해봤어요! 간단하게 방문자 수와 클릭수, 그에 대해 발생할 예상 수익을 비교해볼게요. 먼저 제 네이버 블로그의 월간 방문자수입니다. 잘 나오는 달은 5천정도 3500~4000정도가 나오네요. 아직 4월이 끝나지 않았지만 이번달 티스토리 방문자입니다. 3천 초반대네요. 방문자수는 아직 네이버 블로그가 더 많아요. 3월 27일부터 4월 27일까지 네이버 애.. 2020. 4. 27.
[포토샵] 포토샵 3D로 반짝이는 풍선 글씨 만들기 [포토샵] 포토샵 3D로 반짝이는 풍선 글씨 만들기 안녕하세요. 당근입니다. 오늘은 포토샵에 있는 3D 효과로 글씨가 풍선처럼 부풀어올라있는 느낌을 표현해보겠습니다. 이렇게 말이죠. 복잡하다고 느껴지실 수도 있지만 기본적으로 3D툴에 대한 이해가 있으시면 엄청 빨리 구현해내실 수 있을 거예요. 또 3D툴 만져보지 않으신 분들도 충분히 따라할 수 있으실거라서 또 그렇게 복잡한 건 아닌? 그런 느낌이네요. 먼저 포토샵에서 텍스트를 입력하세요. 그리고 레이어 패널에서 텍스트 레이어를 우클릭 - New 3D extrusion from seleted layer를 선택합니다. 이렇게 3D workspace로 전환할거냐고 묻는 팝업창입니다. Yes 눌러주세요. 이렇게 3D 영역이 생기네요. 먼저 원하시는 크기와 구도.. 2020. 4. 24.
[피그마] 고퀄리티 무료 이미지를 바로 불러올 수 있는 플러그인 : Unsplash [피그마] 고퀄리티 무료 이미지를 바로 불러올 수 있는 플러그인 : Unsplash 안녕하세요. 당근입니다. 요즘 피그마를 활용하여 조금씩 업무도 보고 이것저것 만져보면서 적응중인데요. 오늘도 편하고 퀄리티도 좋은 플러그인을 소개해드리려고 합니다. 바로 Unsplash 라는 무료 이미지를 삽입할 수 있는 플러그인입니다. Unsplash 디자인 무료 리스소 사이트에 대해 정리한 페이지에서 한 번 정리한 적이 있는 사이트 인데요. 무료이면서도 느낌있는 고퀄리티 이미지가 많은 사이트입니다. 정말 좋아요. 혹시 무료 리소스에 대한 포스팅이 궁금하시면 여기를 클릭하세요. 언스플래쉬를 설치하고 실행하세요. Plugins - Unsplash를 클릭하면 실행됩니다. 플러그인 사용해보려고 임의의 레이아웃을 만들어봤습니다.. 2020. 4. 23.
[피그마] 플러그인 추가하기 [피그마] 플러그인 추가하기 안녕하세요. 당근입니다. 오늘은 디자인 UI프로토타입 툴인 피그마에서 플러그인들을 설치하는 방법에 대해 알아볼 건데요. 데스크탑 앱이나 브라우저 환경 모두 설치방법이 동일합니다. 플러그인 설치는 두가지 방법이 있어요. 먼저 피그마 내부에서 검색하여 설치하는 방법, 또는 검색이나 여러가지 추천 링크를 통해 플러그인 페이지로 바로 접근했을 경우에 해당 페이지에서 설치하는 방법이 있습니다. 1. 피그마 내부에서 플러그인 설치 먼저 피그마 내부에서 플러그인을 검색하여 설치하는 방법에 대해 알아볼게요. 좌측 상단에 햄버거 버튼을 누르셔서 Plugins - Manage Plugins 메뉴에 들어갑니다. 그럼 플러그인 목록이 쭉 뜨는 걸 보실 수 있어요. 이것 저것 둘러보는 것도 도움이 .. 2020. 4. 22.
[피그마] 테두리 한쪽 면만 할 수 있는 피그마 플러그인 : Border *피그마 2022년 5월 업데이트를 통해 플러그인 없이도 구현할 수 있도록 개선되었습니다. 오토레이아웃 등 사용성 면에서 훨씬 뛰어나니까 먼저 이 포스팅을 참고해보세요. https://nicecarrot2.tistory.com/218 [figma] 피그마 2022년 5월 업데이트! 테두리 한쪽만 하기 [figma] 피그마 2022년 5월 업데이트! 테두리 한쪽만 하기 안녕하세요! 당근입니다. 피그마가 최근 22년 5월에 대규모 업데이트를 했어요. 유튜브로 간단히 업데이트 내용을 설명하는 프리젠테이션 nicecarrot2.tistory.com [피그마] 테두리 한쪽 면만 할 수 있는 피그마 플러그인 : Border 안녕하세요. 당근입니다. 오늘은 피그마에서 테두리를 설정할 때 border-top borde.. 2020. 4. 21.
와콤 타블렛 CTL-4100 리뷰 및 설치 방법 와콤 타블렛 CTL-4100 리뷰 및 설치 방법 안녕하세요. 당근입니다. 디자인을 하다보면 타블렛이 필요한 순간들이 생기는데요. 와콤 인튜어스 ctl-4100이 생겨서 리뷰를 해볼까합니다. 저는 기존에 와콤 인튜어스 프로 중형버전을 가지고 있었는데요. 디테일한 일러스트나 원화같은것을 그리는 분께는 좋겠지만 사실 크기가 너무 커서 좀처럼 쓰지 않게 되더라고요. 그에 비해 와콤 ctl-4100은 사이즈가 작아서 매우 컴팩트합니다. 가격도 저렴하고요. 패키지 구성은 이렇게 되어있습니다. 타블렛 판, 펜, USB케이블. 보증서와 간단한 설명서 타블렛 펜 바디를 돌려서 열면 여분의 심이 이렇게 들어있어요. 타블렛 심을 뺄때는 뚜껑? 끝에 있는 동그란 홈에 심을 끼워서 빼면 된다고 나와있습니다. USB케이블로 PC.. 2020. 4. 20.
[일러스트레이터] Warp툴로 글자 곡선 왜곡하기 [일러스트레이터] Warp툴로 글자 곡선 왜곡하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 Warp를 이용해 글자를 곡선형태로 왜곡하는 방법을 알려드릴게요. 간단하게 보여드리면 이렇게 되는 형태입니다. 글자 전체를 동그랗게 살짝 곡선으로 왜곡을 주는 스타일이에요. 글자를 곡선형태로 쓰게하고 싶을 때 이 방법 말고도 패스로 곡선이나 도형을 그려서 그 위에 텍스트를 쓰는 방법도 있습니다. 오늘은 더 손쉬운 방법인 warp툴을 이용하여 살짝 왜곡을 주고 각도 등을 변경시켜서 타이포 디자인을 해볼게요. 먼저 타입툴로 원하는 텍스트를 입력합니다. 원하는 폰트를 선택하세요. 저는 요런 곡선으로 굴릴만한거에 어울리는 캘리그라피 폰트로 선택했어요. 그런다음 상단 캐릭터 상태창에서 저렇게 생긴 와프툴을 클릭합니.. 2020. 4. 16.
[figma] 피그마 미러mirror 앱으로 디자인 모바일 환경에서 보기 안녕하세요. 당근입니다. 피그마에서 디자인을 한 다음에 재생버튼을 눌러 프로토타입을 볼 때 PC버전은 잘 나오지만 모바일 환경을 PC에서 미리보기 할 때 불편하잖아요. 브라우저 세팅으로 모바일 환경으로 맞출 수 있긴 하지만 한계가 있고요. 그래서 피그마에서는 피그마 미러(figma mirror)라는 앱을 통해 모바일에서도 모바일 환경에 최적화된 디자인 프로토타이핑을 볼 수 있는 환경을 제공하고 있는데요. 오늘은 피그마 미러 사용법에 대해 간단히 알아볼까요? 앱스토어나 구글스토어에서 피그마를 검색하세요. 이렇게 생긴 앱을 다운받으시면 됩니다. 앱을 실행하시면 로그인창이 떠요. 현재 작업중인 피그마에 로그인 되어 있는 아이디와 동일한 걸로 로그인해야겠죠? 저는 구글 계정으로 로그인했기 때문에 Log in w.. 2020. 4. 13.