God is in the details

1. 정사각형(1:1) 비율의 인물사진을 포토샵에서 오픈한다. 2. 산세리프 계열의 영문폰트를 선택한 뒤 이미지 상단에 원하는 텍스트를 입력한다. 텍스트의 폭과 사진의 폭을 동일하게 맞춘다. 3. 텍스트 레이어를 복사한 뒤(단축키 Command or Ctrl + J), 해당 텍스트 레이어가 선택된 상태로 마우스의 오른쪽 버튼을 클릭한 뒤 Rasterize Layer 옵션을 선택한다. 4. 왼쪽 메뉴에서 Marquee 툴에서 마우스 오른쪽 버튼을 클릭한 뒤에 Single Row Marquee Tool을 선택한다. 5. Rasterize 된 텍스트 레이어의 맨 하단 1픽셀을 선택한다. 선택된 픽셀을 복사한 뒤 새로운 레이어를 만들어 같은 자리에 붙여 넣기 한다. *구분을 위해 Red컬러로 표시 5. Comm..

벌써 10월이라니 시간이 참 빠르다. 본격적으로 디자인 공부를 시작한 지도 벌써 4개월이 지났다. 지난 4개월을 회고하고 앞으로의 계획을 정리해보려고 한다. 디자인 공부 회고지난 4개월 동안 봄아카데미에서 UXUI디자이너 부트캠프를 이수(수강후기)했다. 간혹 하루 9시간짜리 부트캠프도 있는데, 봄아카데미의 경우 하루 4시간 수업으로 여유가 있어서 남는 시간에는 디자인 관련 자격증 공부를 했다. 부트캠프에서 UX나 유저심리학 같은 주제는 거의 다루지 않아서 과제를 하고 남는 시간엔 틈틈이 관련 서적을 읽었다. 응시한 자격증 시험: 6월 - 웹디자인기능사 필기(합격후기) 8월 - GTQi 일러스트 1급(합격후기) 9월 - GTQ 포토샵 1급(합격후기) 자격증이 취업에 크게 도움이 된다고 보긴 어렵지만, 기초..

지난 5월, 본격적으로 디자인 공부를 시작하기로 마음먹고 난 뒤 디자인 학원과 온라인 부트캠프 과정을 알아보았다. 그전까지 패스트캠퍼스, 콜로소 및 유튜브 강의를 보면서 틈틈이 독학을 하고 있긴 했으나 누군가의 피드백 없이 홀로 디자인을 공부하는 과정은 녹록지 않았고, 무엇보다 규칙적인 공부 루틴이 만들어지지 않았다. 그래서 초반 3~4개월 정도는 학원이나 부트캠프 강의를 수강하면서 기본기와 공부루틴을 탄탄하게 다지는 게 중요하다고 판단했다. 디자인 학원 vs 부트캠프 현재의 내 상황에는 부트캠프 과정이 더 적합하다고 결론을 내렸는데, 그 이유는 아래와 같다: 부족한 기본기와 공부루틴: 디자인 학원 같은 경우 평균적으로 월 50만 원 정도의 학원비에 주 2회 수업이 진행된다. 수업이 주 2회만 진행되는 ..

1. 일러스트레이터 새로운 도큐먼트를 하나 만든 뒤에 중간에 원을 하나 그린다. 2. Stroke에 그라디언트를 적용시켜 준다. Gradient 패널에서 설정을 Apply gradient along axis로 바꿔준다. 3. Properties 패널에서 원의 지름을 복사해서, Stroke 패널 Weight에 붙여 넣기 한다. 이렇게 하면 그라디언트가 꽉 찬 형태의 원이 생성된다. 주의할 점: 이때 단위(unit)까지 전부 다 붙여 넣기 한다. 숫자만 붙여 넣기 하면 원 형태가 되지 않는다. 4. Gradient 패널의 Slider를 이동해 Graident 분포를 원하는 대로 조정한 뒤에, Object > Expand Appearance를 선택해서 선(Stroke)을 면으로 바꿔준다. 원의 크기와 배경색을..

23년 7월, GTQ 1급 정기시험에서 답안파일 전송을 누락하는 바람에 (그것도 하필이면 배점이 가장 높은 4번) 불합격했고, 오늘 다시 9회 정기시험에 재응시했다. 결과 발표는 10월 중순까지 기다려야 하지만, 시험시간 10분 남기고 4문제 모두 완벽하게 풀었으므로 합격이 예상된 다. 10월 13일 업데이트 성적이 고지되었고, 최종점수 83점으로 합격을 했다. 거의 완벽하게 풀었다고 생각했는데, 오히려 2.5문제만 푼 일러스트보다 점수가 더 낮게 나왔다... 확실히 일러스트 점수가 더 후하다. 감점내역 문제 점수 감점 세부내용 1 15/20 이미지 효과 감점, 문자 효과 감점 2 18/20 문자 효과 감점 3 21/25 모양 도구 감점, 문자 효과 감점 4 29/25 모양 도구 감점, 문자 효과 감점 ..

GTQ 시험 문제에는 모양 도구(Shape Tool)를 사용하는 항목이 출제된다. 다만, 시험에 출제되는 모양들이 포토샵 CC 이상 버전에선 디폴트값으로 모두 숨겨져 있기 때문에 집에서 최신버전의 포토샵을 사용해 연습할 때나, 고사장에서 CC버전 이상으로 시험에 응시할 경우 구 버전 커스텀 도형(Legacy Custom Shape)을 Shape 패널에 추가해줘야 한다. *지난번에 GTQ 시험을 응시할 때 시험 시작에 앞서 컴퓨터를 점검하는 시간에 시험관이 구버전 커스텀 도형을 추가하는 방법을 따로 알려주긴 했다. 그래도 혹시 모르니 미리 알아두자 먼저 포토샵 상단 메뉴에서 Window > Shapes를 선택한다. 활성화된 Shapes 패널의 오른쪽 상단 옵션 아이콘을 누른 뒤, Legacy Shapes ..

앞서 읽었던 이 사용자 심리의 모든 것을 총망라한 책이었다면 이 책은 UI입문서로 멀티 디바이스에 최적화된 콘텐츠를 담고 있다. 이미지 예시와 설명이 체계적이기 때문에 비전공자 입장에서 기본적인 개념과 활용사례를 접하기 좋은 것 같다. 흔히 웹이나 앱 UI를 구분해서 기획하는 경우가 많은데 반해 이 책의 경우엔 TV를 포함한 N스크린 개념에서 UI 구성요소를 철저히 해부해 주기 때문에 UI 전반적인 개념에 대해서 폭넓게 이해하기 좋은 것 같다. 예를 들어 앱의 손가락 터치 또는 제스처나 웹의 마우스 호버 개념에 대해선 비교적 익숙하지만 TV 리모컨의 경우 이동이 수직 수평으로 제한되고 포커스 효과를 고려해 UI를 기획하는 부분은 굉장히 새롭게 다가왔다. 개인적으로 가장 흥미로웠던 부분은 네이게이션과 인터..

포토샵의 병합복사(Copy Merged)를 활용하면 현재 화면에 보이는 이미지를 그대로 쉽게 복사 및 응용할 수 있다. 특히, 작업 후반부에 레이어 개수가 많아질 때 더 빛을 발한다. 포토샵 병합복사(Copy Merged) 응용 1. 활성화된 레이어를 병합하여 새로운 레이어로 만들기 1) 복사할 레이어만 활성화시킨 상태로 전체선택(Command or Ctrl +A)을 한다. 2) Edit > Copy Merged 또는 단축키(Shift + Command or Ctrl + C)를 사용해 병합복사한다. 3) Command or Ctrl + V를 눌러 붙여 넣기 한다. 이미지가 병합된 레이어가 상단에 새로 생성된다. 2. 활성화된 레이어를 병합하여 새로운 이미지로 저장하기 1번과 동일하지만, 별도의 이미지로 ..

1. 검은색 배경의 흑백 인물사진을 일러스트레이터로 가져온다. 2. 이미지와 동일한 크기의 사각형을 이미지 위에 그린 뒤에, Rectangular Grid Tool을 이용해서 사각형 위에 그리드를 그려준다. 이때 마우스를 놓지 않은 상태로 화살표를 누르면 위아래 행(row), 왼쪽/오른쪽 열(column) 개수를 조정할 수 있다. 3. 그리드와 사각형을 모두 선택한 뒤에 Pathfinder의 divide를 눌러준다. 사각형이 그리드 모양대로 잘리게 된다. 4. 잘린 상태의 사각형(아직 그룹 된 상태)을 Command/Ctrl + X를 눌러 잘라낸 뒤에, Transparency 패널을 활성화시킨 뒤 흑백 이미지를 선택하고 Make Mask 옵션을 선택한다. 5. 생성된 Mask 영역을 선택한 상태로, 잘라..

투명픽셀 잠금(Lock transparent pixels)이란? 포토샵 레이어 패널 상단에 보면 투명픽셀 잠금(Lock transparent pixels) 아이콘이 존재한다. 해당 버튼을 누르면 적용되는 레이어에 자물쇠 아이콘이 표시되며, 레이어의 투명한 영역에 마스크가 적용된다. 즉, 투명픽셀이 잠긴 상태에서 브러시를 사용하게 되면 픽셀이 존재하는 영역에만 페인트 효과가 적용된다. 투명픽셀 잠금(Lock transparent pixels) 기능을 활용해 이미지 외곽선 정리하기 펜툴이나 선택툴을 사용해 이미지 외곽선을 따는 경우 기존 배경 컬러가 묻어 나와 지저분해 보이는 경우가 있다. 이때 투명픽셀 잠금(Lock transparent pixels) 기능을 활용하면 외곽선을 깔끔하게 정리할 수 있다. 1..