![]()
Codecademy front-end engineer course DAY8 Learn CSS: Typography *Typography is the art of arranging text on a page - Font Family [폰트 설정] : 기본 설정은 Times New Roman, 웹페이지 당 폰트 종류는 3개까지만. h1 { font-family: Garamond; } - Font weight [글씨 굵기 설정] : If you want to get a bold text, then use the attribute 'bold' p { font-weight: bold; } p { font-weight: normal; } * number style header { font-weight: 800; }..
![]()
로고를 어떻게 만드는지 궁금했는데, 딱 맞는 영상을 찾아서 한번 따라해봤다. 직접 응용해 나만의 로고를 만들어도 좋을 것 같다. *필기 내용 - 직접 선택툴로 제대로 안 이어졌을 경우, 보기 -> 픽셀에 물리기 체크 해제. - 도형구성도구 선택 후, 드래그 하면 선이 면이 됨. - 윈도우 -> 그라디언트 적용해주기. - 그림자 지는 부분은 그라디언트 색 속성에서 HSB에서 B색상 어둡게 빼주기. - ctrl+Y 누르면 선으로 변함 - 꼭지점선택툴, shift누르고 방향키 누르면 늘어남. - 오브젝트 -> 확장 -> 확인 [모양 확정됨] - Ctrl+ G :그룹 - Ctrl + C + Ctrl+F - 이펙트 -> 스타일 -> 그림자 만들기 다음은 내가 참고한 영상이다. https://www.youtube...
![]()
일러스트레이터로 만들어놓은 아트웍을 포스터화하기 위해 포토샵을 배우고 왔다. 다행히도 영상을 보며 따라해 마무리했지만, 초보자인 나에게 8분은 무리였다. 또한 완벽하게 따라하지 못해 아쉽다. 다양한 artwork를 만들어 내려면 연습이 더 필요할 것 같다. 아래는 내가 따라한 동영상 링크. https://www.youtube.com/watch?v=VGrILMadHFU
![]()
*포토샵 단축키 - 전체선택 ctrl+A - 전체선택 해제 ctrl+D - 레이어 병합 ctrl+E - 레이어 복제 ctrl+J - 크기조절 ctrl+T - Ctrl + 레이어 썸네일 클릭 -> 선택된 영역 안에서 편집 가능 - 되돌리기 ctrl+z - 다시실행 shift+ctrl+z - 마지막상태전환 alt+ctrl+z (바로전만 볼 수 있음) - [ -> 키우는 단축키 - ] -> 줄이는 단축키 - 레이어 추가 ctrl+shift+n - 검은색 배경 칠하기 alt+delete - 정돈 shift+ctrl+ / - 안내선 잠그기 Alt+Ctrl+; - 안내선 체크 Ctrl+; - 레벨 ctrl+l - 색조/채도 Ctrl+U - 색상 균형 Ctrl+B - 흑백: shift+ctrl+U 디자인 베이스의 총..
![]()
Codecademy front-end engineer course DAY7 Learn CSS: Color - Introduction of Color [색 표현법 종류] Named Color English words that describe colors, also called keyword colors RGB numeric values that describe a mix of red, green, and blue HSL numeric values that describe a mix of hue, saturation, and lightness - Two types of Color[배경색, 글씨 색] color this property styles an element’s foreground color. bac..
![]()
Codecademy front-end engineer course DAY6 Deploy a site with Github Pages Developing with CSS Semantic CSS - What is Github? : GitHub hosts that folder so that it is accessible to you and your teammates from anywhere in the world. https://www.youtube.com/watch?v=2MsN8gpT6jY&feature=youtu.be - Making Website with github [깃허브로 간단한 웹페이지] http://KwonET.github.io https://kwonet.github.io/ kwonet.gith..
![]()
Codecademy front-end engineer course DAY5 Learn CSS: Selector and Visual Rules [2) CSS visual rules] Getting started with Text Editors - CSS structure [CSS 구조] :The entire code must be surrounded by selector :The property and value are separated by a colon (:). A semicolon (;) should always be used at the end of a declaration. property the property you’d like to style of that element (ex. color,..
Codecademy front-end engineer course DAY4 Learn CSS: Selector and Visual Rules [1) CSS setup and Selector] - Inline Style [인라인] : add CSS attribute directly next to the HTML tag. I'm learning to code! - The style tag : you can specify which elements to apply the styling to. - Linking the CSS file [CSS 파일 링크 걸기] href attribute must be the address, or path, to the CSS file. type describes the type..
