[B! vector] rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rikuo id:rikuo

vectorã«é–¢ã™ã‚‹rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (120)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ™ã‚¸ã‚¨æ›²ç·šã®ãªã‚ã‚‰ã‹ã•ã®è©± / BÃ©zier Smoothness
ç¤¾å†…å‹‰å¼·ä¼šã§ç™ºè¡¨ã—ãŸå†…å®¹ã§ã™ ãƒ‡ãƒ¢: https://mashabow.github.io/bezier-smoothness/ ã‚½ãƒ¼ã‚¹: https://github.com/mashabow/bezier-smoothness è£œè¶³è¨˜äº‹: https://shiromoji.hatena blog.jp/entry/2019/05/18/005232
rikuo 2019/05/24
presentation

math

vector
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚½ã‚¤ãƒ‰æ›²ç·šã‚’ä½¿ã£ãŸãƒ•ã‚©ãƒ³ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³
å¤§æ›² éƒ½å¸‚ @Tosche_J .@mashabow ã•ã‚“ã¨ã®è©±ã§InkscapeãŒå‡ºã¦ããŸã€‚Spiroã‚«ãƒ¼ãƒ–ãŒä½¿ãˆã‚‹ã»ã¼å”¯ä¸€ã®ã‚½ãƒ•ãƒˆã ã£ãŸã®ã§æ°—ã«ãªã£ã¦ã„ãŸãŒã€ã‚ˆãè¦‹ãŸã‚‰Macç‰ˆãŒã‚ã‚‹ã˜ã‚ƒãªã„ã‹ã€‚Spiroã®ã‚³ãƒ¼ãƒ‰ã®å®Ÿè£…ã¯Googleã®Raph Levienæ°ã ãŒã€ãªã‚“ã¨Inkscapeã®å‰èº«ã®ã‚½ãƒ•ãƒˆã‚‚ï¼ˆç¶šï¼‰ å¤§æ›² éƒ½å¸‚ @Tosche_J â€¦æ‰‹æŽ›ã‘ã¦ãŠã‚‰ã‚ŒãŸã€‚Levienã•ã‚“ã¯å’æ¥åˆ¶ä½œã§ã‚‚ã‹ãªã‚ŠãŠä¸–è©±ã«ãªã£ãŸäººã§ã€ATypIãƒ¬ã‚¤ã‚ãƒ£ãƒ“ã‚¯ã§åˆã‚ã¦ãŠä¼šã„ã™ã‚‹ã“ã¨ãŒã§ããŸï¼ˆãã®æ™‚ã¯Spiroã‚«ãƒ¼ãƒ–ã‚’ä½¿ã£ãŸæ–°ãŸãªãƒ•ã‚©ãƒ³ãƒˆã‚½ãƒ•ãƒˆã®å®Ÿæ¼”ã‚’ã—ã¦ã„ãŸï¼‰ã€‚ã“ã‚Šã‚ƒã€Œã‚¤ãƒ©ãƒ¬ãŒã‚ã‚‹ã‹ã‚‰ã€ã¨ã‹è¨€ã£ã¦ã‚‹å ´åˆã˜ã‚ƒãªãã¦ã€ã•ã£ã•ã¨è©¦ã™ã¹ãã ãªã€‚ å¤§æ›² éƒ½å¸‚ @Tosche_J ã¡ãªã¿ã«Spiroï¼ˆã‚¹ãƒ‘ã‚¤ãƒã€ã‚¹ãƒ”ãƒï¼‰æ›²ç·šã¨ã¯ãƒ™ã‚¸ã‚§æ›²ç·šã¨ã¯å…¨ãé•ã†æ–¹å¼ã§è¨˜è¿°ã•ã‚Œã‚‹ç‰©ã§ã€FontForgeã§ã‚‚ä½¿ãˆã‚‹ã—å½¼ã®ä½œã£ãŸIncons
rikuo 2018/05/16
vector

math
ãƒªãƒ³ã‚¯
Illustratorã§ä½œå›³ã—ãŸå††ã¯æªã‚“ã§ã‚‹ã€ã¨ã„ã†äº‹ã‚’èª¬æ˜Žã™ã‚‹å›³ãŒè©±é¡Œã«
ãƒªãƒ³ã‚¯ Wikipedia Adobe Illustrator Adobe Illustratorï¼ˆã‚¢ãƒ‰ãƒ“ ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ï¼‰ã¯ã€ã‚¢ãƒ‰ãƒ“ã‚·ã‚¹ãƒ†ãƒ ã‚ºãŒè²©å£²ã™ã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ç·¨é›†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆãƒ‰ãƒãƒ¼ã‚½ãƒ•ãƒˆï¼‰ã§ã‚ã‚‹ã€‚ã‚¤ãƒ©ã‚¹ãƒˆåˆ¶ä½œã¯å‹¿è«–ã®ã“ã¨ã€ãƒã‚´ã‚¿ã‚¤ãƒ—ã‚„å›³é¢ã€åºƒå‘Šã€ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãªã©ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æç”»ãƒ„ãƒ¼ãƒ«ã‚½ãƒ•ãƒˆã¨ã—ã¦ã€å°åˆ·æ¥ç•Œãªã©ã‚ã‚‰ã‚†ã‚‹åˆ†é‡Žã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã€‚ç‰¹ã«DTPæ¥ç•Œã«ãŠã„ã¦ã¯å°åˆ·ç‰©ï¼ˆãƒãƒ©ã‚·ã‚„å°å†Šåï¼‰åˆ¶ä½œã‚½ãƒ•ãƒˆã¨ã—ã¦ã¯ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨ãªã£ã¦ã„ã¦ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯Adobe Photoshopã¨ä½µã›ã¦ä½¿ç”¨ã™ã‚‹å ´åˆã‚‚å¤šã„ã€‚ã¾ãŸã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ã§ã€CADã‚„3D 1 user
rikuo 2017/10/13
åŒãƒã‚¿ã®éŽåŽ»ã®è¨˜äº‹ã ã¨ã“ã¡ã‚‰ã§ã‚‚æŒ‡æ‘˜ã•ã‚Œã¦ã„ãŸã‚Š http://d.hatena.ne.jp/n-yuji/20131017/p1 ã€SVGã«å‡ºåŠ›ã—ãŸå ´åˆã¯circleè¦ç´ ã«ãªã‚‹ã®ã§ã™ãŒãã‚ŒãŒã©ã®ç¨‹åº¦ã®ç²¾åº¦ã§æç”»ã•ã‚Œã‚‹ã‹ã¯ç’°å¢ƒã«ã‚‚ä¾å˜ã™ã‚‹ã®ã§ã€å®Ÿéš›ã©ã†ãªã‚“ã ã‚ã†ï¼Ÿ

Illustrator

vector
ãƒªãƒ³ã‚¯
çµµå¿ƒãŒãªãã¦ã‚‚å¤§ä¸ˆå¤«ï¼?ã‚¤ãƒ©ãƒ¬ã§ "dribbbleã£ã½ã„!" ã‚¤ãƒ©ã‚¹ãƒˆã®æãæ–¹ï½œã‚½ãƒ‹ãƒƒã‚¯ã‚¸ãƒ£ãƒ ï½œnote
ã“ã‚“ã«ã¡ã¯ã€‚SONICJAMãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ£®ç”°ã§ã™ã€‚ ã¿ãªã•ã¾ã€dribbble ã¨ã„ã†ã‚µã‚¤ãƒˆã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ dribbble ã¨ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å‘ã‘ã®SNSã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ã™ã€‚ æ‹›å¾…åˆ¶ãªã®ã§ä½œå“ã‚’å…¬é–‹ã§ãã‚‹ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¯é™ã‚‰ã‚Œã¦ãŠã‚Šã€ä½œå“ã¯ä¸€å®šã®ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒæ‹…ä¿ã•ã‚Œã¦ã„ã¾ã™ã€‚ï¼ˆã¡ãªã¿ã«bãŒï¼“ã¤ã‚ã‚‹ã®ã¯ã€Žãƒ‰ãƒ¡ã‚¤ãƒ³ãŒå–ã‚Œãªã„ã‹ã‚‰ã€ã¨ã„ã†ç†ç”±ã ãã†ã€‚ï¼‰ ä¸»ã«ãƒ‡ã‚¸ã‚¿ãƒ«é ˜åŸŸã«å¼·ã„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒ UI ç”»é¢ã‚„ã‚¤ãƒ©ã‚¹ãƒˆä½œå“ã‚’ã‚ã’ã¦ã„ã¦ã€ãƒªã‚¢ãƒ«ãªã‚¹ã‚ãƒ¥ãƒ¼ãƒ¢ãƒ•ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’è£½ä½œã—ã¦ã„ãŸæ™‚ä»£ã®åæ®‹ã‹ã‚‰ã‹ã€ç‰¹ã«ã‚¤ãƒ©ã‚¹ãƒˆä½œå“ã¯å›³å½¢ã‚’å…ƒã«ç°¡æ½”ã«æã‹ã‚ŒãŸã‚¸ã‚ªãƒ¡ãƒˆãƒªãƒƒã‚¯ãªãƒ†ã‚¤ã‚¹ãƒˆã®ã‚‚ã®ãŒå¤šã„å‚¾å‘ã«ã‚ã‚Šã¾ã™ã€‚ æœ¬æ—¥ã¯ãã‚“ãª dribbble é¢¨ã®ã‚¤ãƒ©ã‚¹ãƒˆã®æãæ–¹ã€‚æãä¸Šã§ã®è€ƒãˆæ–¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ é€šå¸¸ã® "ãƒšãƒ³ãƒ„ãƒ¼ãƒ«ã§ãƒ‘ã‚¹ã‚’ãƒˆãƒ¬ãƒ¼ã‚¹ã—ã¦..." ã¨ã„ã£ãŸæãæ–¹ã§ã¯ãªãã€ã‚·ã‚§ã‚¤ãƒ—ãƒ„ãƒ¼ãƒ«ã‚’å…ƒã«ç„¡é§„ãªãå½¢ã‚’æ•´ãˆã‚‹ã¨ã„ã†ç™ºæƒ³ã®æãæ–¹ã§
rikuo 2017/09/21
vector

howto

Illustrator
ãƒªãƒ³ã‚¯
Bezier Curves from the Ground Up
Bezier Curves from the Ground Up This post is also available in Japanese: ä¸€ã‹ã‚‰å¦ã¶ãƒ™ã‚¸ã‚§æ›²ç·š. How do you describe a straight line segment? We might think about a line segment in terms of its endpoints. Letâ€™s call those endpoints $ P_0 $ and $ P_1 $. P0 P1 To define the line segment rigorously, we might say â€œthe set of all points along the line through $ P_0 $ and $ P_1 $ which lie between \( P_0 \
rikuo 2017/02/26
vector
ãƒªãƒ³ã‚¯
ä¸€ã‹ã‚‰å¦ã¶ãƒ™ã‚¸ã‚§æ›²ç·š | POSTD
(ç·¨æ³¨ï¼šSVGã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å…ƒè¨˜äº‹ã«ãªã‚‰ã„è¿½åŠ ã—ã¾ã—ãŸã€‚ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚) çš†ã•ã‚“ã¯ç·šåˆ†ã®ã“ã¨ã‚’ã©ã†è¡¨ç¾ã—ã¾ã™ã‹ï¼Ÿã€€ç·šåˆ†ã¯ã€ç«¯ç‚¹ã«ã‚ˆã£ã¦è€ƒãˆã‚‰ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãã®ç«¯ç‚¹ã‚’ P0 ã€ P1 ã¨å‘¼ã¶ã“ã¨ã«ã—ã¾ã—ã‚‡ã†ã€‚ ç·šåˆ†ã‚’åŽ³å¯†ã«å®šç¾©ã™ã‚‹ãªã‚‰ã°ã€ã€Œ P0 ã¨ P1 ã‚’çµã¶ç›´ç·šã«ãŠã„ã¦ã€ P0 ã¨ P1 ã®é–“ã«ã‚ã‚‹å…¨ã¦ã®ç‚¹ã®é›†åˆã€ã¨è¨€ãˆã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã“ã‚Œã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¡¨ã›ã‚‹ã§ã—ã‚‡ã†ã€‚ ä¾¿åˆ©ãªã“ã¨ã«ã€ä¸Šè¨˜ã®å®šç¾©ã‹ã‚‰ã€ãã®ç·šåˆ†ä¸Šã®ã©ã“ã«ã‚ã‚‹ç‚¹ã®åº§æ¨™ã§ã‚‚ç°¡å˜ã«æ±‚ã‚ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä¾‹ãˆã°ã€ä¸ç‚¹ã¯ L(0.5) ã«ã‚ã‚Šã¾ã™ã€‚ å®Ÿã¯ã€2ç‚¹é–“ã®ã©ã‚“ãªå€¤ã§ã‚‚ã€ä»»æ„ã®ç²¾åº¦ã§ ç·šå½¢è£œé–“ã™ã‚‹ ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ãã®ãŸã‚ã€æ™‚é–“é–¢æ•° L(t) ã® t ã§ç·šã‚’ãŸã©ã‚‹ã¨ã„ã£ãŸã€ã‚ˆã‚Šè¤‡é›‘ãªã“ã¨ãŒã§ãã‚‹ã®ã§ã™ã€‚ ã“ã“ã¾ã§æ¥ã‚‹ã¨ã€ã€Œãã‚ŒãŒæ›²ç·šã¨ä½•ã®é–¢ä¿‚ãŒã‚ã‚‹ã®ã‹ï¼Ÿã€ã¨ä¸æ€è°ã«æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚2ã¤ã®ç‚¹ã
rikuo 2017/02/26
å€‹äººçš„ãƒ¡ãƒ¢ï¼šé–¢é€£ãƒªãƒ³ã‚¯ã¨ã—ã¦ > sigbus.info: ä¸å¦ç”Ÿã§ã‚‚ã‚ã‹ã‚‹ãƒ™ã‚¸ã‚§æ›²ç·š http://blog.sigbus.info/2011/10/bezier.html

vector
ãƒªãƒ³ã‚¯
Inker. Vector graphics editor. Best tool for vector drawing and sketch inking.
Create neat shapes, fast and intuitive Draw smooth lines, works well with tablet Organize color palette, adjust colors Arrange created it ems, groups, layers
rikuo 2016/07/06
vector

tool
ãƒªãƒ³ã‚¯
Pixel-fitting - Dustin Curtis
May 9, 2012 Pixel-fitting Note: This article contains non-retina images, which are not pixel-fitted. The irony is not lost on me. In the Markdown Mark repository on Github, I had initially included only 12 static PNG images of the mark at different specific sizes. Several people asked me why I had done this instead of including a vector graphic, and the reason is actually quite important. This is
rikuo 2016/05/19
2012å¹´5æœˆã®è¨˜äº‹ã€‚

vector

ç”»åƒ
ãƒªãƒ³ã‚¯
How VectorDrawable works
Weâ€™ve talked about two of the biggest players in Android image format world (JPG & PNG) but itâ€™s worth noting, that even with these advanced algorithms, thereâ€™s still a level of compression that these impressive formats canâ€™t get to. To get there, we have to kick our concept of image creation to the curb, for somethingâ€¦ a little more algorithmic. Raster ImagesTypically, images are arranged in a tw
rikuo 2016/05/16
VectorDrawable

vector

SVG
ãƒªãƒ³ã‚¯
Support Vector Drawable
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
rikuo 2016/03/20
android

vector

presentation
ãƒªãƒ³ã‚¯
Illustratorä»£æ›¿ã‚¢ãƒ—ãƒªAffinity Designerã‚’ã‚»ãƒ¼ãƒ«ã§è²·ã£ã¦ã¿ãŸã‘ã©ã„ã„æ„Ÿã˜
Adobe Illustrator ã®ä»£æ›¿ã‚¢ãƒ—ãƒªã¨ã—ã¦çŸ¥ã‚‰ã‚Œã‚‹ Affinity Designer ã¨ã„ã†Macç”¨ã‚¢ãƒ—ãƒªï¼ˆÂ¥6,000ï¼‰ãŒã‚»ãƒ¼ãƒ«ã«ãªã£ã¦ã„ãŸã®ã§è³¼å…¥ã—ã¦ã¿ã¾ã—ãŸã€‚ ã‚‚ã¡ã‚ã‚“ã€æœˆé¡ã§ã¯ãªãè²·ã„åˆ‡ã‚Šã®ã‚¢ãƒ—ãƒªã§ã™ã€‚ è¿½è¨˜: ã“ã®ã‚»ãƒ¼ãƒ«ã¯æ—¢ã«çµ‚äº†ã—ã¦ã„ã¾ã™ã€‚ ã—ã°ã‚‰ãä½¿ã£ãŸæ„Ÿã˜ã€ãªã‹ãªã‹ã‚ˆã„æ„Ÿè§¦ã ã£ãŸã®ã§ã€ä½¿ã£ã¦ã¿ã¦è‰¯ã„ã¨æ„Ÿã˜ãŸã¨ã“ã‚ã¨è‰¯ããªã„ã¨æ„Ÿã˜ãŸã¨ã“ã‚ã€æ°—ã¥ã„ãŸã“ã¨ãªã©ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Affinity Designerã®Photoshopçš„ãªæ©Ÿèƒ½ Affinity Designer ã¯ã€ã‚ˆãã€ŒAdobe Illustrator ã®ä»£æ›¿ã‚¢ãƒ—ãƒªã€ã¨è¨€ã‚ã‚Œã¾ã™ãŒã€åŽ³å¯†ã«ã¯ Illustrator ã®æ©Ÿèƒ½ã ã‘ã§ãªãã€Photoshop ã®æ©Ÿèƒ½ã®ä¸€éƒ¨ã‚‚æŒã£ã¦ã„ã¾ã™ã€‚ å…·ä½“çš„ã«ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ©Ÿèƒ½ã§ã™ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸãƒ“ãƒƒãƒˆãƒžãƒƒãƒ—ç”»åƒã®ä¿®æ£ï¼ˆé•·æ–¹å½¢é¸æŠžãƒ„ãƒ¼ãƒ«ã€ãƒ–ãƒ©ã‚·ãƒ„ãƒ¼ãƒ«ã€æ¶ˆã—ã‚´ãƒ ãƒ„ãƒ¼ãƒ«
rikuo 2016/01/28
Affinity Designer

Affinity

SVG

vector

software
ãƒªãƒ³ã‚¯
Affinity Designerã®ä½¿ã„æ–¹ï¼š åˆã‚ã¦ä½¿ã£ãŸã¨ãã«æˆ¸æƒ‘ã£ãŸã“ã¨ã®ã¾ã¨ã‚
Affinity Designerã‚’åˆã‚ã¦ä½¿ã£ãŸæ™‚ã«æˆ¸æƒ‘ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚æœ€åˆã®æˆ¸æƒ‘ã„ã‚’ã‚¯ãƒªã‚¢ã™ã‚Œã°ã€ã™ã”ãä½¿ã„ã‚„ã™ãã‚µã‚¯ã‚µã‚¯å‹•ãã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚¢ãƒ—ãƒªã§ã™ã€‚ç„¡æ–™è©¦ç”¨ç‰ˆ ã‚‚ã‚ã‚‹ã®ã§ã€ãœã²ã€ãŠè©¦ã—ãã ã•ã„ã€‚ 2022å¹´11æœˆ9æ—¥ã«Affinity Designerã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³2ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã®å†…å®¹ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³1ã®æƒ…å ±ã§ã™ã€‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³2ã§ã¯å¤§å¹…ãªUIã®åˆ·æ–°ï¼ˆãƒ¬ã‚¤ãƒ¤ãƒ¼ãƒ‘ãƒãƒ«å‘¨ã‚Šã‚‚çµæ§‹å¤‰ã‚ã‚Šã¾ã—ãŸï¼ï¼‰ãŒè¡Œã‚ã‚Œã¦ãŠã‚Šã€ãƒãƒ¼ã‚¸ãƒ§ãƒ³1ã¨ã¯ç”»é¢ã®è¦‹ãŸç›®ã‚„æ©Ÿèƒ½è‡ªä½“ãŒé•ã†ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ç›®æ¬¡ åˆå¿ƒè€…å‘ã‘Affinity Designerã®ä½¿ã„æ–¹ã‚·ãƒªãƒ¼ã‚º Affinity DesignerãŒãŠã™ã™ã‚ãªç†ç”± ä½¿ã„ã¯ã˜ã‚ã«æˆ¸æƒ‘ã£ãŸã“ã¨ 1. ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã‚„ãƒ‘ãƒãƒ«ã®è¡¨ç¤ºã®èª¿æ•´ 2. ãƒ¬ã‚¤ãƒ¤ãƒ¼ã¾ã‚ã‚Šã®æ“ä½œ 3. ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ã®ä½¿ã„æ–¹ 4. ãƒšãƒ«ã‚½ãƒŠï¼ˆæ“ä½œãƒ¢ãƒ¼ãƒ‰ï¼‰ã®ä½¿ã„æ–¹ 5. Com
rikuo 2016/01/24
Affinity Designer

SVG

vector

software
ãƒªãƒ³ã‚¯
ã¾ã ãƒ”ã‚¯ã‚»ãƒ«ã§æ¶ˆè€—ã—ã¦ã‚‹ã®ï¼Ÿ
2015å¹´11æœˆ28æ—¥ï¼ˆåœŸï¼‰ç¬¬26å›žãƒªã‚¯ãƒªã‚»ãƒŸãƒŠãƒ¼ã€Œå¤©ä¸‹åˆ†ã‘ç›®ã®ãƒ™ã‚¯ã‚¿ãƒ¼ç¥ã‚Š SVGã˜ã‚ƒï¼ Illustratorã‚’æŒã¦ã„ï¼ã€ã§ãŠè©±ã—ã—ãŸéš›ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ãƒ‡ãƒ¢ã®è©³ç´°ã¯ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—æƒ…å ±ã¨ã—ã¦ã€ã”å‚åŠ ã„ãŸã ã„ãŸæ–¹ã«åˆ¥é€”ã‚·ã‚§ã‚¢ã—ã¾ã™ã€‚ ã‚»ãƒŸãƒŠãƒ¼ã®é–‹å‚¬æ¦‚è¦ã¯ã“ã¡ã‚‰ https://recreators.doorkeeper.jp/events/30887
rikuo 2015/12/06
vector

presentation
ãƒªãƒ³ã‚¯
ç¬¬26å›žãƒªã‚¯ãƒªã‚»ãƒŸãƒŠãƒ¼ã€Œå¤©ä¸‹åˆ†ã‘ç›®ã®ãƒ™ã‚¯ã‚¿ãƒ¼ç¥ã‚Š SVGã˜ã‚ƒï¼ Illustratorã‚’æŒã¦ã„ï¼ã€ã«å‚åŠ ã—ã¦ã€ã¡ã‚‡ã£ã¨å¬‰ã—ããªã‚Šã¾ã—ãŸ | Cherry Pie Web
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚å·äº•æ˜Œå½¦ã§ã™ã€‚ å¥½ããªAdobeã¯ Fireworks ã§ã™ï¼ˆç¬‘ï¼‰ ã¨ã„ã†ã‚ã‘ã§ã€2015å¹´11æœˆ28æ—¥ã«å¤§é˜ªã§è¡Œã‚ã‚ŒãŸã€ç¬¬26å›žãƒªã‚¯ãƒªã‚»ãƒŸãƒŠãƒ¼ã€Œå¤©ä¸‹åˆ†ã‘ç›®ã®ãƒ™ã‚¯ã‚¿ãƒ¼ç¥ã‚Š SVGã˜ã‚ƒï¼ Illustratorã‚’æŒã¦ã„ï¼ã€ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãŒã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã€å¾“æ¥ã®å°ã•ãªç‚¹ã®é›†åˆã§ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¹ã‚¿ãƒ¼å½¢å¼ï¼ˆJPEGãªã©ï¼‰ã ã‘ã§ã¯é™ç•Œã‚’æ„Ÿã˜ã¦ããŸã¨ã“ã‚ã§ã€åº§æ¨™ã¨æ–¹å‘ã§å›³å½¢ã‚’æããƒ™ã‚¯ã‚¿ãƒ¼æ–¹å¼ï¼ˆSVGãªã©ï¼‰ãŒæ³¨ç›®ã•ã‚Œå§‹ã‚ã¦ã„ã¾ã™ã€‚ ãã—ã¦ã€ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã‚’æ‰±ã†ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€ŒAdobe Illustratorã€ã‚’Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦ä½¿ç”¨ã™ã‚‹æµã‚Œã‚‚å‡ºã¦ãã¾ã—ãŸã€‚ ç§ã¯å…ƒã€…DTPå‡ºèº«ã¨ã„ã†äº‹ã‚‚ã‚ã‚Šã€Illustratorã¯5.5ï¼ˆCSã˜ã‚ƒã‚ã‚Šã¾ã›ã‚“ã‚ˆã€ç„¡å°ã®5.5ã§ã™ï¼‰ã‹ã‚‰ãšã£ã¨æ—¥å¸¸çš„ã«ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦
rikuo 2015/12/01
SVG

vector
ãƒªãƒ³ã‚¯
Canvasã§æ¼«ç”»ã«ã‚ã‚‹ã‚ˆã†ãªå¹ãå‡ºã—ã‚’æ›¸ã„ã¦ã¿ãŸ - Qiita
#ã¯ã˜ã‚ã« Canvasã‚’ä½¿ç”¨ã—ã¦ã€æ¼«ç”»ã§ä½¿ã‚ã‚Œã‚‹ã‚ˆã†ãª å¹ãå‡ºã—è¡¨ç¾ã‚’å†ç¾ã—ã¦ã¿ã¾ã—ãŸã€‚å½¢è‡ªä½“ã«ã‚‚æ±Žç”¨æ€§ãŒã‚ã‚‹ã¨æ€ã†ã®ã§ã€å¹ãå‡ºã—ä»¥å¤–ã«ã‚‚ä½¿ãˆãã†ã§ã™ã€‚ã“ã‚Œã§æ¼«ç”»è¡¨ç¾ã‚·ãƒªãƒ¼ã‚ºã¯ä¸‰ä½œç›®ã¨ãªã‚Šã¾ã—ãŸã€‚ï¼ˆä»Šã¾ã§ã«æ›¸ã„ãŸã‚‚ã®ã¯æœ€ä¸‹éƒ¨ã‚’å‚ç…§ãã ã•ã„ï¼‰ä»Šå›žæ›¸ã„ãŸå¹ãå‡ºã—ã¯ä»¥ä¸‹ã®3ç¨®é¡žã«ãªã‚Šã¾ã™ã€‚ å¹ãå‡ºã—ã®ã‚·ãƒƒãƒï¼ˆä½•ã¦ã„ã†ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€‚ã€‚ç™ºè¨€è€…ã‚’ç¤ºã™ç´°ã„ä¸‰è§’ã®ã‚„ã¤ã§ã™ï¼‰ã¯æƒ³å®šã—ã¦ã„ã¾ã›ã‚“ã€‚ [å‹•ä½œã‚¤ãƒ¡ãƒ¼ã‚¸] ãƒ‘ãƒ¼ãƒƒã¨ã—ãŸå¹ãå‡ºã— ãƒ‘ãƒ³ã‚¯ãªå¹ãå‡ºã— ãƒ¢ã‚³ãƒ¢ã‚³ãªå¹ãå‡ºã— ãªãŠå®Ÿéš›ã®å‹•ä½œã¯ä»¥ä¸‹ã§ç¢ºèªã§ãã¾ã™ http://nekoneko-wanwan.github.io/demo/canvas/effect/fukidashi/light/ http://nekoneko-wanwan.github.io/demo/canvas/effect/fukidashi/punk/ http://nekone
rikuo 2015/10/06
vector

canvas
ãƒªãƒ³ã‚¯
Marmoset Hexels - Grid-Based Vector Art, Pixel Art, Animation & Design
The Hexels canvas is a paintable grid of geometric shapes that lets artists create complex designs with the stroke of a brush. It is a new kind of vector workflow, a friendly playground for the beginning artist, and a versatile tool in the hands of a professional. Hexels pairs digital art tools with a unique geometric grid: a discrete and tessellating mosaic. This grid combines the feel of free-fo
rikuo 2015/06/14
ãƒ”ã‚¯ã‚»ãƒ«ã‚°ãƒªãƒƒãƒ‰ãªãƒ‰ãƒãƒ¼ã‚½ãƒ•ãƒˆã€‚SVGã§ã‚‚å‡ºåŠ›ã§ãã‚‹ã€‚

svg

software

vector
ãƒªãƒ³ã‚¯
SVG Path Strings
SVG comes with several shape elements - rect, ellipse, line, polygon - that can create basic forms. To create a map, streamgraph or other more complicated shapes, path elements are used. Instead of specifying the size and position of a path element with attributes like height, radius or x as we do with the basic shapes, the geometry of the path element is determined by a single d attribute. This d
rikuo 2015/02/24
SVGã®pathè¦ç´ ã®ã‚³ãƒžãƒ³ãƒ‰ã®ä»•çµ„ã¿ã‚’å‹•ã‹ã—ã¦å¦ã¹ã‚‰ã‚Œã‚‹ã€‚

vector

SVG

tutorial
ãƒªãƒ³ã‚¯
ä¸å¦ç”Ÿã§ã‚‚ã‚ã‹ã‚‹ãƒ™ã‚¸ã‚§æ›²ç·š
ãƒ™ã‚¸ã‚§æ›²ç·šã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã—ã¦ã„ãŸã‚‰é¢ç™½ãã¦ä¸å¯§ã«æã„ã¦ã—ã¾ã£ãŸã€‚ã›ã£ã‹ããªã®ã§ã“ã‚Œã‚’ä½¿ã£ã¦èª°ã«ã§ã‚‚ã‚ã‹ã‚‹ã‚ˆã†ã«ï¼ˆãŸã¶ã‚“ä¸å¦ç”Ÿã§ã‚‚åˆ†ã‹ã‚‹ã‚ˆã†ã«ï¼‰ãƒ™ã‚¸ã‚§æ›²ç·šã¨ã„ã†ã‚‚ã®ãŒä½•ã‹ã‚’èª¬æ˜Žã—ã¦ã¿ãŸã„ã¨æ€ã†ã€‚ ãƒ™ã‚¸ã‚§æ›²ç·šã¨ã„ã†ã®ã¯ãªã‚ã‚‰ã‹ãªæ›²ç·šã‚’æããŸã‚ã®ã‚‚ã®ãªã®ã ã‘ã©ã€èª¬æ˜Žã¯ã¾ãšå˜ãªã‚‹ç›´ç·šã‹ã‚‰å§‹ã‚ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ã“ã®ä¸‹ã®å›³ã®ç‚¹ã®å‹•ããŒã™ã¹ã¦ã®åŸºæœ¬ã«ãªã‚‹ã‹ã‚‰ã ã€‚ ä¸€æœ¬ã®ç›´ç·šãŒã‚ã£ã¦ã€ãã®ä¸Šã‚’ç‚¹MãŒä¸€å®šã®é€Ÿåº¦ã§ç§»å‹•ã—ã¦ã„ã‚‹ã€‚ã“ã®ç‚¹Mã®è»Œè·¡ã¯ã€ã‚‚ã¡ã‚ã‚“ã ã‘ã©ã€å˜ãªã‚‹ç›´ç·šã«ãªã‚‹ã€‚ã„ã„ã‚ˆãã€‚tã¨ã„ã†ã®ã¯ç·šåˆ†ä¸Šã‚’ã©ã‚Œã ã‘ã®å‰²åˆé€²ã‚“ã ã®ã‹ã‚’è¡¨ã™æ•°å€¤ã ã€‚ ã‚‚ã†ã²ã¨ã¤ç·šã‚’å¢—ã‚„ã—ã¦ã€ãã®ä¸Šã«ã€Mã¨åŒã˜ã‚ˆã†ã«ç§»å‹•ã™ã‚‹ç‚¹ã‚’ã‚‚ã†ã²ã¨ã¤å¢—ã‚„ã™ã“ã¨ãŒã§ãã‚‹ã€‚ã‚‚ã¨ã‚‚ã¨ã®ç‚¹Mã‚’M0ã€æ–°ã—ã„ç‚¹ã‚’M1ã¨å‘¼ã¶ã“ã¨ã«ã—ã‚ˆã†ã€‚M0ã¨M1ãŒå‹•ããƒ«ãƒ¼ãƒ«ã¯åŒã˜ã¾ã¾ã ã€‚M1ãŒå¢—ãˆã¦ã‚‚ç‰¹ã«ã‚„ã‚„ã“ã—ããªã£ã¦ã„ã‚‹ã“ã¨ã¯ãªã„ãã€‚ ã•ã¦ã€ã“ã“ã§M0ã¨M1ã‚’ã¤ãªãç·šã‚’
rikuo 2015/01/23
ç§»å‹•ã—ã¦ã„ãŸã®ã§å†åº¦ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€‚æ—§è¨˜äº‹ http://ruiueyama.tumblr.com/post/11197882224

vector

tutorial
ãƒªãƒ³ã‚¯
Applying Styles and Themes | Android Developers
Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.
rikuo 2014/10/31
android

vector

SVG

VectorDrawable
ãƒªãƒ³ã‚¯
Android 5.0ã‹ã‚‰SVGæº–æ‹ ã®drawableãŒæ›¸ã‘ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸ - agri-note inside
ã“ã‚“ã«ã¡ã¯ã€Androidãƒãƒ¼ãƒ ã®ä¸å·@Nkznã§ã™ã€‚ Android Studio 0.8.14ã®ãƒªãƒªãƒ¼ã‚¹ãƒŽãƒ¼ãƒˆã‚’è¦‹ã¦ã„ã¦çŸ¥ã£ãŸã®ã§ã™ãŒã€Lollipopã®API Level 21ã§ã¯<vector>ãªã©ã®drawableç³»ã‚¿ã‚°ãŒæ‹¡å……ã•ã‚ŒãŸã®ã§ã™ãã€‚ åå‰çš„ã«ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒæ›¸ã‘ãã†ã§ã™ãŒã€å®Ÿéš›ä½•ãŒã§ãã‚‹ã®ã ã‚ã†ã¨æ€ã£ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ Working with Drawables | Android Developers Vector images are represented in Android as VectorDrawable objects. For more information about the pathData syntax, see the SVG Path reference. <vector>ã®ä¸ã«æ›¸ã<path>ã‚¿ã‚°ã®pathDataã®è¨˜æ³•ãŒã€SVGæº–æ‹
rikuo 2014/10/30
android

vector

SVG

VectorDrawable
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸