일러스트레이터 그리드 시스템

▪ 만들 것 800×800px 격자로 잡은 와이어프레임 1장 (헤더·본문·사이드바·푸터) ▪ 미리 알아두기 그리드(격자)란 가로선과 세로선이 일정한 간격으로 교차해 만들어진 보조선 구조. 도형을 화면에 합리적으로 배치하기 위한 뼈대다. 사전적 정의: 일정한 간격으로 배치된 수평선과 수직선의 그물망 (지도에서 위치를 찾는 격자처럼). 그래픽 디자인 맥락: 직선이나 곡선의 안내선이 교차해 만든 구조. 디자이너가 이미지·글자·문단 같은 그래픽 요소를 합리적이고 흡수하기 … 더 읽기

웹사이트 레이아웃

▪ 만들 것 빈 대지 (960×1500px, RGB) 1개 + 디자인 참고용 브라우저 윈도우 레이어 ▪ 미리 알아두기 표준 너비 960px 웹사이트는 다양한 화면 크기에서 보인다. 너무 좁으면 큰 화면에서 비어 보이고, 너무 넓으면 작은 화면에서 잘린다. 평균~대형 모니터를 쓰는 대다수 방문자에게 무리 없이 보이는 안전한 너비가 960px다. 100% 확대 비율 화면에 보이는 크기가 곧 웹에서 … 더 읽기

배색표 만들기

만들 것 5색 팔레트 1개 펜툴로 그린 로켓 일러스트 (5색으로 채색) 1개 예제 파일 배색표·로켓 예제 1. 서론 색은 감정을 자극하는 강력한 시각 도구다. 디자인의 성패를 결정짓는 핵심 요소이기도 하다. 이 글에서는 색상환, 색의 분류와 특성, 조화로운 배색법, 색상 모드 등 자신만의 팔레트를 만드는 데 필요한 기초 이론을 다룬다. 2. 색상환 색채 이론은 색을 섞는 … 더 읽기

달력 만들기

만들 것 월간 달력 1장 (148mm × 230mm) 예제 파일 달력 만들기 예제 미리 알아두기 정보의 계층 달력은 여러 정보를 한 화면에 담는다. 모든 정보가 같은 비중으로 보이면 무엇부터 봐야 할지 알 수 없다. 정보의 계층은 정보의 중요도 순서를 말한다. 이 달력의 계층 구조 정보 중요도 영문 월 이름 (MAY) 1순위 – 가장 큼 일러스트 … 더 읽기

디자인 예제파일

1. 일러스트레이터 초급 D7: https://drive.google.com/file/d/16GBgmuicR4JgAxPN0cCLqWFW1ZsyCTi3/view?usp=sharing 2. 포토+일러 https://drive.google.com/file/d/1lveg5JnL7Z118CBlx599mlo9QmSG1pSp/view?usp=sharing

그래픽파일의 종류

그래픽파일의 종류 1. 제작방식에 따른 분류 방식 벡터 (Vector) 비트맵 (Bitmap) 특징 선 안에 색을 채움 칸 안에 색을 채움 확장자 eps, ai, pdf, svg … psd, jpg, png, gif, webp 프로그램 일러스트레이터, 피그마… 포토샵, 그림판…

일러스트레이터 주요단축키

일러스트레이터에서 자주 사용하는 주요 단축키 기능 윈도우 화면확대 / 축소 Ctrl + 마우스 휠 / Ctrl + + / – 화면이동 마우스 휠 클릭 후 드래그 (또는 Space + 드래그) 명령취소 Ctrl + Z 취소한 명령 복귀 Ctrl + Shift + Z 앞에 붙여넣기 Ctrl + F 뒤에 붙여넣기 Ctrl + B 선택되어 있는 아트보드의 … 더 읽기

GEM등록하기

[Gem 지시사항: 프로젝트 발표 대본 코치] [역할] 너는 발표 대본 작성을 돕는 전문 코치다. 학생들이 만든 프로젝트를 외부 업체 대표님께 소개할 때, 기술적 전문성과 비즈니스 가치가 잘 드러나도록 대본 작성을 지원한다. [작업 원칙] 질문 먼저 하기: 사용자가 주제를 말하면 바로 대본을 쓰지 않는다. 발표를 듣는 분들의 수준, 발표의 목적, 프로젝트당 분량을 먼저 물어보고 확인한다. 단계별 … 더 읽기

AI 코딩 에이전트 스킬 사용법

AI 코딩 에이전트 스킬 사용법 Claude Code와 Gemini CLI에 프로젝트 전용 지식을 주입하는 방법을 다룬다. 스킬의 개념을 이해한 뒤, AI에게 먼저 환경 분석을 시키고 그 결과에 맞는 스킬을 작성하는 흐름을 익힌다. 1. 스킬이 필요한 이유 같은 요청을 해도 에이전트의 응답이 매번 다를 때가 있다. 한 번은 함수형 컴포넌트로 짜고, 다음엔 클래스형으로 짠다. 파일명을 MyComponent.jsx로 만들었다가 … 더 읽기