반응형

2024/11/18 3

피그마 - 이미지 편집기, 유튜브 베너 제작 예시

간단 내용피그마(Figma)는 UX/UI 디자인 분야에서 가장 많이 사용되는 디자인 툴 중 하나로, 협업 기능이 강화된 온라인 디자인 도구입니다. 화면 캡처운영하는 유튜브 채널로 이동https://www.youtube.com/@automatethem 채널 맞춤 설정 사진 크기 확인98x98픽셀 이상배너 이미지 크기 확인2048x1152픽셀 이상 이미지 제작 사이트 피그마로 이동https://www.figma.com/사각형 클릭후 도화지에서 사선으로 드래그해 사각형 그리기 98x98픽셀로 사진 제작 Export 버튼을 눌러 png 파일로 다운로드 2048x1152픽셀로 배너 이미지 제작 Export 버튼을 눌러 png 파일로 다운로드 변경 버튼을 눌러 제작한 사진과 배너 이미지를 업로드상세 내용피그마는 U..

웹 도구 2024.11.18

RealFaviconGenerator - 사이트 파비콘 생성

간단 내용RealFaviconGenerator는 브라우저에서 작동하는 파비콘을 손쉽게 생성해주는 도구입니다. 초보자부터 개발자까지 누구나 쉽게 사용할 수 있으며, HTML 마크업 생성까지 지원합니다.화면 캡처 생성 결과 다음 버튼 클릭 아이콘 다운로드 및 Html 코드 복사  Html 코드모든 html 파일내 태그내에 넣기 적용 결과상세 내용RealFaviconGenerator는 웹사이트 파비콘 생성을 제공합니다. 사용자는 원하는 이미지를 업로드한 후 간단한 설정만으로 각 플랫폼에 맞는 최적화된 파비콘과 HTML 마크업을 생성할 수 있습니다. 사이트 파비콘 생성 시리즈: 파비콘 생성 간단 html 코드 - 사이트 파비콘 생성 https://automatethem.tistory.com/415RealFav..

웹 도구 2024.11.18

홈페이지형 네이버 블로그 만들기 (이미지맵 링크 버전)

간단 내용홈페이지형 네이버 블로그 만들기 (이미지맵 링크 버전)상단 백그라운드 이미지, 백그라운드 이미지 하단에 버튼화면 캡처세부 디자인 설정 https://www.figma.com/ 에서 하단에 버튼이 들어 있는 배경 제작 스킨배경 직접등록1920x780 비공개로 투명 위젯 올리기 (네이버 블로그 웨젯 크기는 최대 가로 170px 세로 600px 까지 지원)170x600 레이아웃 위젯 설정 우측에서 두번째 레이아웃 선택 위젯직접등록 클릭해 위젯 등록 위젯직접등록 클릭해 투명위젯 등록 투명위젯1위에서 복사해 놓은 이미지 주소 src 옵션으로 사용 투명위젯2 투명위젯3 투명위젯4 투명위젯5 중간 결과 그림자 기둥 5개 켑처 170x600으로 이미지 크기 수정 capture1.pngcapture2.pngca..

웹 도구 2024.11.18
반응형