머프디자인 65

초콜릿과 하트에 파묻힌 머프, 2024 발렌타인 데이 (컴퓨터 및 휴대폰 배경화면)

컴퓨터 배경화면 휴대폰 배경화면 해당 이미지는 머프디자인의 고유 창작 저작물입니다. 머프디자인 외에 상업적인 사용을 금지합니다. 초콜릿과 하트에 파묻힌 머프, 2024 발렌타인 데이 (컴퓨터 및 휴대폰 배경화면) : 콘셉트 디자인 컴퓨터 배경화면휴대폰 배경화면해당 이미지는 머프디자인의 고유 창작 저작물입니다. 머프디자인 외에 상업적인 사용을 금지합니다.※ 최종 수정일 : 2024.2.12 www.muff.co.kr

NOTICE 2024.02.12

포토샵에서 펜 툴과 세이프 툴로 원(파이) 그래프 만들기

안녕하세요. 머프입니다. 오늘은 포토샵으로 원(파이) 그래프를 만들어 볼까 합니다. 이번에 만들어 볼 원(파이) 그래프 예제 화면입니다. 포토샵의 펜 툴과 세이프 툴로 만드는 거라 만들어 놓으시면 확대, 축소가 용이해서 여러 가지로 쓰임새가 좋습니다. 우선 시작하기 전에 지금 설명하는 팁은 단계별로 진행되긴 하지만 다소 설명이나 화면이 부족할 수 있습니다. 부족한 부분은 업로드된 결과물을 참고하시면 될 거 같습니다. 1. 새 창(400X400 픽셀)을 열고 Ellipse tool(1)을 선택하고 250픽셀 지름의 원을 만듭니다. 2. 지금 만든 레이어를 복제(1) 합니다. 3. Direct selection tool을 선택하고 마우스 포인트로 드래그해서 패스만 전체 선택(2) 하고 Shift+Option..

DESIGN TIP 2024.01.26

일러스트에서 펜 툴로 만든 사각형에 글자 넣기

안녕하세요. 머프입니다. 오늘도 유용한 디자인 팁으로 돌아왔습니다. 일러스트에서 사진 및 일러스트 작업을 하다 보면 글자를 넣고 싶은 곳이 여러 가지 있을 수 있는데요. 그중에서 투시(Perspective), 원근, 시각 등이 들어가 있는 영역에 글자를 쉽게 넣을 수 있는 방법입니다. 1. 일러스트에서 새 창을 엽니다. 2. 새 창 크기는 A4 사이즈(210,294mm)로 잡았습니다. 3. 새 창을 만들고 난 후 File-Place 선택 후 작업할 사진 이미지를 불러옵니다. 사진 이미지를 드래그해서 불러와도 됩니다. 4. 아무 데나 클릭합니다. 불러온 사진 이미지가 너무 크네요. Toolbars에서 Selection 툴을 선택하고 사진 이미지를 조정합니다. 5. 캠퍼스 사이즈에 맞춥니다. 참고로 작업 상..

카테고리 없음 2024.01.17

포토샵에서 펜 툴로 HTML TABLE 만들기 (반응형 대응)

안녕하세요. 머프입니다. 오랜만에 올려보내요. 이번 디자인 팁은 포토샵에서 html table 작업 시 펜 툴로 작업하는 방법입니다. 실무에서 직접 사용하는 방법이므로 참고하셔서 사용하시면 도움이 많이 될 것입니다. 이렇게 제작이 되어야 퍼블리싱 할 때 바로 코딩이 가능하며 오차 없이 글자와 줄 간격이 일정하게 유지됩니다. 1. 포토샵에서 새 창을 엽니다. 새 창은 아트 보드로 가로 1200 픽셀, 세로 600픽셀로 만듭니다. 아래 예제 파일로 제공되오니 참고하시기 바랍니다. 2.Rectangle tool로 가로 960 픽셀, 세로 55 픽셀의 사각형 박스를 만듭니다. 여기서 사각형 스타일은 예제 파일을 참고하시기 바랍니다. 3.Text tool로 테이블의 제목을 나열합니다. 여기서 사각형 박스와 텍스트..

DESIGN TIP 2024.01.06

컴퓨터 및 휴대폰 배경화면 (크리스마스 선물을 기다리다 지친 머프)

올 한 해도 수고 많으셨습니다. ​행복한 크리스마스와 다가올 2024년 갑진년 (甲辰年), 청룡의 해를 맞이하여 ​가정의 건강과 행복한 일들로만 함께 하시길 기원하겠습니다. 컴퓨터 배경화면 휴대폰 배경화면 해당 이미지는 머프디자인의 고유 창작 저작물입니다. 머프디자인 외에 상업적인 사용을 금지합니다. 컴퓨터 및 휴대폰 배경화면 (크리스마스 선물을 기다리다 지친 머프) : 머프디자인은? 컴퓨터 배경화면휴대폰 배경화면해당 이미지는 머프디자인의 고유 창작 저작물입니다. 머프디자인 외에 상업적인 사용을 금지합니다.※ 최종 수정일 : 2023.12.17 www.muff.co.kr

NOTICE 2023.12.18

포토샵에서 팬톤 컬러를 찾고 등록하기

안녕하세요. 머프입니다. 이번 디자인 팁은 포토샵에서 지정한 색상을 비슷한 팬톤 컬러로 찾고 등록하는 방법을 알려드릴까 합니다. 또한 팬톤 컬러가 없는 분들을 위해 팬톤 컬러를 라이브러리에 저장하고 사용할 수 있는 방법을 알려드리겠습니다. 1.포토샵에서 새 창을 엽니다. 2.사각형툴로 사각형을 만듭니다. 색상은 COLOR PICKER에서 만든 후 사각형을 만드십시오. 만든 후 WINDOW-SWATCHS 창을 엽니다. 3.SWATCHS 창에서 오른쪽 햄버거 메뉴를 클릭합니다. 4.메뉴 중에서 LEGACY SWATCHS (이전 SWATCHS)를 선택합니다. 5.팬톤 컬러칩을 불러 온 것을 볼 수 있습니다. 6.다시 COLOR PICKER를 선택한 후 COLOR LIBRARIES를 선택합니다. 7.COLOR ..

DESIGN TIP 2023.10.24

일러스트에서 팬톤 컬러를 찾고 등록하기

안녕하세요. 머프입니다. 이번 디자인 팁은 일러스트에서 지정한 색상을 비슷한 팬톤 컬러로 찾고 등록하는 방법을 알려드릴까 합니다. 또한 팬톤 컬러가 없는 분들을 위해 팬톤 컬러를 라이브러리에 저장하고 사용할 수 있는 방법을 알려드리겠습니다. 1.일러스트에서 새 창을 엽니다. 2.사각형툴로 사각형을 만듭니다. 색상은 COLOR PICKER에서 만든 후 사각형을 만드십시오. 만든 후 WINDOW-COLOR GUIDE 창을 엽니다. 3.COLOR GUIDE 창에서 맨 아래 SWATCH LIBRARY를 선택합니다. (팬톤 컬러칩을 선택해 주는 과정) 4.COLOR BOOKS-PANTONE+ SOLID COATED를 선택합니다. 5.PANTONE+ SOLID COATED로 바뀌고 사각형에 지정 한 색상과 비슷한 ..

DESIGN TIP 2023.10.24

포토샵에서 아트보드 여러개 화면에 같은 가이드 만들기

안녕하세요. 머프입니다. 오늘은 포토샵에서 여러 개의 아트 보드에서 작업을 할 때 기본 가이드 설정 후에 나머지 아트 보드에 똑같이 가이드를 적용시킬 수 있는 팁을 알려 드리려고 합니다. 예컨대 첫 번째 아트 보드에 메인 시안을 잡고 그에 맞는 가이드를 적용시키고 그 외 서브 화면을 일괄적으로 만들고 나서 모든 아트 보드에 같은 가이드를 설정할 때 적용할 수 있는 디자인 팁입니다. 그 반대로 개별적으로 다른 가이드를 적용할 때도 사용할 수 있는 팁 이여서 한번 알아두시면 도움이 될 것입니다. 1. 포토샵을 실행하여 아트보드를 3개정도 만듭니다. (참고 https://www.muff.co.kr/tip/?q=YToxOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjt9&bmode=v..

DESIGN TIP 2023.10.09

디자인 콘셉트-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