DESIGN TIP 44

디자인 콘셉트-FIGMA VERSION

사용버전 및 파일 Figma 116.13.3 (fig) 사용용도 작성툴(제작 소프트웨어 버전)이 다르거나 하위 버전일 경우 파일이 열리지 않거나, 손상되어 열릴 수 있으니 주의 하시기 바랍니다. 폰트 Noto sans KR (Free license) 콘텐츠 제작에 사용된 폰트는 제공되지 않으며, 단지 해당폰트를 사용한 디자인 샘플일 뿐 입니다. 정품 폰트를 구입 후 사용하거나, 다른 폰트로 변경하여 사용하시기 바랍니다. 사용허락 범위 (라이선스 규정) Free license 디자인 콘셉트-FIGMA VERSION : 디자인팁 사용버전 및 파일Figma 116.13.3 (fig)사용용도작성툴(제작 소프트웨어 버전)이 다르거나 하위 버전일 경우 파일이 열리지 않거나, 손상되어 열릴 수 있으니 주의 하시기 바..

DESIGN TIP 2023.10.05

포토샵에서 여러 개의 이미지를 한번에 저장하기

안녕하세요. 머프입니다. 오늘은 포토샵에서 여러 개의 파일을 연 후에 한 번에 저장하려고 할 때 쓰는 팁입니다. psd는 물론이고 jpg 이미지 파일을 여러 개 연 후에 한 번에 저장할 때 이번 팁은 많은 시간을 절약해 줄 것입니다. 아래와 같이 차근차근 설정하시면 됩니다. 1. 포토샵을 실행합니다. (맥용 Photoshop 24.0 기준) 2. File-Scripts-Image Processor 선택 3. Image Processor 창이 뜹니다. 1~3번까지 설정한 후 Run 버튼을 선택하면 일괄적으로 수정되면서 열린 모든 파일이 저장됩니다. 3번 Resize to Fit에 경우 설정된 가로, 세로 기준으로 크기가 조정됩니다. 참고하시기 바랍니다. 위에 보신 것처럼 여러 개의 이미 지나 작업 파일을 ..

DESIGN TIP 2023.10.03

포토샵으로 현대 예술 작품 만들기 (Modern Artist Action Set)

안녕하세요. 머프입니다. 오늘은 포토샵에서 이미지를 액션을 활용하여 현대 예술 작품 느낌으로 만드는 것을 알려드릴까 합니다. 우선 맨 아래 액션 파일을 다운로드한 후 액션 윈도로 불러와서 액션 파일을 실행시키면 됩니다. 작업 방법은 아래 내용을 순서대로 적용하시면 되고 작업 환경은 맥용 adobe photoshop 23.2 version입니다. 순서대로 차근차근 따라 해 보시기 바랍니다. 1. 액션 파일을 다운로드하십시오. 액션 파일은 하단에 작업 파일과 함께 링크를 걸어두도록 하겠습니다. 2. 다운로드한 파일을 액션 윈도로 불러옵니다. 햄버거 메뉴에서 Load actions에서 Adobe Modern Artist - Photoshop Actions.atn 파일을 불러오면 됩니다. 3. 적용 시킬 영역을..

DESIGN TIP 2023.08.28

글래스모피즘(Glassmorphism) 아이콘 만들기

안녕하세요. 머프입니다. 일러스트레이터로 글래스모피즘 아이콘 제작 과정을 알려 드리려고 합니다. 아래는 예제 아이콘입니다. 제가 이번 팁을 계획을 한건 아니었는데 우연히 인터넷 서핑을 하다가 11번가에 우연찮게 들어가게 되었습니다. 쇼핑몰 상단 배너의 아래 이미지가 눈길을 끌어서 이번에 디자인 팁은 이거다 싶어서 이번 팁을 정리하게 되었습니다. 자 시작하겠습니다. 참고로 제가 사용하는 사용자 환경은 adobe illustrator 26.1 version이며 맥용 프로그램입니다. 단, 사용한 프로그램 이전 버전을 사용할 경우 제대로 나오지 않을 수 있습니다. 이점 참고하시기 바랍니다. 아 그리고 이번에 작성되는 팁은 글래스모피즘 효과를 테마로 하기 때문에 사용되는 도형의 작도 방법은 생략하도록 하겠습니다...

DESIGN TIP 2023.07.25

포토샵 펜툴 곡선에 텍스트 넣기

안녕하세요. 머프입니다. 이번에는 펜 툴로 만든 곡선에 텍스트를 넣어 볼까 합니다. 시작하겠습니다. 1.예제 이미지를 엽니다. 아래에 첨부 파일을 참고하십시오. CTRL + N (COMMAND + N) 2.툴바에서 PEN TOOL을 선택합니다. 3.적당한 위치에 펜 툴로 곡선을 만들어 줍니다. 여기서 주의할 점은 넣고 싶은 텍스트의 길이를 생각해서 곡선을 만들어 줘야 합니다. 예컨대 너무 짧거나 길면 텍스트 입력 시 잘리거나 넘칠 수 있어서 주의하시기 바랍니다. 그런데 앞서 얘기한 것과 같이 너무 신경 쓰지 않으셔도 되는 것이 나중에 수정이 가능하므로 적절하게 곡선 길이를 조절하시면 될 것 같습니다. 4.툴바에서 TEXT TOOL을 선택합니다. 5.펜 툴로 만든 곡선에 마우스 커서를 가져가서 물결 모양으..

DESIGN TIP 2023.06.27

포토샵 누끼 따기 (간단한 방법)

안녕하세요. 머프입니다. 오늘은 지난번에 이어서 포토샵에서 가장 기본이 되는 이미지 누끼 따기입니다. 지난번은 무조건 하나하나 패스 툴로 이미지를 따서 진행을 했다면 오늘 작업은 가장 쉽게 시간을 절약하면서 이미지를 따는 방법을 알려드립니다. 시작하겠습니다. 1.예제 이미지를 엽니다. 아래에 첨부 파일을 참고하십시오. CTRL + N (COMMAND + N) 2.툴바에서 QUICK SELECTION TOOL을 선택합니다. 3.상단의 OPTION 바에서 SELECT AND MASK를 선택합니다. 4.새로운 창이 뜹니다. 5.오른쪽 영역의 PROPERTIES-VIEW MODE-VIEW-OVERLAY 선택 6.OPACITY 부분을 조절하시면 빨간색으로 된 부분이 엷고 짙게 조절할 수 있습니다. 7.새로 열린 ..

DESIGN TIP 2023.05.29

포토샵 누끼 따기 (노가다)

안녕하세요. 머프입니다. 오늘은 포토샵에서 가장 기본이 되는 이미지 누끼 따는 방법을 알려드리고자 합니다. 이 방법은 가자 쉬우면서도 가장 힘든 방법인 일일이 패스로 이미지를 따는 겁니다. 전 작업을 할 때 무조건 이 방법으로 이미지를 땁니다. 마지막에 누끼 이미지 및 예제 파일도 있으니 함께 따라 해 보셨으면 합니다. 추후 다른 방법도 공유하겠습니다. 1. 예제 이미지를 엽니다. 아래에 첨부 파일을 참고하십시오. CTRL + N (COMMAND + N) 2. 툴바에서 누끼를 따고 싶은 부분을 확대보기로 확대합니다. CTRL + + (COMMAND + +) 3. 패스툴을 선택합니다. 4. 원하는 부분에 점을 찍어서 패스 툴로 이미지를 땁니다. 여기서 곡선 부분 영역에서는 점을 클릭하고 손을 떼지 않고 당..

DESIGN TIP 2023.05.27

포토샵 단축키, 자주 사용하는 단축키

포토샵 작업 시 마우스 외에 키보드로 자주 사용하는 단축키 모음입니다. 아도브 사에서 제공하는 단축키가 정리된 pdf 가 따로 있긴 합니다. 그런데 너무 많아서 정리가 안되는 관계로 실제 가장 많이 사용되는 빈도수로 정리해 봤습니다. 작업하실 때 사용하시면 굉장히 편리하므로 반드시 사용하시기 바랍니다. 레이어 편집 단축키 WINDOWS MAC 새 레이어 추가 CTRL + shift + N COMMAND + SHIFT + N 레이어 복제 CTRL + J COMMAND + J 레이어 병합 CTRL +E COMMAND +E 레이어 그룹 CTRL + G COMMAND + G 보이는 레이어만 병합 CTRL + SHIFT + E COMMAND + SHIFT + E 레이어 그룹 해제 CTRL + SHIFT + G C..

DESIGN TIP 2023.05.26

포토샵에서 펜 툴로 막대그래프 만들기

안녕하세요. 머프입니다. 오늘은 막대그래프를 만들어 볼까 합니다. 디자인 작업을 하다 보면 이외로 그래프에 대한 수요가 많이 있습니다. 처음 시작하는 거라 가장 쉬운 막대그래프를 만들어 볼까 하는데.. 여러분도 한번 따라 해 보시기 바랍니다. 이번에 만들어 볼 막대그래프 예제 화면입니다. 포토샵의 Pen tool로 만드는 거라 만들어 놓으시면 확대, 축소가 용이해서 여러 가지로 쓰임새가 좋습니다. 우선 시작하기 전에 지금 설명하는 팁은 단계별로 진행되긴 하지만 다소 설명이나 화면이 부족할 수 있습니다. 부족한 부분은 업로드된 결과물을 참고하셔서 작업하시면 될 거 같습니다. 먼저 작업해야 하는 것은 Rectangle tool로 사각형을 만듭니다. 사이즈는 1000, 600픽셀로 만듭니다. 색상은 예제와 다..

DESIGN TIP 2023.05.01

일러스트레이터에서 아이소 메트릭 아이콘 제작 2

안녕하세요. 머프입니다. 일러스트레이터로 아이소 메트릭 아이콘 제작 과정 세 번째 마지막입니다. 색상 적용 과정입니다. 라인으로 작업된 아이콘을 불러옵니다. Tool bars-Zoom tool 선택 후 작업 공간을 확대합니다. Tool bars-Selection tool 선택 후 채색할 오브젝트를 선택합니다. 오브젝트 선택 후 Tool bars에서 Fill 메뉴를 더블 클릭하면 Color picker 팝업 창이 뜹니다. 팝업 창에서 본인이 원하는 색상을 지정 후 OK 합니다. (하단에 색상 코드를 입력해도 상관없습니다.) 여기서 잠깐! 색상이 입혀진 부분을 자세히 보시면 색상이 입혀지면서 가운데 작업했던 종이 오브젝트가 가려 진걸 보실 수 있습니다. 이 부분을 보이게끔 하려면 작업한 오브젝트를 위로 올리..

DESIGN TIP 2023.04.27