본문 바로가기

디자인기초

 (20)
[Illustrator] 눈 아이콘 그리기 [Illustrator] 눈 아이콘 그리기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 별형 도구를 이용해서 많은 수의 꼭짓점을 가진 도형을 그릴 수 있어요 기준점에 맞춰서 회전+복사를 반복할 수 있어요 💬 6개의 꼭짓점이 있는 별형 도형을 만듭니다 Star Tool을 이용해서 6개의 꼭짓점이 있는 별형 도형을 그립니다 💬눈꽃송이를 만듭니다 ① 펜툴을 이용해서 직선을 그리고, Polygon Tool을 이용해서 육각형의 도형을 만듭니다 ② 대각선으로 선을 추가로 그립니다 ③ 대각선의 선을 반전+복사합니다 ④ 전체 선택 후 하나의 그룹으로 묶습니다 ⑤ 만들어진 하나의 모듈을 회전+복사합니다 ⑥ command + D를 반복해서 모듈을 60도로 계속 회전+복사합니다 💬눈꽃송이와 별형 도형을 합칩니다 처음에 만들..
[Design Practice] Photoshop_테두리 있는 말풍선 도형 만들기 [Design Practice] Photoshop_테두리 있는 말풍선 도형 만들기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 여러 개의 도형을 하나로 합칠 수 있어요 Anchor Point Tool을 이용해서 테두리를 부분적으로 지울 수 있어요 💬말풍선을 만듭니다 Rounded Rectangle Tool을 이용해서 두 개의 도형을 그립니다 💬말풍선을 만듭니다 두 개의 도형을 선택한 후 Merge Layers 합니다 💬말풍선을 만듭니다 여러 개의 도형을 하나의 도형으로 만들었습니다 💬텍스트를 추가합니다 원하는 텍스트 문구를 작성합니다 💬텍스트 부분을 제외한 테두리를 지워줍니다 Add Anchor Point Tool을 이용해서 앵커 포인트를 추가합니다 💬텍스트 부분을 제외한 테두리를 지워줍니다 지우고자 하..
[Design tips] 004 읽기 편한 문자 Font tips [Design Tips] 004 읽기 편한 문자 Font tips 👩🏻‍💻정보와 어울리는 적합한 서체 사용하기 정보를 전달하는 디자인의 기본 요소 중의 하나는 서체이다. 우리는 전달하고자 하는 내용이나 분위기에 따라 적절한 폰트를 선택해 사용할 수 있다. 서체의 기본 종류를 파악해보고 이를 응용해보자-! 서체의 종류 Serif or Sans-Serif Serif 한글의 명조체, 영문의 세리프체 획의 끝에 세리프라고 부르는 장식이 있는 서체. 가로 획이 가늘고 세로 획이 굵다. 권위적, 역사적, 유연, 품격, 우아함 San-Serif 한글의 고딕체, 영문의 산세리프체 모서리에 장식이 없는 서체. 가로 획과 세로 획의 굵기가 거의 동일하다. 안정감, 강력한, 튼튼한, 모던, 대중적 디자인에 통일감을 주는 F..
[Design tips] 002 정보를 구분 짓는 Layout tips [Design Tips] 002 정보를 구분 짓는 Layout tips 👩🏻‍💻정보를 쉽게 정리하는 방법 알아보기 정보를 쉽고 정확하게 전달하기 위해서는 이를 특성에 맞게 그룹화해야 한다. 정보를 정리하고 배치하는 다양한 방법이 있다는 사실-! 정보를 그룹화할 때 참고하면 좋은 레이아웃 꿀팁을 알아보자. 형태를 지각하는 방법, 게슈탈트 법칙 사람들은 정보를 접할 때 무의식적으로 근접해 있는 요소들이나 유사한 색을 가진 요소들을 하나의 그룹으로 인식하는데, 이를 게슈탈트 법칙이라고 한다. 게슈탈트 법칙은 인간이 형태를 지각하는 본질적인 특징 중 하나라고 할 수 있다. 게슈탈트의 몇 가지 법칙을 이용해 정보를 효과적으로 표현해보자-! 근접성의 법칙 Law of Proximity 근접성의 법칙은 가깝게 배치되..
[Design Practice] Photoshop_도형에 텍스트 모양의 마스크 만들기 [Design Practice] Photoshop_도형에 텍스트 모양의 마스크 만들기 👩🏻‍💻이런 작업을 할 수 있어요! 텍스트 레이어만 선택해 도형에 마스크를 만들 수 있습니다 💬텍스트와 도형 기울이기 Edit - Transform - Skew를 선택 후 원하는 각도로 설정합니다 💬도형에 텍스트 모양의 마스크 만들기 command를 누른 상태에서 텍스트 레이어를 선택합니다 💬도형에 텍스트 모양의 마스크 만들기 선택 영역을 도형 레이어에 마스크 추가합니다 💬도형에 텍스트 모양의 마스크 만들기 텍스트 레이어의 눈을 끕니다 💬완성-! 텍스트 모양으로 마스크가 추가된 도형을 만들 수 있습니다
[Design Practice] Photoshop_타이포 디자인 ① [Design Practice] Photoshop_타이포 디자인 ① 이런 작업을 할 수 있어요! Stroke로 텍스트에 테두리 효과주기 Color Overlay로 색상 변경하기 ① 텍스트 기울이기 💬Character 패널에서 Faux Italic을 클릭합니다 ② Stroke로 텍스트에 테두리 효과주기 💬Blending Options의 Stroke를 선택합니다 ② Stroke로 텍스트에 테두리 효과주기 💬Stroke에서 원하는 두께의 테두리를 만듭니다 ② Stroke로 텍스트에 테두리 효과주기 💬Stroke를 이용해서 테두리를 만들 수 있습니다 ③ 텍스트에 두께감 주기 💬텍스트 레이어를 여러번 복사해 배치합니다 ③ 텍스트에 두께감 주기 💬복사한 레이어를 하나의 레이어로 묶어줍니다 ④ Color Overla..
[디자인 기초] Photoshop_Blending Mode 알아보기 [디자인 기초] Blending Mode 알아보기 💬Blending Mode란? 선택된 레이어와 아래 레이어의 이미지를 여러가지 모드로 합성하는 기능 ① 불투명하게 표현되는 블렌딩 모드 💬Normal 아래에 있는 이미지는 보이지 않음 💬Dissolve 이미지에 모래를 뿌린 것과 같은 느낌의 효과 ② 어둡게 합성하기 💬Darken 두개의 레이어 컬러 중 밝은 부분은 투과, 어두운 부분만 섞어서 원본보다 이미지를 어둡게 표현 💬Multiply 컬러나 채도가 더 낮아져 어둡게 표현, Darken과 비슷함 💬Color Burn 합성된 레이어 중 위쪽 레이어의 컬러를 강하게 표현하면서 어둡게 표현됨 💬Linear Burn 합성된 레이어 중 위쪽 레이어의 컬러를 강하게 표현하면서 어둡게 표현됨, Color Burn..
[Design Practice] Photoshop_마스크를 이용한 그래픽 작업 ② [Design Practice] 마스크를 이용한 작업 ② 💬일러스트레이터에서 Smart Object로 파일 가져오기 Paste 창에서 Smart Object로 파일을 가져옵니다 💬Color Overlay로 색상 변경하기 Blending Options의 Color Overlay를 선택합니다 Color Overlay를 통해서 스마트 오브젝트의 색상을 바꿀 수 있습니다 💬레이어 마스크를 추가해 불필요한 부분 지우기 도형을 선택한 후 스마트 오브젝트 레이어에 마스크를 추가합니다 마스크를 이용해 부분적으로 이미지를 지울 수 있습니다 더 없애고자 하는 부분을 검은색 브러시로 칠합니다 💬흰색 브러시로 레이어 마스크 칠하기 나타내고자 하는 부분을 흰색 브러시로 칠합니다 💬완성 마스크를 이용해서 간단하게 그래픽 작업을 ..

티스토리툴바