전체 글 (72) 썸네일형 리스트형 Illustator 일러스트레이터 배우기 4일차. 정돈과 정렬(Arrange & Align) Tip: 배경만들때 새로운 레이어 만들어서 사각형 만들기로 바꿔준다음 잠금 배경 레이어는 레이어 순서 맨 아래에 둠 어레인지 Arrange 는 배치 순서 개체 선택후 마우스 오른쪽 버튼으로 사용가능하지만 단축키 많이 씀 정렬은 수평을 맞추고 분포는 간격을 맞춘다. 개체를 선택하면 옵션바에도 Align 패널이 나타난다. 빨간색 표시된 부분을 가장 많이 사용함 정렬할 개체가 많을 때는 한 줄씩 하는 것이 용이하다. 그리고 그룹을 잡아준다. 이미 정렬과 분포가 완료된 개체들의 그룹을 잡아주어 기준을 정해주는 것이 좋다. 정렬과 분포를 하는 방법은 여러가지가 있을 수 있는데 자기에게 맞는 방법을 많이 연습하는 것이 중요할 것 같다. Illustator 일러스트레이터 배우기 3일차. 변형 (Transform) 복습 핫도그 그리기 모서리가 둥근 사각형 만들기. 방향키로 둥글기 조절하능, 그리고 사각형 그린후 안쪽 원을 안쪽으로 당겨도 둥근모양으로 만들기 가능 핫도그 중심에 막대만들기 Alt이용 소스 만들기 사각형 툴로 Z자 만들기 복사하여 만들기 3일차_변형(Transform) 선택툴로 선택 후 사용할 변형툴 클릭 (Ctrl : 선택툴과 연동) 중심축_중심 그대로 : 변형툴 더블클릭 _변경 : Alt 클릭 -Rotate Tool : R -Reflect Tool : O _Horizontal : 상하반전 _Vertical : 좌우반정 _Angle : 각도기준 반전 -Scale Tool : S _Uniform : 정비율 _Non-Uniform : 가로, 세로 비율 각각 조절 _Scale Corners : 모서리 둥근.. Illustator 배우기 2일차 도형과 선택 (Figure & Selection) 모형 그리기 -Rectangle Tool : M 사각형 -Round Rectangle Tool : 모서리가 둥근 사각 _둥근 정도 조절 : 방향키 -Elipse Tool : L 원형 -Polygon Tool : 다각형 _선의 개수 조절 : 방향키 -Star Tool : 별형 _점의 개수 조절 : 방향키 방향키로 둥글기 조절, 드레그하는 손을 떼지 않고 조절가능 다각형의 각수 조절가능 *Line Segment Tool* : 선형 -Arc Tool : 곡선형 (오픈형/클로스형) 시작점과 끝지점이 다름- 열린타입 오픈패스 같음- 클로즈 패스 -Spiral Tool : 나선형 Ctrl D 똑같이 복사 : 복사한 직후에 사용 가능 똑같은 간격으로 계속 복사 스트로크 패널은 윈도우 메뉴에서 선택할 수 있다 선의 굵.. 일러스트레이터 1일차 강의 요약 벡터이미지기반 점과 점을 연결하여 생성하는 수학적 패스에 선 면을 표현하는 이미지 크기 조절에도 해상도 변화없음 사진을 보정하는 색상표현에 한계가 있음 비트맵 이미지-포토샵 픽셀 점들로 구성된 이미지 장점, 다양한 색상, 색상을 보정하는 작업에 적합함 이미지 크기조절 시 해상도가 떨어질 수 있음 요약하면 벡터기반 이미지는 출력물에 적합한 작업을 수행할 수 있다. *자주 사용하는 단축키* 1.새로운 문서열기 : Ctrl + N 2.파일 열기 : Ctrl + O 3.이미지 불러오기 : File - Place (옵션바 Embed) 4.확대 축소_ 줌 툴 _Ctrl + - _Alt 마우스휠 (가장 많이 사용) _스페이스바 : 화면이동 _Ctrl + 0 프로그램에 맞춰보기 5.실행 취소 : Ctrl + Z 6.되.. 비전공자가 유튜브 보고 웹사이트 만들기3 <CSS 기초> CSS CSS Zen garden 사이트는 CSS가 사이트에 얼마나 큰 변화를 주는가 알려주는 사이트이니 참고하면 좋다. 아래 링크 https://www.csszengarden.com/pages/alldesigns/?pg=2 CSS Zen Garden: All Designs www.csszengarden.com CSS는 웹사이트에서 사용자에게 보이는 디자인을 정해주는 것이다. 예를 들면 텍스트의 크기라던지 색을 바꿀 수 있으며 원하는 그레픽도 가능하게 해주는 코드를 작성할 수 있다. CSS 사용법은 아래 세가지가 있다. 1. css 파일 연결 2. style 태그 3. inline style 1. CSS 파일을 연결 VSC에서 새로운 파일을 만들어 준다. CSS 파일이름은 보통 style.css 로 해준.. 포토샵 배우기 복습 1일차 <레이어와 이동, layer - move> 1일차_단축키 1.새로운 문서 열기 : ctrl n 2.이미지,파일 불러오기 : ctrl o 3.이동툴 : ctrl t 4.확대,축소_ctrl + - _줌툴 _alt+ 마우스휠 _화면 이동 : 스페이스바 5.화면크기에 맞추기 :ctrl 0 6.이미지 원본크기에 맞추기 : ctrl 1 7.실행 취소 : ctrl z 8.되돌아가기 : ctrl shift z 9.저장하기 : ctrl s 10.다른 이름으로 저장하기 : ctrl shift s 11.전경색 채우기 : alt 백스페이스 12.배경색 채우기 : ctrl 백스페이스 13.복사,붙여넣기 : alt 드레그 (이동툴) 14.레이어 복사 : ctrl j 15.레이어 패널 : f7 16.레이어 다중선택_개별 : ctrl _전체 : 1 shift 마지막 17.닫.. 비전공자가 유튜브 보고 웹사이트 만들기2 <오픈소스로 웹사이트 만들기> https://howtobeefiifient.tistory.com/category/Coding/Web 'Coding/Web' 카테고리의 글 목록 howtobeefiifient.tistory.com 오픈 소스 이용하여 html 코딩하기 오픈소스는 코딩 마트에서 장을 보는 것과 같다. html 직접 작성할 필요 없이 구글이나 다른 사이트에서 이미 작성된 템플릿을 가져와 사용한다. 구글에서 html free template 검색해서 무료 사이트에 접속한다. https://www.free-css.com/free-css-templates Download 3459 Free Website Templates - CSS & HTML | Free CSS www.free-css.com 단, 저작권 주의해야 한다. 다운로드 .. 비전공자가 유튜브 보고 웹사이트 만들기 1 <html 기초> https://howtobeefiifient.tistory.com/category/Coding/Web 'Coding/Web' 카테고리의 글 목록 howtobeefiifient.tistory.com 개발환경설정하기 1. 구글 크롬 설치 (추천사항) 2. VSC 설치 (Visual Studio Code) https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and .. 이전 1 ··· 6 7 8 9 다음
