전체 글 71

포토샵에서 레이어와 글자를 선택된 영역 가운데 정렬하기

오늘은 실무 작업 시 간단하면서 가장 많이 사용하는 팁을 알려드릴까 합니다.너무 자주 사용해서 잊고 지냈던 필수 팁입니다.아마 제가 실무 작업 시에 가장 많이 사용하는 팁이 아닐까 생각합니다.한번 보시고 작업 시에 유용하게 사용해 보셨으면 좋겠습니다.  1. 새로운 창을 생성합니다. (COMMAND+N)  2. 적당한 사이즈의 새 창을 새롭게 생성합니다. (COMMAND+N)  3. 툴바(TOOL BAR)에서 사각형 툴(RECTANGLE TOOL)을 선택합니다.  4.적당한 위치에 사각형 세이프(RECTANGLE TOOL)를 생성합니다.  5. 셀렉트(SELECT) 메뉴에서 ALL를 선택합니다. (COMMAND+A)  6. 아트 보드 화면의 전체가 선택되었습니다.  7. 툴바(TOOL BAR)에서 이동 ..

DESIGN TIP 2024.07.08

이미지 모자이크 처리하기

안녕하세요. 머프입니다.오늘은 이미지에 모자이크 처리하는 방법입니다.간단한 방법이고 많이 쓰는 방법이어서 알아두시면 여러 가지로 쓰임새가 좋습니다.    1. 모자이크를 하고 싶은 이미지를 불러옵니다. (FILE-NEW)   2. 확대 톨로 모자이크 하고 싶은 부분을 확대합니다.  3. 패스 툴로 모자이크 처리하고 싶은 부분을 선택해 줍니다.  4. 마지막까지 정확히 마무리 시켜 줍니다.  5. 오른쪽 패스 박스의 레이어를 더블 클릭합니다.  6. 패스의 이름을 저장할 수 있는데 여기서 본인이 원하는 이름을 지정하고 OK 합니다. 그러면 패스 툴로 딴 영역이 하나의 레이어로 저장된 것을 볼 수 있습니다.  7. 나머지 모자이크를 적용할 영역을 패스 툴로 따고 위처럼 개별적으로 이름을 붙여 레이어로 만들어..

DESIGN TIP 2024.05.18

무료로 AI 이미지 만들기 (AI 추천 웹사이트 및 디자인 결과물)

안녕하세요. 머프입니다.오늘은 무료로 AI 이미지를 생성하는 사이트를 알려드리고자 합니다.이미지 생성 시 약간에 제약이 있지만 잘 활용하시면 디자인 작업하시는데 유용하게 사용할 수 있으며 작업 파일도 첨부했으니 참고하시고 앞으로 디자인 작업하시는 데 도움이 되었으면 합니다.아래 나열한 AI 사이트에 접속하시고 필요에 따라 가입 및 로그인하신 후 prompt 창에 영문으로 필요한 이미지를 상세하게 입력하시면 결과물을 얻으실 수 있습니다. 1. Microsoft Bing의 Image Creatorhttps://www.bing.com/create 2. Dream by WOMBOhttps://dream.ai/create 3. Playground AIhttps://playground.com/create 여기서 잠..

DESIGN TIP 2024.05.03

일러스트에서 이미지 누끼 따기

안녕하세요. 머프입니다.오늘은 일러스트에서 가장 많이 사용하는 이미지 누끼와 클리핑마스크 씌우는 방법을 알려드리고자 합니다.아래 예제는 이해를 돕고자 작성된 작업물이며 누끼를 딴 이미지를 이용한 배너입니다.일러스트로 이미지를 누끼를 따서 아래 예제처럼 사용해 보시기 바랍니다. 예제 1. 누끼를 따고 싶은 이미지를 불러옵니다. (FILE-NEW)  2. 이미지를 래스터화 시킵니다. 이유인즉 용량을 축소하고 파일 내에서 하나의 개체로 저장하기 위함이며 벡터를 비트맵으로 저장하시 위함입니다.(OBJECT-RASTERIZE)  3. 옵션창에서는 배경만 투명으로 설정하고 저장합니다.  4. 작업시 이미지가 움직이는 것을 방지하기 위해 LOCK을 걸어줍니다. (OBJECT-LOCK-SELECTION))  5. 툴바..

DESIGN TIP 2024.04.26

웹디자이너의 컴퓨터에는 무슨 프로그램이 설치되어 있을까? (Macintosh)

웹디자인할 때 필수적으로 필요한 프로그램입니다. 사진 삭제 사진 설명을 입력하세요. 1. 포토샵 (PHOTOSHOP) VER. 2021 22.5.1 www.adobe.com/kr/products/photoshop.html 사진 삭제 사진 설명을 입력하세요. 2. 일러스트레이터 (ILLUSTRATOR) VER. 2021 25.4.0 www.adobe.com/kr/products/illustrator.html 사진 삭제 사진 설명을 입력하세요. 3. 스케치 (SKETCH) VER. 99.5 www.sketch.com 사진 삭제 사진 설명을 입력하세요. 4. 제플린 (ZEPLIN) VER. 4.10.1 zeplin.io 위에 나열한 프로그램 외에 여러 가지의 프로그램이 있지만 디자인 작업을 할 때 3D 작업을..

DESIGN TIP 2024.03.17

포토샵에서 얼굴에 주근깨 없애기

안녕하세요. 머프입니다. 오늘은 얼굴 이미지에서 주근깨를 없애고자 합니다. 여기서는 얼굴에 주근깨를 없애지만 이 방법을 약간만 활용을 한다면 다른 이미지를 수정을 할 때 유용하게 이용하실 수 있습니다. 단, 한 땀 한 땀 상세하게 기존 이미지와 비교해 가면서 최대한 자연스럽게 수정하셔야 합니다. 차근차근 가보시죠. 1. 새 창으로 얼굴 이미지를 엽니다. 2. 돋보기 툴이나 Command++를 눌러서 주근깨가 있는 부분을 확대합니다. 3. Tool tip-Healing brush tool를 선택합니다. 4. 브러시 툴에서 사이즈를 조정합니다. 5. 브러시 툴의 사이즈를 조정하면 크게 작게 범위가 설정이 됩니다. 사이즈 조정 단축키 ( [ : 작게, ] : 크게) 6. 옵션키를 누른 상태에서 삭제할 주근깨의..

DESIGN TIP 2024.03.02

초콜릿과 하트에 파묻힌 머프, 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