본문 바로가기
반응형

분류 전체보기71

[잉크스케이프] 기본 사용법 (도형 테두리에 글자 넣기) 잉크스케이프로 원 테두리를 따라 글자를 입력하는 방법 입니다. 1. 도구상자 메뉴를 이용해서 텍스트를 입력하고, 도형 원도 그려줍니다.   2. 도형을 선택하고, (그림1)    경로 > 객체를 경로로를 클릭합니다. (단축키 Shift+Ctrl+C) (그림2)    ( 모양을 패스로 변환한다는 메뉴에 대한 설명이 보입니다 )    3. 도형과 문자를 같이 선택 한 후, (그림3)    텍스트 > 경로에 놓기 (그림4)를 클릭합니다.   4. 글자가 도형 테두리에 붙었습니다.   5. 도형 테두리(자획)를 선택하면(그림5)도형 모서리 화살표가 둥글게 변하는데(그림6) 6. 둥근모양으로 변한 화살표를 클릭하여 회전을 시켜줍니다.  7. 도형을 선택하고, Object Flip Vertical 을 클릭하면(그림.. 2024. 10. 21.
[GIMP] 기본 사용법 (선택영역 복사) GIMP 프로그램으로 이미지의 일부분을 선택해서, 새 레이어로 옮기는(복사) 방법 입니다. 1. 프로그램 실행 후, 이미지를 불러옵니다. 2. 좌측 도구모음에서 '사각 선택 영역 도구'를 선택 한 후 (단축키 R)3. 이미지의 원하는 부분을 선택영역으로 잡아줍니다.  4. 선택영역을 잡은 후, 복사(Ctrl+C) → 붙여넣기 (Ctrl+V) 하면,우측 레이어 창에 '떠있는 선택(붙여 넣은 레이어)' (그림3) 가 생성됩니다.5. 하단 새 레이어 생성을 클릭하세요 (그림4)'떠있는 선택' 레이어가 '붙여 넣은 레이어'로 변경되면서 선택영역이 새 레이어로 복사 되었습니다.(그림5)  6. 원본 이미지는 변형없이 선택영역만 새 레이어로 복사가 되어 이동이 가능해 졌습니다.     사진: Unsplash의Jar.. 2024. 10. 3.
[카페24 쇼핑몰] 웹 폰트 적용하기 구글폰트를 이용하여, 카페24 쇼핑몰에 웹폰트를 적용해 보겠습니다.( 카페24 쇼핑몰 기본 디자인 기준으로 설명드리며, 구입하신 템플릿 디자인의 경우, 경로가 다를 수 있습니다.)  구글폰트 사용법 참고 2024.09.24 - [Etc] - [구글 폰트] 웹 폰트 사용하기 [구글 폰트] 웹 폰트 사용하기홈페이지 제작시, 웹폰트 작업을 따로 하지 않으면, 웹페이지가 윈도우 기본 글꼴로 보입니다.사이트를 조금 더 예쁘고, 개성있게 꾸미기 위해 웹 폰트 사용방법 안내드립니다. https://fonts.google.mint-dizan.tistory.com   ● 나눔고딕 사이트 전체에 적용하기구글폰트에서 나눔고딕(Nanum Gothic) 코드를 복사 후,    카페24 디자인 편집창의 전체화면보기 > 레이아웃 .. 2024. 10. 2.
[구글 폰트] 웹 폰트 사용하기 홈페이지 제작시, 웹폰트 작업을 따로 하지 않으면, 웹페이지가 윈도우 기본 글꼴로 보입니다.사이트를 조금 더 예쁘고, 개성있게 꾸미기 위해 웹 폰트 사용방법 안내드립니다. https://fonts.google.com/ Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com  위 사이트는 구글폰트 사이트 입니다.(구글폰트에서 제공하는 폰트는 오픈소스로 상업적 사용이 가능합니다.) 사이트에 들어가서 좌측 필터창의 (필터창이 안보이면 Filters 버튼(1) 클릭) Language(2)를 클릭하고, korean을 입력해주세요(3)우측화면에 구글폰트에서 지원하는 한.. 2024. 9. 30.
[remove.bg] 배경 지우기, 무료 누끼따기 사이트 사진의 배경 지우기, 일명 누끼따기를 손쉽게 할 수 있는 사이트를 소개합니다.(포토샵 노가다는 사라지는 건가요??) https://www.remove.bg/ 이미지 배경 제거, 투명 배경 만들기 – remove.bg사진이나 이미지 배경을 한 번 클릭으로 5초만에 무료로 제거할 수 있습니다. 이미지 배경 투명하게 만드는 법. 누끼 따기 프로그램.www.remove.bg  remove.bg 사이트인데, 이용방법은 간단합니다.1. 메인화면에서 이미지 업로드 or 이미지를 사이트에 드래그해서 놓거나 or 웹상에 있는 이미지 주소를 넣으시면 됩니다.2. 이미지가 없을때는 사이트에서 제공하는 이미지로 테스트 해보세요   이미지를 불러오면, 몇 초 후 배경이 자동으로 지워집니다. 배경 제거 중배경 제거 완료  화면 .. 2024. 9. 20.
[잉크스케이프] 기본 사용법 (도형 채움, 윤곽선) 잉크스케이프로 도형을 그리고, 도형과 윤곽선 색상을 수정하는 방법입니다. 1. 좌측 도구모음에서 사각형, 원, 다각형 툴(1) 을  이용하여 도형을 그려줍니다.   2. 도형을 선택하고, 하단 팔레트(2) 에서 원하는 색상을 클릭합니다.※ 윤곽선 색상 변경은 shift+색상 클릭!!   3. 하단 팔레트 우측 위아래 화살표(3)를 클릭하면 다른 색상이 나오고,    4번 메뉴를 클릭하면 다양한 색상 옵션이 나오는데, 원하는 색상표로 변경하셔도 됩니다.   4. 윤곽선이 안나오거나 윤곽선을 없애고 싶을때, 또는 도형색을 없애고 싶을때    도형을 선택하고 마우스 우클릭 → 채움 및 자획 (Shift+Ctrl+F)(5)    또는 하단 팔레트 아래 채움 자획 색상(6)을 더블클릭하면 Fill and Stro.. 2024. 9. 18.
[GIMP] 무료 이미지 편집 프로그램 설치방법 포토샵 대체 이미지편집 프로그램으로 많이들 추천하시는 GIMP 프로그램 설치 방법 안내드립니다.오피스나 디자인 관련 무료 프로그램을 사용해보면 분명 아쉬운 점들도 있긴 하지만,전문적으로 사용하셔야 하는 분들이 아닌 이상, 무료 프로그램으로 대체 하셔도 될 거 같습니다. https://www.gimp.org/ GIMPGIMP - The GNU Image Manipulation Program: The Free and Open Source Image Editorwww.gimp.org  1. GIMP 사이트에 접속 후, 메인화면 상단 DOWNLOAD 나 메인 배너에서 DOWNLOAD 버튼을 클릭해 주세요   2. 프로그램을 다운로드 할 수 있는 여러 경로의 버튼이 보입니다. 셋 중 아무거나 다운로드 받으시면 .. 2024. 9. 13.
상업용 무료이미지 : 언스플래쉬 (Unsplash) 언스플래쉬(Unsplash)는 상업적으로도 사용 가능한 무료 이미지를 제공하는 사이트입니다. https://unsplash.com/ 아름다운 무료 이미지 및 사진 | Unsplash어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.unsplash.com  고화질의 사진 이미지가 많으며, 라이센스는 아래와 같습니다.  https://unsplash.com/ko/%EB%9D%BC%EC%9D%B4%EC%84%A0%EC%8A%A4 라이선스 | UnsplashUnsplash에 게시된 모든 이미지는 무료로 사용할 수 있습니다. 상업적 및 비상업적 목적을 위해 사용할 수 있습니다. 사진 작가 또는 Unsplash에게 허락을 요청하.. 2024. 9. 5.
KBS 로고(AI파일) KBS(한국방송공사) 로고(AI파일) 파일다운로드 : https://about.kbs.co.kr/index.html?sname=kbs&stype=ci 2024. 9. 5.
[미리캔버스] 기본 사용법 (레이어 활용) 미리캔버스 템플릿으로 작업시, 요소들이 서로 겹쳐 있어서 클릭(선택)이 잘 안될때는레이어 기능을 활용하면 좀 더 쉽게 선택 및 수정을 할 수 있습니다. 아래 "가격할인프로모션" 텍스트 아래 주황색 배경 사이즈를 키워보려고 하는데,날짜 요소에 가려 선택이 안됩니다.   1. 디자인에디터 좌측상단 전체메뉴를 클릭하고,2. 하위메뉴에서 고급 기능 > 레이어 순서를 활성화 해주세요(단축키 Ctrl+Shift+Y)    3. 오른쪽에 레이어창이 나오고, 하나하나 레이어로 분리되어 있는 요소들을 확인 할 수 있습니다.수정이 필요한 요소를 레이어창에서 클릭(1)하면, 작업화면에서도 해당 요소가 선택되어지며(2), 이렇게 선택된 요소를 수정하시면 됩니다.      미리캔버스 사용법 / 포토샵 대체 프로그램 / 무료 템.. 2024. 8. 23.
[카페24 쇼핑몰] 상품 목록(썸네일) 크기 동일하게 카페24 쇼핑몰 상품목록 이미지(썸네일) 크기 동일하게 하는 방법 상품을 등록했는데, 아래와 같이 상품목록 이미지 크기가 제각각일 경우,동일한 사이즈로 노출하고 싶다면, 상품을 등록하실때, 상품이미지를 같은 사이즈로 등록하시면 됩니다.   카페24 상품등록창의 "대표이미지등록" 권장사이즈가 500*500px입니다.   정사각형 썸네일을 원하시면 사진을 500*500px로 잘라서 등록하시거나,(사진1)정사각형 사이즈를 하나 만드셔서 그 위에 상품 사진을 옮긴 후(사진2) 등록하셔도 됩니다. 사진1사진2  완성. 정사각형 모양으로 상품 썸네일 크기가 균등하게 등록되었습니다. 2024. 8. 16.
[잉크스케이프] 무료 백터프로그램 설치하기 그래픽 툴의 최강자는 단연 어도비이고, 개인적으로도 무척 애정하지만어도비도 구독형이라서 사용하기에 비용이 만만치가 않습니다. 디자인 프로그램을 전문가적으로 접근할 필요가 없으니,이제 오래된 일러스트 프로그램 대체용으로 잉크스케이프를 사용해 보려고 합니다. https://inkscape.org/ Inkscape - Draw Freely. | InkscapeMay 16, 2024 We had a great Inkscape Summit in Rennes, France. Our three-day meeting was hosted by long-time Inkscaper's Elisa and Cédric in their school of design Activ.design... Read more... May 6,.. 2024. 8. 9.
YTN 로고(AI파일) YTN(와이티엔) 로고(AI파일)  파일다운로드 : https://infor.ytn.co.kr/ytn/ci.php YTN CI infor.ytn.co.kr 2024. 7. 30.
[미리캔버스] 기본 사용법 (안내선, 눈금자 표시) 디자인작업을 할때, 좀 더 정교한 작업을 위해서 눈금자나 안내선기능이 필요할 때가 있습니다.미리캔버스에서도 해당 기능을 제공하는데, 작업창에 표시하는 방법 안내드립니다. 1.  디자인에디터 화면에서 왼쪽 상단 로고옆의 전체메뉴 아이콘을 클릭합니다. 2. 고급기능 > 안내선 설정을 클릭하면 하위메뉴가 나오는데,안내선 표시를 클릭해 주시면 됩니다.(단축키 Ctrl+;)3. 눈금자 보기도 클릭하여 활성화하면 화면에 눈금자가 표시됩니다. (단축키 Ctrl+Alt+R)  ※ 눈금자에 마우스를 올리면 마우스 포인트가 변경되는데, 그 상태에서 클릭&드래그하면 안내선을 추가 할 수 있습니다. 2024. 7. 29.
[미리캔버스] 이미지 다운로드시 화질 깨짐 미리캔버스로 디자인작업을 하고, 다운로드하니 이미지 선명도가 떨어진다. (물론, 고해상도 다운로드함)작업한 사이즈는 400*200px, 사이즈가 작아서 그런가 싶어서, 작은 사이즈로 제작된 템플릿 몇 개를 다운로드 해보니 선명하게 다운로드되는 것도 있고 흐릿한 것도 있다. ▼ 화질이 낮은 이미지▼ 선명도 높은 이미지  위에 두 이미지의 해상도를 확인해보니, 좌측 해상도 72, 우측 해상도 96이다.보통 포토샵에서 웹용 이미지는 72해상도로 작업하는데,미리캔버스에서는 선명한 이미지를 위해서 그 보다 높은 해상도로 다운로드 해야 된다는 것이다.(하지만, 미리캔버스에서 해상도를 설정하는 방법은 아직 모르겠다.) 또한, 이미지 다운로드시, 아래처럼 "작품을 만드는 중.." 이라는 로딩페이지가 뜨면 선명하게 다운.. 2024. 7. 15.
[미리캔버스] 쿠폰 이미지 만들기 미리캔버스를 이용해서 쇼핑몰에서 사용할 수 있는 간단한 쿠폰 이미지를 만들어 보겠습니다.  1.  디자인에디터에서 작업창 크기를 설정합니다.    (상단) 크기조정 > 직접입력  400*200px 입력 후, 적용하기2. 쿠폰의 바탕이 될 도형을 선택합니다.(좌측) 요소 > 도형 > 모서리가 라운드 처리된 도형을 클릭  3. 도형을 작업창 사이즈에 맞춰 크기를 키워주고, 원하시는 색상으로 변경합니다.    4. 도형으로 만든 바탕이미지 위에 텍스트를 입력하여, 색상, 폰트, 자간 설정등을 통해 쿠폰을 꾸며주시면 됩니다.완성된 후에는 모서리를 투명으로 저장하기 위해 파일형식 png, 투명한 배경을 체크하고 다운로드 하시면 됩니다. 2024. 7. 11.
[미리캔버스 사용법] 팝업디자인(이미지 불러오기+도형+텍스트) 미리캔버스로 팝업디자인을 해보겠습니다. 1. 배경으로 사용할 이미지를 불러옵니다. 2023.08.08 - [미리캔버스] - [미리캔버스] 기본 사용법 (사진 불러오기, 배경으로 만들기) [미리캔버스] 기본 사용법 (사진 불러오기, 배경으로 만들기)1. 좌측메뉴 중 [사진]을 클릭해서 원하는 키워드를 입력합니다. (섬네일에 왕관모양 없는 이미지만 무료로 사용 가능합니다.) 2. 이미지에 마우스를 올리면, 점 세개 메뉴가 뜨고, 클릭하면, 해당mint-dizan.tistory.com  2. 불러온 배경이미지 위로, 요소 > 도형에서 정사각형을 선택합니다.(텍스트를 입력하기 전에, 텍스트가 배경이미지와 잘 어우러질 수 있도록 투명한 텍스트 배경을 만드는 과정입니다.)   3.  도형을 선택하고 속성에서 아래와.. 2024. 3. 14.
유안타증권 로고(AI파일) 유안타증권 로고 (AI파일) 파일다운로드 : http://www.yuantakorea.com/company/ko_ci.html CI - 회사개요 - COMPANY - 유안타증권 www.yuantakorea.com 2024. 2. 12.
반응형