본문 바로가기

Design tool & skills/Photoshop

(40)
[Photoshop] 텍스트 쉽게 기울이기 👇노션에서 보기 bit.ly/kimmy_tools Design tool & skills 💥기초부터 차근차근 함께 디자인 공부해요💥 www.notion.so 🍊사용 이미지 다운로드 링크는 하단에 있습니다 :) [Photoshop] 텍스트 쉽게 기울이기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! command + shift로 텍스트를 쉽게 기울일 수 있습니다 텍스트에 Mask를 적용합니다 💬 이미지를 준비합니다 기울어진 텍스트와 잘 어울리는 이미지를 준비합니다 💬 텍스트를 작성하고 기울입니다 ① 텍스트를 작성하고 Edit - Free Transform을 선택합니다 💬 텍스트를 작성하고 기울입니다 ② command + Shift를 동시에 누른 상태에서 텍스트를 각도에 맞게 기울입니다 💬 텍스트를 작성하고 기..
[Photoshop] 스티커 만들기 👇노션에서 보기 bit.ly/kimmy_tools Design tool & skills 💥기초부터 차근차근 함께 디자인 공부해요💥 www.notion.so [Photoshop] 스티커 만들기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! Polygon tool을 이용해서 다양한 형태의 도형을 만들어요 Path에 따라 텍스트를 작성할 수 있어요 💬 Polygon tool을 이용해서 곡선 모양의 도형을 만듭니다 Polygon tool의 옵션을 변경합니다 💬 Ellipse tool과 Pen tool을 이용합니다 Ellipse tool과 Pen tool을 이용해서 눈과 입꼬리를 만들어 줍니다 💬 Rounded Rectangle tool을 이용해 입을 만듭니다 ① Rounded Rectangle tool을 이용해 ..
[Photoshop] 하늘 배경 합성하기 👇노션에서 보기 bit.ly/kimmy_tools Design tool & skills 💥기초부터 차근차근 함께 디자인 공부해요💥 www.notion.so [Photoshop] 하늘 배경 합성하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 쉽고 간단하게 배경을 합성할 수 있어요 Blending Mode - Overlay 모드를 사용해요 블로그 하단에 사용한 이미지 파일이 첨부되어 있습니다 :) 💬 원하는 이미지를 준비합니다 배경을 합성할 이미지와 배경 소스를 준비합니다 💬 원하는 이미지를 준비합니다 배경을 합성할 이미지와 배경 소스를 준비합니다 💬 Blending Mode - Overlay 모드를 적용합니다 자연스러운 합성을 위해서 Blending Mode를 사용합니다 💬 불필요한 부분은 지워줍니다 레..
[Photoshop] 텍스트에 글리치 효과 쉽게 표현하기 [Photoshop] 텍스트에 글리치 효과 쉽게 표현하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! 텍스트를 부분적으로 변형해서 글리치 효과를 쉽게 만들 수 있어요 텍스트를 기울여서 속도감을 표현할 수 있어요 💬 원하는 텍스트를 작성합니다 Type Tool로 원하는 텍스트를 작성합니다 💬 텍스트에 입체감을 줍니다 ① 텍스트 레이어를 상단 텍스트 아래로 여러 번 복사합니다 ② 복사한 레이어를 하나의 그룹으로 만듭니다 ③ 반대 방향으로 텍스트 레이어를 여러 번 복사합니다 ④ 복사한 레이어를 하나의 그룹으로 만듭니다 ⠀ 💬 텍스트를 이미지로 만듭니다 작업한 레이어를 모두 선택해 하나의 그룹으로 만들고 Merge Group을 적용합니다 ⠀ 💬 이미지를 부분적으로 변형합니다 Marquee tool을 이용해서 영..
[Photoshop] 테두리 안쪽에 깊이감 만들기 [Photoshop] 테두리 안쪽에 깊이감 만들기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! Inner Shadow를 이용해서 테두리 안쪽에 그림자를 만들 수 있어요 텍스트에 테두리를 만들 수 있어요 💬 원하는 텍스트를 작성합니다 Type Tool로 원하는 텍스트를 작성합니다 💬 Stroke로 테두리를 만듭니다 레이어 스타일의 Stroke를 이용해서 외곽선을 만들어 줍니다 💬 텍스트에 입체감을 줍니다 ① 텍스트 레이어를 상단 텍스트 아래로 여러 번 복사합니다 ② 복사한 텍스트를 하나의 레이어로 만듭니다 ③ 그룹 레이어를 Color Overlay로 색 변경합니다 💬 테두리 안쪽에 깊이감을 만듭니다 Inner Shadow를 이용해서 레이어 안쪽에 그림자를 만듭니다 💬 텍스트의 그림자를 만듭니다 Drop S..
[Design Practice] Photoshop_패스(Path)에 텍스트 작성하기 [Design Practice] Photoshop_패스(Path)에 텍스트 작성하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! * 패스에 따라 흐르는 텍스트를 표현할 수 있어요 * 문자 왜곡 효과(Warp Text)를 사용하지 않고 커브 텍스트를 만들 수 있어요 💬 문자 왜곡 효과와 패스를 사용한 텍스트의 차이 * 문자 왜곡 효과를 사용한 텍스트는 모양이 변형되기 때문에 잘 사용하지 않습니다 * 일반적으로 커브 텍스트를 작업할 때에는 패스를 활용해 텍스트를 작성합니다 💬 원형의 패스(Path)를 그립니다 Path 모드로 Ellipse Tool을 이용해 원형의 패스를 그립니다 💬 패스(Path)의 곡선에 텍스트를 작성합니다 Type Tool로 Path를 선택한 뒤 원하는 텍스트를 작성합니다 ① Type ..
[Design Practice] Photoshop_텍스트에 글리치 효과 만들기 [Design Practice] Photoshop_텍스트에 글리치 효과 만들기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! * Mezzotint 필터를 이용해서 글리치 효과를 표현합니다 * 글리치 효과를 통해서 깨진 그래픽의 지직거리는 느낌을 줄 수 있어요 💬텍스트를 작성합니다 글리치 효과를 줄 텍스트를 작성합니다 💬텍스트를 부분적으로 변형합니다 텍스트 레이어를 Rasterize합니다 💬텍스트를 부분적으로 변형합니다 Marquee tool로 영역을 선택하고 2~3px씩 좌우로 움직입니다 💬GREEN, RED 계열의 텍스트를 추가합니다 작업한 텍스트 레이어를 복사하고 GREEN 계열로 컬러를 변경합니다 💬GREEN, RED 계열의 텍스트를 추가합니다 작업한 GREEN 계열의 레이어를 하단으로 내립니다 💬G..
[Design Practice] Photoshop_텍스트에 마스크 추가하기 [Design Practice] Photoshop_텍스트에 마스크 추가하기 👩🏻‍💻이번 작업을 통해서 알 수 있어요-! * 텍스트 레이어에 마스크를 추가할 수 있어요 * 레이어 마스크를 통해서 입체감 있는 텍스트 디자인을 할 수 있어요 💬텍스트를 작성합니다 ① 텍스트를 따로따로 하나씩 써줍니다 💬텍스트를 작성합니다 ② 텍스트를 기울입니다 💬텍스트에 마스크를 추가해 부분적으로 가려줍니다 ① 텍스트에 마스크를 추가합니다 💬텍스트에 마스크를 추가해 부분적으로 가려줍니다 ② 레이어 마스크에 Gradient tool로 일정 부분을 칠해줍니다 💬텍스트에 마스크를 추가해 부분적으로 가려줍니다 ③ 나머지 텍스트에도 동일하게 적용해 줍니다 💬완성-! 텍스트 레이어에 마스크를 추가해 입체감 있는 텍스트를 디자인해 보았습니다