DESIGN TIP 43

무료로 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

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

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

DESIGN TIP 2024.01.26

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

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

DESIGN TIP 2024.01.06

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

안녕하세요. 머프입니다. 이번 디자인 팁은 포토샵에서 지정한 색상을 비슷한 팬톤 컬러로 찾고 등록하는 방법을 알려드릴까 합니다. 또한 팬톤 컬러가 없는 분들을 위해 팬톤 컬러를 라이브러리에 저장하고 사용할 수 있는 방법을 알려드리겠습니다. 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