DESIGN 12

[어도비Ai]변형(transform) 회전,기울이기로 아이소메트릭 효과 빠르게 내기

정교한 이미지 작업을 하려면 120도짜리 사선그리드를 그려서 한땀 한땀 패스 따며 만들고 3D효과를 주거나 해야겠지만 그냥 아 한국사람 빨리빨리; 느낌으로 글자며 귀도리있는 도형이며 아이소메트릭 각도대로 눕혀버려야 할 때가 있다. 단순히 도형 하나, 글자 몇 개 좀 눕히자고 그 그리드를 만들거나 키자면 매우 비효율적이며 정신병이 올 수 있다. 글자는 일단 Ctrl Shift O 해서 도형으로 깨뜨려주라.(상단메뉴 문자 > 윤곽선 만들기) 그다음 도형 선택하고 우클릭>변형>회전(R) 60도로 눕혀주라 다시 우클릭 > 변형 > 기울이기 기울이기 각도(S)는 30도 기울이기 각도(A)는 -30도로 해주면 된다.

DESIGN 2023.02.27

본문에 자주 쓰는 한글 무료 고딕 계열 폰트들

1. KopubWorld - 편집에 최적화 - 웹은 따로 eot랑 woff 만들어서 직접 해야함 2. Noto Sans KR - 구글이 제공해주는 무료 웹폰트 CDN = 엄청 편함! - Noto다 보니 한자 깨지는게 없다고 생각하면 됨 고마워요 구글 ㅎ - 다만 생으로 갖다 쓰다보면 전체적으로 묘하게 뚝딱거리는 느낌은 있음. 자간을 조정해야함. 행간도 좀 뚝딱거리는 느낌이 있음... - 현재 그냥 빠르게 걱정없이 갖다 비비기 가장 좋은 무료 웹폰트 3. Spoqa Han Sans Neo - 무료 CDN을 제공하지만, 빠른 속도를 원한다면 직접 해야함. 다만 킹갓 스포카는 서브를 지원해서 woff, eot까지 함께 제공하고 있음 - 알못이 보면 Noto Sans와 거의 비슷하지만 Noto Sans의 뚝딱거..

DESIGN 2021.12.28

[Adobe InDesign]어도비 인디자인에서 RGB 작업을 하는데 PNG 색상이 칙칙하게 출력될 때

? 이게 무슨일인가? 왜 포토샵과 인디자인의 RGB 파일 색상이 다르게 나오는건지? 예를들어 RGB(255,0,0)의 포토샵 PNG 파일을 인디자인(문서 색상모드:RGB)에 얹고 PNG로 내보내기 했을때 왜~~~ 두 파일의 색상이 다르게 보이냐 인디자인은 왜 RGB로 작업했을때 몇개는 색상값이 일치하고 몇개는 일치 안 하냐... 어쩐지 인디자인으로 웹 작업을 하면 포토샵으로 할 때 보다 뭔가 칙칙한게 기분탓인가 했더니 사실이었던것이다. 경고 : 인디자인은 원래 출력용(CMYK)작업을 하기위한 툴이기 때문에 본인의 색상설정 세팅을 잘 기억하고 있자. 이 포스팅은 RGB를 맞추려고 하기 위해 하는짓이기 때문... 님 왜 RGB작업 하는데 인디자인 쓰셈? 이라고 묻는다면 미친듯한 반복작업 때문임.. 반복작업엔..

DESIGN 2021.11.05

유튜브 로고처럼 귀도리 있고 둥근/볼록한 사각형 만들기 (일러스트레이터 AI)

path 툴을 사용하여 라인워크로 작업 폭도구로 부풀리기 outline stroke하여 면으로 변경 이후 모서리 설정 추가로 귀도리 있는 사각형 그러나 위의 방법은 개고생이고 그냥 Effect > Warp > 부풀리기(inflate) 하면 됨 bulged rectangular / bulged polygon Warp > Pucker & Bloat을 쓰는 방법도 있지만 꽃모양으로 변하는 패스때문에 여간 빡치니 걍 이거 쓰자 ㅎ

DESIGN 2021.02.22

보라색 다크테마

https://dribbble.com/shots/5808364-Procurement-Dashboard-Dark-Mode/attachments/1252317 Dribbble - dashboard-dribbble-dark.png by Steven Hanley dribbble.com 다크테마 + 보라색 (그라디언트) + 포인트는 민트 여기의 이미지랑 색상이 너무 예뻐서 칼라팔레트 따왔습니다. 배경색은 HSB 258,30,22 컨텐트 박스 색은 255,31,25 로 1. 채도에선 거의 차이가 없지만 2. 명도에선 컨텐트 박스가 근소하게 더 밝으며 3. 보통 그림자(어두운)를 한색계열로 가는 반면 오히려 어두운 배경색이 컨텐트 박스보다 자홍색쪽으로 근소하게 이동하여 따뜻한 어두움으로 빠졌음 4. 눈을 배려하는 다..

DESIGN 2019.12.06

아이루를 위해 디자인(하고 스탑된)했던 웹디

정작 리얼 그리드 홈페이지는 개발 안 해본데다가 백엔드랑 연결했을 때 저렇게 구현 가능한지 ㅋㅋㅋ 모르는 ㅋㅋㅋ 거에서 그냥 패기롭게 디자인만 하고싶은대로 해봄 백엔드에 대한 지식이 0이다 보니 그누보드로 해야헐틴디 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 무턱대고 시안을 만들었지만 내가 할 줄 모르는 프론트엔더 쪽 지식 1) 그리드 2) 최신글 사진 출력시 저렇게 자동 보정되도록 (물론 익스는 제외 ^^) 역시 시간 지나고 다시 보니 허접쓰헌것이 많이 보이지용 그래도 일 없을때 월급루팡하면서 재밌게 만들었음 홈페이지 만들어주겠다구 큰소리 땅땅 쳐놓고... 세상에나.. 파일 날짜를 보니 2018년 11월 13일이네 ㅠㅠ...

DESIGN 2019.08.28

포토샵에서 3D 글자 구현하기

https://www.youtube.com/watch?v=vAww50n-2_M 롤스토리디자인연구소에서 나온 방법을 차용하였습니다. 1. 글씨를 타이핑한다. 1-2. 이 글씨를 Convert to SmartObject 해주면 나중에 글씨를 수정할 일이 생겼을때 일일히 하나하나 수정 안 해도 된다. 2. Ctrl+J로 글씨를 복사한다. 3. Ctrl+T를 눌러 Free Transform된 상태에서 방향키를 한번씩만 눌러 대각선 방향으로 이동시켜 준뒤 엔터. 4. Ctrl+Alt+Shift+T를 눌러주면 일러스트레이터의 Ctrl+D같은 효과가 적용된다. 대각선 방향으로 개체가 일정한 간격으로 이동·복사된다. 4-2. 효과를 적용할 오브젝트들을 그룹화시킨다. 그리고 그룹의 Fill 값을 0으로 맞춤. FX > ..

DESIGN 2019.08.12

web용 푸른회색 색상표

0: 글자 색 #666 기준 (font:Roboto) 1. 채도,명도 관련(S, B) 가장 밝은 회색(우측 상단) 채도는 2만, 명도는 98 뭔가 이렇게 숫자 수치로 보면 너무 밝아서 #fff랑 구분 안 갈 것 같은데...간다 ㅇㅇ 트위터(2019년 하반기 기준) 어플리케이션은 저 H값이 204임. 근데 이럴때 가장 짙은 회색으로 명도/채도 할 때 내 취향보단 좀 더 누리끼리해져서 더 차갑게 뽑아봄. 2. 색상 관련(H) : 남색과 싸이언 중간 지점이 좋다. 너무 싸이언~옐로우로 가거나, 남색~보라색으로 가면 // 싸이언~옐로의 노란색의 Y... / 보라색의 M 이 회색에선 웜톤으로 나타나서 답답해짐. 색상값이 괜찮은지는.. 가장 짙은 회색(우측하단)에서 확인하면 된다 ㅇㅇ

DESIGN 2019.07.16