본문 바로가기

Web design edu

원근감 그리기 - Perspective Grid Tool (일러스트 강좌) 웹디자인을 위한 일러스트 왕초보 강좌입니다 1. 원근감을 주는 Perspective Grid Tool 툴을 선택하면 왼쪽 위에 그리드 위젯이 뜨는데..작업할 면을 선택하는 기능 2. 원근감 선택 도구 Perspective Selection Tool 로 간판에 글자 넣을때 자동으로 원근감 있게 글자가 기울어진다 ex) 글자를 입력 후 원근감선택도구를 이용해 글자를 이동시켜주면 된다 3. Shift + Ctrl + i 를 선택하면 그리드선이 없는 이미지를 미리보기로 볼 수 있다 다시 누르면 그리드가 다시 나온다 더보기
외곡효과 - 이미지 찌그러트리기 (일러스트 강좌) 웹디자인을 위한 일러스트 왕초보 강좌입니다 다양한 외곡효과 Warp tool : 손가락으로 이미지를 누른듯한 변형 Twirl Tool : 이미지가 소용돌이처럼 섞인다 Pucker Tool : 안쪽으로 찌그러트리는 효과 Bloat Tool : 바깥으로 팽창시키는 효 Scallop Tool : 찢어진듯한 효과 Crystailize Tool : 깨진듯한 효과 Wrinkle Tool : 구불구불 효과 더보기
Pathfinder 를 사용하여 도넛 이미지 만들기 (일러스트 강좌) 웹디자인을 위한 일러스트 왕초보 강좌입니다 겹치는 부분을 처리하는 Pathfinder 두개 이상의 겹치는 오브젝트로 필요 없는 부분을 지우거나 필요한 부분을 더해 하나의 새로운 덩어리로 만들 수 있다 ex) 도넛이미지 만들때 Window - Pathfinder 로 팔레트를 열어주고 동그라미 오브젝트 두개가 겹쳐있을 때 두 동그라미를 선택 한 후 패스파인더의 두번째옵션을 선택해주면 위에있는 동그라미는 지워지고 밑의 동그라미만 남아 도넛 모양이 된다 더보기
일러스트레이터의 다양한 편집툴 - Scale, Width, Reflect, Shear 웹디자인을 위한 일러스트 왕초보 강좌입니다 Reflect : 오브젝트를 거울에 비친 것 처럼 상하 좌우 방향으로 반전시켜 주는 툴이다. 툴을 더블클릭하면 옵션창이 뜬다 Scale : 드레그로 오브젝트 크기를 조절하는 것 처럼, 수치를 입력하여 오브젝트를 축소, 확대시킬 수 있다. Window-Transform 패널을 통해서도 가능하다. Shear : 오브젝트에 기울임이나 비틀임 변형을 주는 도구이다. 대화상자를 통해 각도와 방향을 설정해 줄 수 있다 오브젝트 기울이기 Width : 선의 굵기 조절을 자유자재로 할 수 있다. 더보기
일러스트레이터 회전 Rotate 툴을 사용하여 시계 그리기 웹디자인을 위한 일러스트 왕초보 강좌입니다 일러스트에서 회전시키기 Rotate 툴 1. 회전복사를 해야할 오브젝트를 선택한다 2. alt 키를 누르며 중심점을 클릭하면 옵션 팝업창이 뜬다 3. 30도 입력하고 copy 버튼 클릭하면 30도간격으로 한개가 복사되고 4. Ctrl+d 를 누르면 방금 전 작업을 반복하며 30도씩 계속 복사된다 더보기
일러스트레이터 브러쉬툴로 캘리그래피 사용법 웹디자인을 위한 일러스트 왕초보 강좌입니다 Window-Brushes 메뉴를통해 브러쉬 팔레트를 꺼낼 수 있다 브러쉬라이브러리에 보면 'bristle brush:강모브러시'는 실제 붓터치 느낌이 난다 캘리그래피란? 캘리그래피란 그리스어로 아름다움을 뜻하는 Kallos 와 서풍, 서법, 서예를 뜻하는 Graphy 라는 단어의 합성어로 글자를 아름답게 도형화하는 기법이다. 이 캘리그래피 기법을 통해 일러스트에서 브러시 툴을 이용해 작업한 작품은 작업물 자체로도 많이 쓰이고 포스터에도 자주 활용된다. 캘리그래피처럼 선 속성의 브러쉬툴이 아니라 면의 속성을 가진 'Blob brush' 툴도 있다 이 툴로 사용하면 글자를 선속성, 면속성 따로 다르게 디자인 할 수 있다 또한 글자에 패턴이나 색상을 다양하게 입힐 .. 더보기
일러스트레이터의 블렌드툴로 기하학 모양 만들기 웹디자인을 위한 일러스트 왕초보 강좌입니다 블렌드툴 은 두개이상의 오브젝트에 사용한다 1. 블렌드툴을 선택 후 두개의 오브젝트를 하나씩 선택하면 그중간값을 자동으로 만든다 2. 블렌드툴을 더블클릭하면 옵션창이 뜨고 Spacing 값을 중간값으로 한 후 20 으로 수치를 입력한다 기하학적인 무늬에도 사용 가능하다 더보기
일러스트레이터 매쉬툴로 사실적 색칠하기 웹디자인을 위한 일러스트 왕초보 강좌입니다 일러스트레이터의 매쉬툴을 사용하면 사실적으로 채색이 가능하다 1. 도형을 그린 후 매쉬툴 선택 -> 오브젝트 안에서 클릭해준다 2. Mesh Point가 생기고 그 부분만 색상을 다시 변경해주면 Mesh Point 중심으로 선택 색상이 입체감 있게 적용된다. 이렇게 부분부분 색상을 세밀하게 만들 수 있다 사실적인 표현도 가능 ※ 매쉬툴은 alt키를 누르면서 선을 클릭하면 선택 매쉬선을 삭제 가능하다 ※ [object] - [create gradient mesh] 를 선택하면 매쉬를 망사형 한번에 만들 수 있는 창이 나온다 더보기
일러스트레이터 Swatches 팔레트에 패턴 등록하기 웹디자인을 위한 일러스트 왕초보 강좌입니다 1. 패턴 등록하기 Swatches 오른쪽 버튼을 누른 후 'Open swatch library:견본 라이브러리 열기' 메뉴를 이용하면 작업 성격에따라 색상이나 패턴 모음을 불러올 수 있다 2. 패턴 새로 만드는 방법 도형이나 패턴을 그린 후 드래그로 선택하여 그대로 swatches 팔래트위로 드래그하면 등록된다 ex) 별두개를 그린 후 선택하여 swatches 팔레트 위로 드레그 더보기
일러스트레이터로 그라데이션 효과 주기(그라디언트 툴) 웹디자인을 위한 일러스트 왕초보 강좌입니다 그라데이션 효과 주는 방법 1. 먼저 swatches 팔레트에서 그라디언트 모양으로 색상을 변경해준 후 2. 해당 오브젝트를 선택하고 그라디언트 툴을 선택하면 바가 하나 생긴다 (방향을 조절할 수 있고, 끝부분을 더블클릭하면 부분적인 세밀한 색상을 다시 선택할 수 있다) 3. 그라디언트 툴을 더블클릭하면 옵션창이 나오는데 type을 Radial로 하면 원형모양으로 그라데이션이 생긴다 4. 그 옵션창에서 색상바의 아래 중간을 클릭하면 그 부분에 화살표가 생기면서 새로운 색상으로 추가할 수 있다(파란색을 추가한 사진) 더보기