오늘보다 더 나은 내일

1. css diner https://flukeout.github.io/ CSS Diner A fun game to help you learn and practice CSS selectors. flukeout.github.io - css 선택자 학습 게임 - 예시에 따라 음식과 접시 도시락 상태의 코드를 입력하면 다음스테이지로 넘어 간다. 2. flexbox froggy flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com - css 속성중 레이아웃 관련한 flex속성 학습을 위한 게임 - 예시에 따라 개구리를 연꽃으로 보내면 다음 스테이지로 넘어간다. 3. flexbox defense www.flexb..

※ Gradient mesh : 그라디언트와 메쉬만으로 표현할 수 없는 색상 범위를 연출해줄 수 있는 기능이다. - 먼저 접목된 그라디언트 방향을 따라 메쉬를 추가 형성할 수 있는 기능이다. - 기존의 그라디언트에 메쉬의 색상을 추가하고 싶을 때 - 사선형태의 색상 넣고싶을 때 사용할 수 있다. - 조건 및 작업 순서 1) 작업할 오브젝트의 면에 그라디언트 대입 2) 알맞는 타입의 그라디언트 항목 설정 - 리니어 타입 : 수직, 수평 메쉬 - 라디얼 타입 : 사선 메쉬 3) 작업에 방해되는 스트로크 속성 미리 제거한다. 4) 메쉬 추가하기 위해서 그라디언트 물체 익스팬드 5) 익스팬드 진입 후 그라디언트 메쉬 체크 적용 6) 채색 작업 편리하게 진행하기 위해 걸려있던 그룹과 클리핑마스크를 해제 7) 분리..

1. HTML(Hyper Text Markup Language) - 웹 페이지를 만드는 언어 - 1990년대 영국의 물리학자 팀 버너스리가 연구소의 연구원들이 신속하게 정보와 문서를 공유의 목적으로 개발 2. 문법 - html은 태그들의 집합 1) 태그 (tag) : 무언가를 표시하기 위한 이름표. 시작태그 종료태그 2) 요소 (elememt) : 내용을 포함한 태그전체 3) 속성 (attribute) : 정보를 추가하거나 태그동작을 제어 할 수있는 설정값 하나의 태그에 여러 속성값 가능 선언 순서 상관없음 4) 태그중첩 (nesting tags) : 태그는 중첩이 가능하다. 자식이 부모태그에 벗어나면 안된다 5) 빈 태그 (empty tag) : 시작 태그만 있는 태그, 내용이 없음 ex) ,,등 6)..

1. 로고 (1) 로고란? 제품, 상점, 브랜드의 상징이 잘 드러날 수 있도록 만든 홍보 수단 중 하나이다. (2) 좋은 로고 디자인 1) 제품이나 회사가 지닌 이미지를 쉽게 전달할 수 있어야 한다. 2) 인상깊고 기억에 남아야한다. 3) 모든 매체에 활용될 수 있어야 한다. >이 사항들을 모두 실현하려면 간략하지만 임팩트 있는 디자인 > 회사가 전달하고자 하는 이야기 및 사상이 무엇인지 파악해야만 적절한 스토리텔링이 부여된다. (3) 로고종류 1) 시그니처 로고 : 심볼과 텍스트를 적절히 결합한 로고의 형태를 말한다. - Corporate Identity : 기업이나 단체가 가지고 있는 이미지를 시각화한 디자인을 말한다. 삼성, 엘지, 현대의 로고 등이 있다. - Business intelligence..

2020. 11. 28 (토) 강사: 꿈을 담은틀 조요한 실장 ※ 퍼스널브랜딩이란? 자신을 브랜드화 →자신의 가치와 연봉을 높인다 ※ 웹디자이너의 평균 수명은 대략 10년으로 길지 않다. 은퇴후 관리자 기획자 마케팅 등 방향전환 → 틈틈히 자기의 특색과 개성을 살려 도전하고 준비. ※ 퍼스널브랜딩 3요소 1) 능동 - 억지로하면 지속불가능 - 목표달성시 자기보상 부여 - 무의식적인 나의 행동 분석 2) 구체화 (행동) - 기본기 충실한 - 가성비 좋은, 작업속도가 빠른 - 소통이 원만하여 알아서 척척 - 패셔너블 감성 인재 ( 미팅 시 첫인상, 이미지 메이킹, 포스, 카리스마, 어투 등) - 대체불가한 (자신만의 시그니처 디자인) 3) 특정분야 - 디자인의 분야는 다양 산업, 웹, 그래픽, 일러스트, 건..

※ outline stroke (상단메뉴 - 오브젝트 - 패스) - 선을 면으로 확장시켜주는 기능이다. 1. polygon art - 입체의 가장 작은 단위인 폴리곤이라는 면으로 이미지를 유사 3D 형태 표현해주는 작업 방식 말한다. 1) 3각형 : 섬세한 느낌의 결과물 / 4각형 : 투박한 느낌의 결과물 2) 조각의 양 - 조각의 양이 적을 때 : 비현실적인 분위기 - 조각의 양이 많을 때 : 정교하고 실사와 가까운 표현으로 사용할 수 있다. 3) 통일성 있어야 짜임새 있게 끝난다. 삼각형 조각은 삼각형 조각으로 사각형 조각은 사각형 조각으로 마무리 4) 제작이 끝난 폴리곤 조각은 잠궈가며 관리하는 것이 다음작업에 편리하다. → pen tool은 del, 애드앵커 포인트툴 자동으로 호환하여 다음 조각 ..

1. mesh tool(U) - 포인트 이동 (tool + shift+ 이동) : 이동거리에 맞춰 핸들길이 조절되어야만 자연스러운 연출 나옴 - 선택물체 잠금 (ctrl +2) - 잠금 해제 (ctrl + alt + 2) - 클리핑 마스크 (ctrl + 7) ※ transform panel(shift+F8) - 선택 물체를 세부적인 변형할 수 있도록 만들어주는 패널 ※ offset path (상단메뉴 - object- path) - 가로 세로 폭이 다른 물체에 모두 같은 여백두어 사이즈 늘리거나 줄여줄 수 있는 기능이다. ※블렌딩 모드 표현은 음영값 조절하여 합성 표현의 큰 틀을 조정해나갈 수 있다. 2. 아이콘 (1) 제작 시 유의할 점 1) 아이콘 디자인 스타일 통일 : 면과 면/ 선과 선/ 색상 단..

1. mesh tool (U) - 한 오브젝트에게 두 개 이상의 포인트를 찍어 채색 할 수 있는 툴 - 메쉬 선 모양 바꿔주면 그 모양대로 색상이 흘러 그라디언트보다 자유롭고 정교한 색상 표현 가능함 - 메쉬 포인트 생성 전 표현할 물체와 관련 된 색상 미리 대입해두는 것이 좋다. 2. lasso tool (Q) - 마우스 클릭 드래그하여 포인트를 중복선택할 수 있는 툴이다. 3. create gradient mesh ( 상단메뉴 - object ) - 선택된 오브젝트에 수치 맞춰 균일한 간격으로 메쉬 생성해줄 수 있는 기능 - 이미 메쉬가 입력되었던 오브젝트에게는 기능 활성화 되지 않는다. - 처음부터 복잡한 형태의 물체에 메쉬 생성하면 메쉬 선이 불규칙하기 때문에 색상을 자연스럽게 대입하기 힘들 때가..

※ 블렌드 연결 : ctrl+alt+B ※ 클리핑마스크 : ctrl+7 ※ 선택 물체 잠금 : ctrl+2 ※ 효과 적용된 물체를 expand 하면 일반적으로 전환되면서 클리핑마스크의 프레임까지 같이 드러남 ※ 아이소메트릭 가이드에 라이브페인트 작업 수월하게 하기 위해서는 가이드 색상을 모두 투명으로 전환(ctrl+Y) ※ 아이소메트릭 그리드에서 라이브 페인트 물체 추출하기 1) 그리드가 투명인 상태에서 expand 눌러 확장하기 - 투명이었던 그리드는 사라지고 채색된 물체만 남는다. 2) 익스팬드 확장 전 그리드에 색상 설정 후 확장하면 둘을 분리 격리시킬 수 있다. - 익스팬드 후 그룹이 두 번 걸려있기 때문에 그룹 두 번 풀어준 후 그리드와 물체를 떼어내면 된다. 1. mesh (U) - 한 도형에..

※ 3d 이펙트 전 표현할 물체가 전부 담겨있는 구도를 타겟으로 평면도 제작하면 된다. ※ 복수의 개체가 마치 한 장과 같이 작업되었음 할 때에는 패스파인더로 합치거나 그룹으로 묶어주면 된다. ※ effect 적용된 물체 사이즈 수정하는 방법 1) expand appearance(상단메뉴-object) - 도형이 수치로부터 벗어나기 때문에 사이즈 조절에도 비율 변하지 않음. 그러나 이펙트만의 수정은 절대 할 수 없음. 2) scale strokes&effect (ctrl+k 환경설정) - 체크 시 조절되는 사이즈에 맞춰 수치가 알맞게 변환 됨 ※ offset path (상단메뉴 - object - path ) - 선택된 물체에게 모두 같은 여백 두고 줄이거나 늘려줄 수 있는 기능이다.

※ blob brush 셋팅하여 노이즈 질감 표현 가능 1. magic wand tool (Y) - 선택된 속성과 동일한 것들을 모두 선택할 수 있는 툴이다. (1) image trace - 비트맵 형식의 이미지를 설정사항에 맞춰서 벡터 그래픽화 시켜줄 수 있는 기능이다. - 픽셀을 벡터로 전환해주기 때문에 이미지의 품질을 디자인에 깨끗하게 활용할 수 있다. - 블랙 & 화이트, 스케치 아트, 실루엣 : 이미지를 흑백으로 변환하여 도형과 같이 디자인의 일부로 활용할 때 이용 - 이미지 트레이스 후 도형과 같이 분리시켜 사용할 예정이라면 expand - expand 후,그룹 자동으로 걸려있어 풀어준 뒤 사용해야 한다. 2. live paint (1) live paint - 빠른 채색 도구 툴 - 면처럼 인..

1. 3D effect - blend step : 곡면 단계 표현 (수치가 올라갈 수록 그림자 표현이 자연스러움, 플랫 디자인 활용 시 낮은수치 1 권장) - 3d effect와 같은 물체는 expand 후 그룹과 클리핑마스크 걸려있어 이 설정값을 풀어줘야 개별적 도형활용 가능 - 이전 사용 이펙트 추가 (ctrl+shift+E) - 이전 사용 이펙트 창 띄우기 (ctrl+shift+alt+E) 2. clipping mask(ctrl+7) - 가장 상위에 있는 프레임 도형과 교차한 하위 면적만 드러낼 수 있는 기능이다. - 수많은 물체를 원하는 부위만 드러내기에 적합한 작업 기능이다. - 조건 및 주의사항 - 프레임으로 활용할 물체는 모든 물체 중 가장 상단에 있어야 한다. - 프레임 도형은 펜툴 도형,..