디지털콘텐츠 No.1 (주)아사달 디자인센터
내정보 SI 도메인 호스팅 디자인몰 솔루션몰 홈페이지몰 모바일 디자인센터 게임 고객지원
로그인 회원가입 장바구니 주문내역
트렌드뷰 웹강좌 자료실
배경이미지
베스트 키워드
주간 월간 연간
검색  상세검색
이벤트 디자이너를 위한 디자인 세상 아사달이 만들어갑니다.
디자인센터 보유 현황 오늘어제이번달지난달누적
웹기획
HTML 사용법
포토샵 사용법
일러스트 사용법
플래시 사용법
일러스트 만들기
일러스트 배경 만들기
일러스트 아이콘 만들기
일러스트 그래픽 만들기
  - 그래픽 일러스트 소개
  - (꽃)장식/프래임 만들기
  - 패틴 만들기
  - 캘리그래피 만들기
  - 그래픽 만들기
  - 앱 활용 만들기
편집사진 만들기
배경 편집사진 만들기
사물 편집사진 만들기
플래시 모션 만들기
플래시 스크립트 만들기
웹구성 요소 만들기
웹 페이지 만들기
비즈니스 홈페이지 만들기
생활 홈페이지 만들기
쇼핑몰 홈페이지 만들기
태마 패틴 28
Home > 디자인 센터 > 웹강좌 > 일러스트 그래픽 만들기 > 태마 패틴 28
스마트 여성 배경 05 멀티 아트 세상 01 포인트 패틴 32 태마 패틴 28 샤이닝 패틴 42
다양한 패턴을 이용한 그래픽배경, 쇼핑, 비즈니스 등의 콘텐츠로 다양하게 활용할 수 있습니다.
1. Pen Tool로 예시와 같이 도형을 그립니다. 2. Mesh Tool로 도형의 한 부분을 클릭하여 메시 포인트를 추가한
후, 색상을 적용합니다.
3. 도형을 클릭하고 Alt를 누른 후 왼쪽으로 드래그하여 복사합니
다.
4. 복사한 도형을 선택하고 Reflect Tool - Horizontal을 이용하여
반전합니다.
5. 반전된 도형을 Free Transform Tool을 이용, 회전하여 예시와
같은 라인의 형태를 만듭니다.
6. 두 도형을 모두 클릭하고 Alt를 누른 후 오른쪽으로 드래그하여 복
사합니다. 복사한 두 도형을 선택하고 Reflect Tool - Vertical을 이용하
여 반전합니다. 그 다음 Mesh Tool을 선택, 컬러메뉴를 이용하여 예
시와 같이 색상을 변경합니다.
7. 도형을 모두 클릭하고 Alt를 누른 후 왼쪽으로 드래그하여 복사합
니다. 복사한 도형을 모두 선택하고 Reflect Tool - Horizontal을 이용하
여 반전합니다.반전된 도형을 회전하여 예시와 같은 라인의 형태를
만듭니다.
8. Rectangle Tool을 사용하여 라인 도형 위에 선과 면을 모두 제외한
사각형을 그립니다.
9. 도형을 모두 선택한 후, Object에서 Clipping Mask - Make를 클릭합
니다.
10. 예시와 같이 마스크가 씌워졌음을 확인할 수 있습니다.
11. Pen Tool을 선택하고 예시와 같이 3개의 도형을 면으로 그린 후
자연스럽게 겹쳐줍니다.
12. 도형을 모두 선택한 다음 Transparency - Multiply를 적용합니다.
우측의 Opacity의 숫자를 조정하여 명도를 조절합니다.
13. Gradient Tool을 이용하여 각각의 도형에 색을 채웁니다. 14. 3개의 도형을 모두 클릭하고 Alt를 누른 후 드래그하여 복사, 회전
하여 예시와 같이 형태를 만듭니다.(각 도형의 앵커 포인트를 직접
선택 툴로 선택하여 형태를 조금씩 변형하고, 각 도형의 위치 또한
변화를 줍니다.)
15. 13단계 - 3개의 도형을 한 번 더 복사, 확대하여 예시와 같이 형태
를 만듭니다. (각 도형의 앵커 포인트를 직접 선택 툴로 선택하여 형
태를 조금씩 변형하고, 각 도형의 위치 또한 변화를 줍니다.)
16. 15단계를 한 번 더 반복한 후, 복사한 도형을 모두 선택합니다. 그
다음 Free Transform Tool을 클릭하고 Bounding Box의 왼쪽 상단 모서
리 부분을 먼저 클릭한 후 Ctrl을 누른 채로 도형을축소, 변형합니다.
(각 도형의 앵커 포인트를 직접 선택 툴로 선택하여 형태를 조금씩
변형하고, 각 도형의 위치 또한 변화를 줍니다.)
17. 3개씩 묶여진, 총 4개의 완성된 도형들을 예시와 같이 배치합니다.
18. Rectangle Tool을 사용하여 정사각형을 그립니다. 19. 도형을 클릭하고 Alt를 누른 후 오른쪽으로 드래그하여 일정 간격
을 띄우고 나란히 복사합니다.
20. Ctrl + D를 눌러 도형을 여러 번 복사하고 일렬로 복사된 도형을 모
두 선택하여, 같은 형식으로 일정 간격을 띄우고 아래쪽으로 다시 복
사하여 예시와 같이 정사각형의 패턴을 만듭니다. 그 다음 모든 도형
을 선택한 후 그룹으로 묶습니다.
21. Gradient Tool을 클릭하고, 이때 동그란 구의 형태로 그레이디언트
효과를 주려면 Gradient의 Type에서 Radial을 클릭합니다. 그 다음 예
시와 같은 화살표의 방향으로 마우스 커서를 당겨 색을 채웁니다.
22. 완성된 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 그 다음 도형의 크기를 확대 혹은 축소하여 예시와 같이 다양
한 크기의 도형을 배치합니다.
23. Ellipse Tool을 선택하여 긴원과 작은 원을 그립니다. 24. Rotate Tool을 클릭한 후, 작은 정 원의 중심에 축을 두고 긴원을
회전시켜 도형을 복사합니다. Ctrl + D를 여러 번 눌러 꽃의 형태를
만듭니다.
25. 정사각형을 제외한 긴원의 도형을 모두 선택한 후 Transparency를
클릭. 우측의 Opacity의 숫자를 조정하여 명도를 조절합니다.
26. 완성된 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 그 다음 도형의 크기를 확대 혹은 축소하여 예시와 같이 다양한
크기의 도형을 배치합니다.
27. Ellipse Tool을 선택하여 두개의 원을 그립니다. 28. 두 도형을 모두 선택한 후 Pathfinder - Subtract from shape area
- Expand를 클릭합니다.
29. 완성된 도형의 안쪽에 Ellipse Tool을 선택하여 정 원을 그립니다.
(위치가 어긋날 경우, Align 기능을 사용합니다.)
30. 두 도형을 모두 선택한 후 Transparency를 클릭. 우측의 Opacity의
숫자를 조정하여 명도를 조절합니다.
31. 완성된 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 그 다음 도형의 크기를 확대 혹은 축소하여 예시와 같이
다양한 크기의 도형을 배치합니다.
32. Ellipse Tool을 선택하여 작은 원을 그립니다. 33. Rotate Tool을 클릭한 후 원을 회전시켜 복사합니다. Ctrl + D를 여
러 번 눌러 예시와 같이 점선 형태의 원을 만듭니다.
34. Ellipse Tool을 선택하여 라인(Stroke: 0.5pt)으로 원을 그립니다. 35. 33단계 원의 형태를 복사한 후 축소합니다.
36. Ellipse Tool을 선택하여 라인(Stroke: 1pt)으로 원을 그립니다. 37. 라인으로 그려진 두 원을 선택한 후 Object - Expand를 클릭하여
면으로 만듭니다.
38. 완성된 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 그 다음 도형의 크기를 확대 혹은 축소하여 예시와 같이 다양한
크기의 도형을 배치합니다.
39. Ellipse Tool을 선택하여 두개의 원을 그립니다. 40. 두 도형을 모두 선택한 후 Pathfinder - Subtract from shape area -
Expand를 클릭합니다.
41. 도형을 선택한 후, Ctrl + C -> Ctrl + F를 눌러 같은 자리에 도형을
복사합니다. 그 다음 도형의 크기를 축소합니다. 이 과정을 3번 더
반복하여 예시와 같은 도형을 완성한 후 그룹으로 묶습니다.
42. Gradient Tool을 클릭하고, Gradient의 Type에서 Radial을 클릭합니
다. 도형을 선택한 후 예시와 같은 화살표의 방향으로 마우스 커서
를 당겨 색을 채웁니다.
43. Rotate Tool을 클릭한 후 원을 회전시켜 복사합니다. Ctrl + D를 여러
번 눌러 예시와 같이 도형을 만듭니다.
44. 24단계의 도형을 복사하여 도형의 중앙에 배치합니다.
45. 컬러메뉴에서 예시와 같이 색상을 적용하고, Transparency를 클릭.
우측의 Opacity의 숫자를 조정하여 명도를 조절합니다.
46. 37단계의 도형에서 안쪽에 위치한 점선 형태의 원을 제외한 모든
도형을 복사하여 중앙에 배치합니다.
47. 컬러메뉴에서 예시와 같이 색상을 적용합니다.
48. 완성된 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 그 다음 도형의 크기를 확대 혹은 축소하여 예시와 같이 다양한
크기의 도형을 배치합니다.
49. 42단계, 45단계(꽃)의 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 그 다음 도형의 크기를 확대 혹은 축소하고 위치를
조정하여 예시와 같이 배치합니다.
50. 가장 아래쪽에 라인 배경(10단계)을 배치합니다.
51. 그 위에 원형 배경(17단계)을 가져옵니다.
52. 정사각형 패턴 배경(22단계)을 위치시킵니다.
53. 꽃 패턴 배경(26단계)을 그 위에 놓습니다.
54. 그 다음 원 패턴 배경(31단계)을 배치합니다.
55. 점선 원 패턴 배경(38단계)을 가져와 놓습니다.
56. 꽃과 원 패턴 배경(48단계)을 그 위에 올립니다.
57. 원과 꽃 배경(49단계)을 가져와 조합합니다.
58. Ellipse Tool을 선택하여 작은 원을 그립니다. 59. 컬러메뉴에서 예시와 같이 색상을 적용합니다.
60. 도형을 클릭하고 Alt를 누른 후 드래그하여 도형을 여러 개 복사합니다. 57단계 위로 가져와 예시와 같이 배치한 후 마무리합니다.
61. 완성
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 회사소개 사진모음 협력사 오시는길 이용약관 개인정보취급방침 전화상담안내 게시판문의 한국어 라인 이미지 中文 라인 이미지 日本語 라인 이미지 해시넷 라인 이미지 타고 라인 이미지 사이트맵 하단 메뉴 배경 이미지
하단 메뉴 배경 이미지
하단 메뉴 배경 이미지 사이트명 : 아사달닷컴 | 회사명 : (주)아사달 | 대표이사 : 서창녕 | 대표전화 : 1544-8442 | 팩스번호 : 02-2026-2008
사업자등록번호 : 206-81-24351 | 법인등록번호 : 110111-1940504 | 통신판매업신고 : 제18-890호 | 벤처확인번호 : 051134532200563
(우편번호 : 08507) 서울시 금천구 가산디지털1로 168 우림라이온스밸리 A동 8층 (주)아사달
(우편번호 : 153-786) 서울시 금천구 가산동 371-28번지 우림라이온스밸리 A동 8층 (주)아사달
Copyright ⓒ asadal.com All rights reserved.
인터넷 익스플로어 구글 크롬 모질라 파이어폭스
애플 사파리 오페라 넷스케이프
맨위로   접속통계
디지털콘텐츠 No.1 (주)아사달