머프디자인

웹디자인할 때 필수적으로 필요한 프로그램입니다. 사진 삭제 사진 설명을 입력하세요. 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 작업을..

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

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

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

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

안녕하세요. 머프입니다. 오늘은 포토샵에서 이미지를 연필로 스케치한 느낌으로 만드는 것을 알려드릴까 합니다. 우선 맨 아래 액션 파일을 다운로드한 후 액션, 브러시, 패턴 윈도로 불러와서 액션 파일을 실행시키면 됩니다. 작업 방법은 아래 내용을 순서대로 적용하시면 되고 작업 환경은 맥용 adobe photoshop 23.2 version입니다. 순서대로 차근차근 따라 해 보시기 바랍니다. 1. 가장 우선적으로 하실 것은 액션 파일을 다운로드하십시오. 다운로드한 파일을 액션(Scribble Artist - Action.atn), 브러시(Scribble Artist - Brushes.abr), 패턴(Scribble Artist - Patterns.pat) 윈도로 불러옵니다. 2. 새로운 레이어를 생성하고 연..

안녕하세요. 머프입니다. 오늘은 포토샵에서 이미지에 회화적 느낌으로 만드는 것을 알려드릴까 합니다. 우선 아래 액션 파일을 다운로드한 후 해당 박스에 불러와서 액션 파일을 실행시키면 됩니다. 작업 방법은 아래 내용을 순서대로 적용하시면 되고 작업 환경은 맥용 adobe photoshop 23.2 version입니다. 순서대로 차근차근 따라 해 보시기 바랍니다. 1.이미지를 불러오고 오른쪽에 브러쉬, 액션, 패턴 윈도우를 반드시 꺼내 놓습니다. 2.브러쉬 윈도우에서 오른쪽 햄버거 메뉴, import brushes를 선택합니다. 다운로드한 파일 중에서 Painterly - Brushes.abr 파일을 선택합니다. 3.액션 윈도우를 선택합니다. 4.액션 윈도우에서 오른쪽 햄버거 메뉴, load actions를..

안녕하세요. 머프입니다. 포토샵에서 이미지에 카툰 효과를 만드는 것을 알려드릴까 합니다. 방법은 간단 합니다. 아도브사에서 제공하는 무료 액션 효과를 이용하면 간단히 만들 수 있습니다. 액션 파일을 다운로드 하신후 아래 순서대로 작업하시면 간단하게 만드실 수 있습니다. 작업 방법은 아래 내용을 순서대로 적용하시면 되고 작업 환경은 맥용 adobe photoshop 23.2 version입니다. 순서대로 차근차근 따라 해 보시기 바랍니다. 1.이미지를 불러옵니다. (여기서 사용하는 이미지는 최소 2,000 픽셀 이하는 사용하지 않을 것을 권장합니다. 해상도가 낮으면 액션 효과가 제대로 적용되지 않을 수 있습니다.) 2.window-action 메뉴를 선택 3.action 박스가 생깁니다. 여기서 햄버거 메..

안녕하세요. 머프입니다. 오늘은 포토샵으로 이미지를 스케치 스타일로 만드는 방법입니다. 지금 설명하는 방법은 제가 하는 방법인데요. 이외에도 많은 방법이 있는 걸로 아는데.. 제가 하는 방법은 현재 이 스타일을 유지하고 있습니다. 디자인을 하다 보면 콘셉트 중에 스케치 스타일이 필요할 때가 있는데 이 방법이 아주 유용하게 사용되었습니다. 최근에 실무를 할 때 사용한 적은 없습니다. 하지만 몇 년 전에 한국은행 디자인 개편할 당시 사용한 적이 있습니다. 아래를 보시면 한국은행 건물은 이미지를 리터칭 하고 뒷배경은 스케치 효과로 사용해서 제출한 적이 있습니다. 고객께서 상당히 만족해야 한 부분이기도 하고요. 오늘은 이 부분을 다룰까 합니다. 자~ 이제 시작해 보겠습니다. 작업은 며칠 전에 어린이국회 시안 작..

안녕하세요. 머프입니다. 오늘부터 포토샵으로 웹디자인 시안 잡는 과정을 단계별로 알려 드리려고 합니다. 잘 따라오시면 웹디자인할 때 기본적인 디자인 레이아웃을 만드실 수 있습니다. 단, 여기서 말하고자 하는 내용은 디자이너가 디자인을 할 때 기본적인 디자인 틀을 잡는 방법을 알려드리는 것이며 이후 디자이너의 개인 역량인 화면에 녹아드는 감각, 감성 등은 다룰 수 없는 점은 이해해 주시기 바랍니다. 이점은 지극히 개인적인 성향이므로 이점을 다룰 수 없는 점은 양해해 주시기 바랍니다. (이것 때문에 디자이너가 먹고사는 것 아니겠습니까 ㅎㅎㅎ) 아래는 예제 화면입니다. 예제를 토대로 비슷한 화면을 만들까 합니다. 자 시작해 볼까요. 아래는 포토샵 처음 실행 화면입니다. 포토샵을 실행하면 Splash scree..