당신은 주제를 찾고 있습니까 “일러스트 그래프 – 우디 LIVE #54 – 일러스트레이터에서 그래프 예쁘고 편하게 만드는 법“? 다음 카테고리의 웹사이트 ppa.maxfit.vn 에서 귀하의 모든 질문에 답변해 드립니다: https://ppa.maxfit.vn/blog/. 바로 아래에서 답을 찾을 수 있습니다. 작성자 롤스토리디자인연구소 이(가) 작성한 기사에는 조회수 7,569회 및 좋아요 132개 개의 좋아요가 있습니다.
일러스트 그래프 주제에 대한 동영상 보기
여기에서 이 주제에 대한 비디오를 시청하십시오. 주의 깊게 살펴보고 읽고 있는 내용에 대한 피드백을 제공하세요!
d여기에서 우디 LIVE #54 – 일러스트레이터에서 그래프 예쁘고 편하게 만드는 법 – 일러스트 그래프 주제에 대한 세부정보를 참조하세요
새벽에 일이 막혀서(?) 그래프 예쁘게 만드는 방법이나 알려 드릴게요..ㅎㅎ
#롤스토리 #일러스트레이터 #그래프
———-
‘학원은 왜가? 우디와 함께 독학하자!’
오늘도 도움 되셨나요? 그럼, 우디에게 힘이 되는 구독\u0026좋아요\u0026알림 버튼 꾹~ 부탁드립니다 😍
실무 디자이너가 되는 그날까지, 롤스토리디자인연구소가 언제나 함께 할게요 🙂
본 영상에 사용된 버전은 Adobe CC 2021 및 Mac(애플컴퓨터) 환경이며,
화면에 보이는 맥용 단축키는 아래의 윈도우키와 같습니다.
⌘(command) = ctrl / ⌥(option) = alt / ⇧ = shift
◼︎ 📕유튜브 채널 운영을 위한 포토샵 디자인 (우디 지음)
– 네이버 책 소개 : http://bit.ly/woody_book
– 예스24 구매 : http://bit.ly/woody_yes
– 교보문고 구매 : http://bit.ly/woody_kyobo
◼︎ 영상에 사용된 음악 / 효과음 / 영상 소스는 아트리스트와 아트그리드를 이용 했습니다.
아래 링크로 가입하면 추가 2개월 혜택이 있으며, 저에게도 소정의 혜택이 있습니다.
🎵Artlist I 무제한 라이선스의 음원 \u0026 효과음 – https://bit.ly/2P9oeLI
🎥Artgrid I 고품질 영상 소스 – https://bit.ly/3lQMtdJ
◼︎ 광고/비즈니스/개인 문의 [email protected]
◼︎ 우디에게 디자인 의뢰하기 https://open.kakao.com/o/sPDMl4tc
(오픈채팅 상담은 디자인 의뢰 문의 외, 개인적인 질문엔 답변하지 않습니다)
◼︎ 로고 주문서 작성하기 https://bit.ly/3mEu0RP
(로고 외 디자인은 오픈채팅 상담을 이용해 주세요)
■ 롤스토리디자인연구소 인스타그램 http://www.instagram.com/woody_seo/
■ 롤스토리디자인연구소 블로그 http://rollstory.tistory.com/
이 영상의 저작권은 롤스토리디자인연구소에게 있으며, 무단 복제 및 도용을 금지합니다. Copyrightⓒ2018 Rollstory Design Lab All rights reserved.
일러스트 그래프 주제에 대한 자세한 내용은 여기를 참조하세요.
일러스트 그래프 그리는 방법 – 네이버 블로그
1. 일러스트에는 9가지 종류의 그래프를 손쉽게 그릴 수 있는 그래프 도구가 있다. · 2. 먼저 가장 첫 번째 기둥 그래프를 그려보기 위해, 그래프를 선택 …
Source: m.blog.naver.com
Date Published: 12/30/2021
View: 7132
[일러스트레이터] 10강 그래프를 이용한 다이어그램 만들기
원형그래프를 선택. 2. 화면에 드래그 후 데이터시트 작성. 2. 그래프화 되어 있는 오브젝트 확인. 3. [Graph]객체를 일반 도형으로 깨주는 기능을 …
Source: ossam5.tistory.com
Date Published: 2/10/2022
View: 8214
주제와 관련된 이미지 일러스트 그래프
주제와 관련된 더 많은 사진을 참조하십시오 우디 LIVE #54 – 일러스트레이터에서 그래프 예쁘고 편하게 만드는 법. 댓글에서 더 많은 관련 이미지를 보거나 필요한 경우 더 많은 관련 기사를 볼 수 있습니다.
주제에 대한 기사 평가 일러스트 그래프
- Author: 롤스토리디자인연구소
- Views: 조회수 7,569회
- Likes: 좋아요 132개
- Date Published: 실시간 스트리밍 시작일: 2021. 5. 23.
- Video Url link: https://www.youtube.com/watch?v=f9tFc3kg7Qw
Illustrator에서 그래프를 만드는 방법
그래프를 시작할 모서리에 포인터를 놓고 대각선 반대편 모서리로 드래그합니다. Alt 키(Windows) 또는 Option 키(macOS)를 누른 상태에서 드래그하여 중심에서부터 그래프를 그립니다. Shift 키를 누르면 그래프가 정사각형으로 제한됩니다.
그래프를 만들 위치를 클릭합니다. 그래프의 폭과 높이를 입력하고 확인을 클릭합니다.
참고: 정의하는 크기는 그래프의 기본 크기이며 그래프의 레이블과 범례는 포함하지 않습니다.
[일러스트레이터] 10강 그래프를 이용한 다이어그램 만들기
728×90
반응형
** 다이어그램 예시
– 정확한 수치로 다이어그램 만들어 보기
1. 원형그래프를 선택
2. 화면에 드래그 후 데이터시트 작성
2. 그래프화 되어 있는 오브젝트 확인
3. [Graph]객체를 일반 도형으로 깨주는 기능을 사용
4. [group]으로 되어 있는지 확인
5. 그룹을 해제하고 a,b,c글자 삭제
6. 그래프를 일단 도형으로 만들면 불필요한 선레이어 생성
7. 레이어패널의 동그라미 부분을 선택하여 불필요한 선 부분을 모두 제거
- 삭제후 모습
8. 위에 다른 색으로 원 그리기
9. 모두 선택하고 [pathfinder]의 [merge]기능
– 눈에 보이는대로 같은색끼리는 합치고 다른색은 나눔
10. 그룹을 해제하고 주황색을 지움
11. 색상 변경과 회전, 글자 작성 후 마무리
728×90
반응형
[일러] 심플하고 이쁜 원형그래프 그리기
심플한 원형그래프 그리기
블로그를 운영하다 보면 숫자나 통계를 인용할 때 그래프를 그리고 싶을 때가 많은데요. 사실 그때마다 그래프를 그리는 게 귀찮은 게 사실입니다.
하지만 꼭 필요할 때는 각자 손에 익숙한 툴을 사용하실 텐데요. 오늘은 간단하고 심플한 원형그래프를 일러스트레이터로 그려보겠습니다. 경우에 따라서는 파이그래프,도넛그래프,원형차트 라고 부르기도 하는데요.
파이그래프 예시
오늘 그려볼 그래프입니다. 쉽게 간단합니다. 천천히 따라오시면 됩니다! 영문 버전용 명령어를 따로 표시하겠습니다.
그래프 도구 4부작
1. 파이그래프
2. 막대그래프
3. 누적 막대그래프
4. 선그래프
만들기 시작
필요한 작업을 하실 때는때는 항상 정확한 크기를 정하고 시작하는 습관을 갖는 게 좋습니다.
모든 명령어 적용 시 적용할 오브젝트 선택은 필수입니다. 명령어 적용 시 클릭과 더블클릭은 좌클릭! 숨어있는 추가 정보를 보거나 그래프에서 데이터 수정처럼 특별한 경우에만 우클릭!
1. 대지 만들기
Artboard
1000px × 1000px
색상모드
Color Mode
RGB
레스터효과
Raster Effects
72ppi
2. 그래프도구
그래프도구(J)를 우클릭을 하면
9가지 그래프 형태가 나옵니다.
파이그래프 선택
Pie Gragh Tool
그래프도구를
더블클릭을 하면
세부사항을 설정할 수 있는
그래프 유형 창이 뜹니다.
Graph Type
변경할 사항이 없으므로
기본 설정을 그대로 적용합니다.
3. 그래프 크기 정하기
빈 대지 클릭!
수치 입력
500px × 500px
마우스드래그로 그래프 크기를
지정하면 정확한 수치를
입력하기 어렵습니다.
4. 데이터 입력
초기 데이터가 없는
원형그래프가 등장합니다.
원하는 범례와
수치를 입력
우측 상단에 적용
Apply
5. 그룹 풀어주기
상단 메뉴의
오브젝트-그룹풀기
Object-Ungroup
혹은
Ctrl+Alt+G
그룹을 풀면 데이터 및
그래프의 디자인을
수정할 수 없다는 경고창이 뜹니다.
데이터 확인 후 예 클릭.
The selection contains a graph.
After a graph is ungrouped
you will no longer
be able to access its graph style,
its data or change its graph designs.
6. 그래프만 남기기
범례는 깔끔하게
추가 작업하는 편이 좋습니다.
직접선택툴(A)로
Direct Selection Tool(A)
선택 삭제
(2번 단계에서 범례 부분 없이
그래프를 만들 수도 있습니다.)
7. 원하는 색상 적용하기
원하는 색상을 적용한 도형을
대지밖에 그려서 나열합니다.
작업 후 삭제할 부분이기 때문에
모양과 크기 등등은
작업과 무관합니다.
직접선택툴(A)로
Direct Selection Tool(A)
그래프에서
색상을 변경할 부분 선택
스포이드툴(I) 선택
Eyedropper Tool(I)
적용할 색상 도형 클릭.
나머지 부분도 똑같은
방법으로 색상을 변경합니다.
8. 도넛모양만들기1
현재 그래프 가운데
구멍을 만들어줍시다.
원형도구(L)선택
Ellipse Tool(L)
대지위 클릭
수치를 입력해줍니다.
100px × 100px
9. 도넛모양만들기2
그래프와 작은 원을
함께 선택합니다.
Alt+선택툴(V)
Alt+Selection Tool(V)
또는
두 오브젝트를 함께 드래그!
정렬창(Shift+F7) 우측 하단의
정렬대상-선택항목 정렬
가로 가운데 정렬
세로 가운데 정렬
Align(Shift+F7)
Align To : Align to Selection
Horizontal Align Center
Vertical Align Center
10. 도넛모양만들기3
중심이 맞춰진
원과 그래프 선택
패스파인더(Ctrl+Shift+F9)
나누기
Pathfinder(Ctrl+Shift+F9)
Divide
11. 도넛모양만들기4
나눠진 그래프에서
삭제할 부분을
직접선택툴(A)로 삭제.
Direct Selection Tool(A)
12. 세로 비율 조절하기
크기조절도구(S) 더블클릭.
비균일-세로65%
Scale Tool(S)
Non-Uniform-Vertical:65%
선택툴(V)로 그래프를
선택하고 세로 비율을
조절할 수도 있지만
비율 조절은 항상 정확한 수치를
적용하는 습관을 들이는 게 좋습니다.
13. 3D효과 적용하기
상단 메뉴의
효과-3D-돌출과경사
Effect-3D-Extrude&Bevel
옵션창의 도형을
미리보기 클릭 후
마우스로 직접 클릭해서
움직여보면서
원하는 스타일을 찾아봅시다.
예시에 적용된 수치는
X축 30도
Y축 -7도
Z축 1도
원근 0도
돌출깊이 40pt
X axis 30
Y axis -7
Z axis 1
Perspective 0
Extrude Depth 40pt
※ 3D 적용 시 유의할 점
효과 적용 시
그래프 부분에 테두리가 있을 경우
테두리의 색상이 그대로
효과에 적용돼서 그래프가 둔해 보입니다.
각 오브젝트의 테두리를 없애고
효과를 적용하면 자연스러운 느낌을 줍니다.
14. 패스 이동하기
원형파이를 조각내 봅시다.
상단 메뉴의
효과-패스-패스이동
이동 -1px
Effect-Path-Offset Path
Offset -1px
미리보기를 눌러서
수치를 조정해가며
원하는 느낌을 찾으시면 됩니다.
15. 그림자 추가하기
상단 메뉴의
효과-스타일화-그림자만들기
Effect-Stylize-Drop Shadow
모드 곱하기
불투명도 75%
X옵셋 -4px
Y옵셋 3px
흐림 효과 4px
색상 검정
Mode Multiply
Opacity 75%
X Offset -4px
Y Offset 3px
Blur 4px
Color Black
16. 파이조각 이동
마지막 작업입니다.
직접선택툴(A)로
Direct Selection Tool(A)
조각을 이동시켜
원하는 느낌을 만듭니다.
양념 치기
텍스트와 패스,브러쉬를 이용해서
그래프를 허전하지 않게 꾸며줍니다.
그래프 관련 수치나 범례는
마지막에 따로 추가 작업하는 것이
심플한 느낌을 줍니다.
천천히 잘 따라오셨나요? 현재까지 그래프작업은 파워포인트를 활용하시는 분들이 많으시더라고요.
하지만 일러스트레이터가 손에 익으면 해상도 높은 이쁘고 심플한 그래프를 후다닥 만드실 수 있을 거예요. 일러스트레이터의 최대 장점은 창의력과 손맛이라고 생각합니다. 오늘도 즐거운 하루 보내세요!
https://mamasajang.tistory.com/29
긴 글 봐주셔서 감사합니다.
심플하면서 명확한 원 그래프 만들기
최근 MS파워포인트의 그래프 기능은 상당히 막강합니다. 배색도 적절하게 다 되어있고 클릭 몇번으로 상당한 수준의 그래프를 그려 낼 수 있으니까요. 하지만 방법이 간단해질수록 사용자의 개입또한 간단하고 제한적일 수 밖에 없습니다. 설사 가능하다고 해도 그걸 어디서 어떻게 하는지 알려는 노력이 필요하겠지요. 파워포인트의 그래프툴은 편하지만 자유도는 분명 떨어집니다. 시간이 급하다면 절대로 일러스트를 이용하실 필요는 없겠습니다만, 중요하고 중요할수록 더욱 신경쓰이는 PT의 장표, 도식하나하나를 위해 일러스트레이터로 작업한 그래프 만들기를 공유합니다.
1. 일러스트레이터에서 파이 그래프를 그립니다
1. 툴박스에서 pie graph를 선택합니다.
2. 적당한 크기로 그려주세요(클릭앤드래그). 그럼 요상한 – 일러에 안어울리는 듯한 – 창이 하나 나오는데요, 아래 그림처럼 가로로 퍼센트를 입력해줍니다. 저는 임의로 60,30,10 을 넣었습니다. (꼭 100이 될 필요는 없습니다~) 그리고 오른쪽 상단의 체크 버튼을 눌러주세요.
3. 이대로도 좋지만 이번에는 가운데에 텍스트가 들어가야 하니까 원을 하나 더 그려줍니다.
2. 그래프에 구멍을 뚫습니다.
전 단계에서 그린 원(이제부터 파란원으로 부를게요!)을 가지고 그래프에 구멍을 뚫겠습니다. 이 단계 이후로는 더이상 그래프 비율 수정이 어려우니 하나 복사해서 따로 놓는 센스~
1. 그래프를 클릭하고 ctrl+shift+G 로 언그룹을 하면 대화상자가 나옵니다. 더이상 데이터를 수정할수 없다는 얘기인데, YES 눌러줍니다.
2. 그래프와 파란원을 같이 선택 (Shift 클릭이나/범위지정선택) 하고 Align팔레트(shift+F7)에서 가운데정렬 상하/좌우 두개를 누릅니다.
3. 가운데가 잘 맞았지요? 그리고 Pathfinder(Shif+Ctrl+F9) 팔레트에서 Divide를 눌러주면 분할이 다 됩니다.
4. 그런후 간접선택툴(흰화살표/ A) 로 파란원들을 선택하고 del키로 지워줍니다.
5. 도넛 원이 완성되었습니까? 그럼 적절하게 색을 바꿔줍시다. 감각이 조금 필요하겠지만 내 옷 입는다 생각하고 어울리게 배색합니다~
3. 그래프를 꾸밉니다.
1. 지금도 보기에는 괜찮습니다. 그냥 쓰셔도 좋고 내친김에 조금 더 디테일을 주어봤습니다. 일단 글씨를 쓰고,
2. 그래프만 선택하고 복사하고 뒤에 붙여넣습니다.(Ctrl+B) 그리고 투명도를 조금 주어 테두리를 만듭니다.
3. 다시 그래프만 선택해서 이번엔 드롭쉐도우를 조금 줍니다. (과하지 않게 조심!)
이런 식으로 조금만 디테일을 주면 그래프는 완성됩니다~^^
[일러스트레이터] 차트만들기
차트, 그래프라는 단어를 들으면 가장 먼저 생각나는게 엑셀이 아닌가 싶습니다. 다양한 형태의 데이터를 가공
하거나 수식을 통해 계산한 데이터를 원하는 형식의 차트로 생성할수 있고, 원본 데이터에 변동이 있을 경우
이를 바로 반영해 줘서 상당히 편리하고 장점이 많습니다.
하지만, 굳이 단점을 꼽으라면 투박한 디자인과 대형 출력물을 만들기 위해 고해상도 이미지 파일을 만들 수 없는 것인데요. 제 기억으로는 엑셀 2007버전부터 그래프에 3차원 효과 등 다양한 디자인 효과를 줄수 있게 업그레이드 되었습니다만, 여전히 고해상도의 이미지 파일로 만드는 것은 어렵습니다.
일러스트레이터로 그래프 생성하기 아래 그림은 일러스트레이터에서 간략하게 작성해본 막대그래프입니다. 도형을 추가해 그린것이 아니고, 엑셀처럼 실제 데이터를 입력하여 자동으로 생성한 것이랍니다. 그래프툴 일러스트레이터의 좌측의 툴바모음에서 차트모양의 아이콘을 길게 누르면 아래 그림처럼 적용가능한 그래프 타입들이 나타납니다. 여기서, 그리고자 하는 그래프타입을 선택합니다. 아래의 동영상을 보시면 이해가 빨리 되실겁니다.
그래프 유형 변경 상단의 메뉴에서 [오브젝트 – 그래프 – 유형]을 선택하면 아래처럼 그래프 타입과 스타일, 서식 등을 수정가능합니다. (엑셀을 보고 있는 듯한 착각이 들기도 합니다.^^)
원본데이터 수정 상단의 메뉴에서 [오브젝트 – 그래프 – 디자인]을 선택하면 아래와 같이 맨처음 데이터를 입력했던 창이 뜹니다. 여기서, 데이터를 수정한 후 확인을 클릭하면 삽입했던 그래프가 변경된 데이터를 기준으로 수정됩니다. 그래프 채우기 색 및 글씨체 수정 “직접 선택”툴을 이용하여 그래프의 채우기 색 및 글씨체 등을 변경할 수 있습니다. 원하는 개체를 직접 선택툴로 선택한 후 적용을 원하는 색 혹은 글씨체를 선택하면 됩니다. 아래는 간단하게 수정을 한 결과입니다. 그라데이션 툴이나 일러스트레이터에서 적용가능한 다양한 디자인 효과를 적용하면, 엑셀에서는 구현하기 어려웠던 보기좋은 그래프를 만들 수 있습니다. 물론 원하는 사이즈의 크기로 내보내도 이미지가 깨지지 않으므로 보고서 등에 삽입할 용도의 그래프 작성에는 효과만점일 것입니다. 이상입니다.
키워드에 대한 정보 일러스트 그래프
다음은 Bing에서 일러스트 그래프 주제에 대한 검색 결과입니다. 필요한 경우 더 읽을 수 있습니다.
이 기사는 인터넷의 다양한 출처에서 편집되었습니다. 이 기사가 유용했기를 바랍니다. 이 기사가 유용하다고 생각되면 공유하십시오. 매우 감사합니다!
사람들이 주제에 대해 자주 검색하는 키워드 우디 LIVE #54 – 일러스트레이터에서 그래프 예쁘고 편하게 만드는 법
- 롤스토리
- 롤스토리디자인연구소
- 우디라이브
- 일러스트레이터 그래프
- 그래프 만드는 방법
- 일러스트레이터 강좌
- 일러스트 꿀팁
- 일러스트레이터 예쁘게 그래프
우디 #LIVE ##54 #- #일러스트레이터에서 #그래프 #예쁘고 #편하게 #만드는 #법
YouTube에서 일러스트 그래프 주제의 다른 동영상 보기
주제에 대한 기사를 시청해 주셔서 감사합니다 우디 LIVE #54 – 일러스트레이터에서 그래프 예쁘고 편하게 만드는 법 | 일러스트 그래프, 이 기사가 유용하다고 생각되면 공유하십시오, 매우 감사합니다.