소프트웨어, 수학 자료 정리

연습 모형

잉크스케이프

나뭇잎 leaves

꽃 flower

물방울 water drop

house

building

isometric

 

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

filters  (0) 2018.12.07
선을 거칠게 만들기  (0) 2018.12.05
Bezier curve node 편집  (0) 2018.12.03
copy, duplicate, clone  (0) 2018.12.03
fill, stroke가 작동하지 않는다.  (0) 2018.12.03
,

filters

잉크스케이프


저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

연습 모형  (0) 2019.08.05
선을 거칠게 만들기  (0) 2018.12.05
Bezier curve node 편집  (0) 2018.12.03
copy, duplicate, clone  (0) 2018.12.03
fill, stroke가 작동하지 않는다.  (0) 2018.12.03
,

선을 거칠게 만들기

잉크스케이프



저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

연습 모형  (0) 2019.08.05
filters  (0) 2018.12.07
Bezier curve node 편집  (0) 2018.12.03
copy, duplicate, clone  (0) 2018.12.03
fill, stroke가 작동하지 않는다.  (0) 2018.12.03
,

Bezier curve node 편집

잉크스케이프

 

 

 

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

filters  (0) 2018.12.07
선을 거칠게 만들기  (0) 2018.12.05
copy, duplicate, clone  (0) 2018.12.03
fill, stroke가 작동하지 않는다.  (0) 2018.12.03
부채꼴 그리기  (0) 2018.12.03
,

copy, duplicate, clone

잉크스케이프

copy


duplicate


clone





저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

선을 거칠게 만들기  (0) 2018.12.05
Bezier curve node 편집  (0) 2018.12.03
fill, stroke가 작동하지 않는다.  (0) 2018.12.03
부채꼴 그리기  (0) 2018.12.03
링, 구멍난 원통  (0) 2018.11.30
,

fill, stroke가 작동하지 않는다.

잉크스케이프

fill, stroke가 작동하지 않는다.

> Opacity 값을 증가시켜본다.

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

Bezier curve node 편집  (0) 2018.12.03
copy, duplicate, clone  (0) 2018.12.03
부채꼴 그리기  (0) 2018.12.03
링, 구멍난 원통  (0) 2018.11.30
패턴 만들기, 사용하기  (0) 2018.11.08
,

부채꼴 그리기

잉크스케이프

부채꼴 그리기

 

1. 원과 사각형을 그린다.

2. 사각형을 회전 시킨다.

3. 원과 사각형을 겹치게 놓는다.

4. 두 도형을 선택한다.

5. path/intersection 이용한다.

 

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

copy, duplicate, clone  (0) 2018.12.03
fill, stroke가 작동하지 않는다.  (0) 2018.12.03
링, 구멍난 원통  (0) 2018.11.30
패턴 만들기, 사용하기  (0) 2018.11.08
도형에서 선 뜯어내기, 분리  (0) 2018.11.06
,

링, 구멍난 원통

잉크스케이프


저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

fill, stroke가 작동하지 않는다.  (0) 2018.12.03
부채꼴 그리기  (0) 2018.12.03
패턴 만들기, 사용하기  (0) 2018.11.08
도형에서 선 뜯어내기, 분리  (0) 2018.11.06
매뉴얼  (0) 2018.10.02
,

패턴 만들기, 사용하기

잉크스케이프

패턴 만들기


1. 도형 그리기 

2. 도형 선택

3. click object - pattern - object to pattern

4. 도형이 패턴을 채운다.

5. fill and stroke 창(dialog box)에서, fill dialog 에서, pattern 이름이 생긴다.


패턴 사용하기


도형(object) 안에 패턴 채우기,집어 넣기


1. object를 선택한다.

2. fill and stroke 창에서, fill dialog에서, 원하는 pattern을 선택한다.


참고

https://graphicdesign.stackexchange.com/questions/45577/create-hatching-in-inkscape


응용

http://art.vinayraikar.com/2007/09/illustrating-pile-of-coins-in-inkscape.html

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

부채꼴 그리기  (0) 2018.12.03
링, 구멍난 원통  (0) 2018.11.30
도형에서 선 뜯어내기, 분리  (0) 2018.11.06
매뉴얼  (0) 2018.10.02
path  (0) 2018.09.28
,

도형에서 선 뜯어내기, 분리

잉크스케이프

예제

방법1

1. create rectangle and squares

2. select rectangle by F1

3. object to path

4. F2

5. select corner all nodes 

6. click icon menu : Break path at selected nodes

7. click menu : Path / Break Apart

 

방법2

 

path/ cut path 활용한다.

 

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

링, 구멍난 원통  (0) 2018.11.30
패턴 만들기, 사용하기  (0) 2018.11.08
매뉴얼  (0) 2018.10.02
path  (0) 2018.09.28
Pattern along path  (0) 2018.09.28
,

매뉴얼

잉크스케이프

바다위의 달빛

https://design.tutsplus.com/tutorials/quick-tip-using-and-modifying-brush-strokes-in-inkscape--vector-25626


색안경으로 보이는 사물

https://design.tutsplus.com/tutorials/quick-tip-using-layers-and-blend-modes-in-inkscape--vector-25907


점 도안

https://design.tutsplus.com/tutorials/connect-the-dots-with-visualize-path-in-inkscape--cms-20463


도면

. drawing

. Extensions - visualize path - dimension

. ungroup

. select path

. Extensions - visualize path - dimension. 


https://design.tutsplus.com/tutorials/connect-the-dots-with-visualize-path-in-inkscape--cms-20463


반복 패턴

http://goinkscape.com/how-to-draw-the-american-flag-using-inkscape/


그림자

http://goinkscape.com/how-to-create-an-effective-leaderboard-ad/

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

패턴 만들기, 사용하기  (0) 2018.11.08
도형에서 선 뜯어내기, 분리  (0) 2018.11.06
path  (0) 2018.09.28
Pattern along path  (0) 2018.09.28
줄자(ruler)  (0) 2018.09.28
,

path

잉크스케이프

cutpath 활용




union 활용 vs combine



intersection 활용

difference 활용




저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

도형에서 선 뜯어내기, 분리  (0) 2018.11.06
매뉴얼  (0) 2018.10.02
Pattern along path  (0) 2018.09.28
줄자(ruler)  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
,

Pattern along path

잉크스케이프



저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

매뉴얼  (0) 2018.10.02
path  (0) 2018.09.28
줄자(ruler)  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
SVG tooltip  (0) 2018.04.12
,

줄자(ruler)

잉크스케이프

1. 가로 선을 그린다.

2. Path -> path Effects -> + -> ruler


저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

path  (0) 2018.09.28
Pattern along path  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
SVG tooltip  (0) 2018.04.12
SVG 애니메이션 움직이는 선 그리기  (0) 2018.04.11
,

interpolate (선 패턴) 패턴 삽입

잉크스케이프


더 많은 참고 : https://inkscape.org/doc/tutorials/interpolate/tutorial-interpolate.html

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

Pattern along path  (0) 2018.09.28
줄자(ruler)  (0) 2018.09.28
SVG tooltip  (0) 2018.04.12
SVG 애니메이션 움직이는 선 그리기  (0) 2018.04.11
SVG 애니메이션 서서히 사라지거나 나타나는 것 Fade In, Fade Out  (0) 2018.04.09
,

SVG tooltip

잉크스케이프

SVG Map direction

참고

https://codepen.io/MyXoToD/pen/yyKZaj



https://codepen.io/sdras/pen/JdJgrB

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

줄자(ruler)  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
SVG 애니메이션 움직이는 선 그리기  (0) 2018.04.11
SVG 애니메이션 서서히 사라지거나 나타나는 것 Fade In, Fade Out  (0) 2018.04.09
기본 도형 (Basic Shapes)  (0) 2017.08.25
,

SVG 애니메이션 움직이는 선 그리기

잉크스케이프


참고

XML 방식

https://css-tricks.com/svg-line-animation-works/


https://codepen.io/MyXoToD/pen/yyKZaj



https://medium.com/bitmatica-lab/svg-line-animation-for-the-uninitiated-5a65d91c6044




버튼을 누른 후 그리기

자바 스크립트 방식

http://valhead.com/2017/03/03/three-illustrator-tricks-for-better-svg-stroke-animations/



TimelineMax()

https://codepen.io/tag/timelinemax/3/


물건이 내려 오며 나타나는 animation

https://codepen.io/denisinvader/pen/wxNGwZ?page=3&


종이 비행기가 직선으로 날으는 animation

https://codepen.io/uuuulala/pen/eroaGg?page=3&


조각이 합했다 흩어지는 animation

https://codepen.io/uuuulala/pen/eroXRK

저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

줄자(ruler)  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
SVG tooltip  (0) 2018.04.12
SVG 애니메이션 서서히 사라지거나 나타나는 것 Fade In, Fade Out  (0) 2018.04.09
기본 도형 (Basic Shapes)  (0) 2017.08.25
,

SVG 애니메이션 서서히 사라지거나 나타나는 것 Fade In, Fade Out

잉크스케이프

참고

https://css-tricks.com/animating-svg-css/




https://codepen.io/chrisroselli/pen/oXyqRa




배경 그림 위에 SVG 표시


<div style="background-imag:url(); background-size: contain;">

<svg>

<circle>

</svg>

</div>


저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

줄자(ruler)  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
SVG tooltip  (0) 2018.04.12
SVG 애니메이션 움직이는 선 그리기  (0) 2018.04.11
기본 도형 (Basic Shapes)  (0) 2017.08.25
,

기본 도형 (Basic Shapes)

잉크스케이프

기본 도형 (Basic Shapes)


사각형 편집


직각삼각형 편집


1. 사각형을 그린다.

2. node를 선택한다.

3. Path > Object to Path 를 선택한다.

4. 사각형에서 모서리를 이동시킨다.




Object

채움 (Fill)

도형 테두리, 외각선 (Stroke, outline)

외각선 스타일 (Stroke style)


Transform

이동 (Moving)

치수측정 (Scale)

회전 (Rotate)

기울기 (Skew)

Matrix


정렬 (Align)

Distribute

Rearange


베지어 곡선 


PNG EXPORT


Path

Trace Bitmap

Union 

Difference


Edit by nodes


page grid


document properties


image clip











참고: https://inkscape.org/ko/doc/tutorials/basic/tutorial-basic.en.html








저작자표시 비영리 변경금지

'잉크스케이프' 카테고리의 다른 글

줄자(ruler)  (0) 2018.09.28
interpolate (선 패턴) 패턴 삽입  (0) 2018.09.28
SVG tooltip  (0) 2018.04.12
SVG 애니메이션 움직이는 선 그리기  (0) 2018.04.11
SVG 애니메이션 서서히 사라지거나 나타나는 것 Fade In, Fade Out  (0) 2018.04.09
,

티스토리툴바