HeroiconsBeautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
ç„¡æ–™ã§ã€Œ.aiã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’PNGãªã©ã®ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«å¤‰æ›ã—Illustratorãªã—ã§é–‹ãã“ã¨ãŒã§ãる「ShapeConverterã€ã®ä½¿ã„æ–¹
Windowsã§Adobe Illustratorã®ã€Œ.aiã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’一発ã§ç°¡å˜ã«PNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルã«å¤‰æ›ã§ãるオープンソースã®ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆãŒã€ŒShapeConverterã€ã§ã™ã€‚使ã„方もã‚ã¡ã‚ƒãã¡ã‚ƒç°¡å˜ã§ã€ã€Œãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰â†’起動→AIファイルを開ã→変æ›ã—ã¦ä¿å˜ã™ã‚‹ã€ã¨ã„ã†è¶…絶シンプルã•ãªã®ã§æ¿€çƒˆã«ä½¿ã„ã‚„ã™ã„ãŸã‚ã€çŸ¥ã£ã¦ãŠã„ã¦æã¯ã‚ã‚Šã¾ã›ã‚“。 ã¾ãšã¯ä»¥ä¸‹ã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã€‚ Releases · gomi42/ShapeConverter · GitHub https://github.com/gomi42/ShapeConverter/releases 最新版ã®ã€ŒShapeConverter.exeã€ã‚’クリック ダウンãƒãƒ¼ãƒ‰ã—ãŸã€ŒShapeConverter.exeã€ã‚’èµ·å‹• å³ä¸Šã®ã€Œ...ã€ã‚’クリックã—ã¦å¤‰æ›ã—ãŸã„「.ai
æ–‡å—レイヤーを支ãˆã‚‹æŠ€è¡“ - pixiv inside
ã“ã‚“ã«ã¡ã¯ã€åž‹ã¨è¤‡é›‘GUIãŒå¤§å¥½ã㪠@f_subal ã§ã™ã€‚ 普段㯠pixivFACTORY ã¨ã„ã†ã‚µãƒ¼ãƒ“スã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’ã‚„ã£ã¦ã„ã¾ã™ã€‚ ã•ã¦ã€æ—©é€Ÿã‚¹ã‚¯ã‚·ãƒ§ã§ãŠè¦‹ã›ã—ã¦ã„ã¾ã™ãŒã€ 今年ã®3月㫠pixivFACTORY ã®ã‚°ãƒƒã‚ºç·¨é›†ç”»é¢ã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ã™ã§ã«ã“ã¡ã‚‰ã®è¨˜äº‹ã§ã‚‚紹介ãŒã‚ã‚Šã¾ã—ãŸãŒã€ æ–°ã—ã„ç”»é¢ã§ã¯ã€ç”»åƒã®ã¿ãªã‚‰ãšæ–‡å—を使ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ フォントワークス ãŠã‚ˆã³ MonoType ã®æ›¸ä½“㌠100 スタイル分利用å¯èƒ½ã§ã™ã€‚ æ–‡å—ã ã‘ã§ã®åˆ¶ä½œã‚‚å¯èƒ½ã§ã™ã®ã§æ˜¯éžã”利用ãã ã•ã„。 https://factory.pixiv.net/item_groups/new 今回ã¯ã€ã“ã®ãƒ†ã‚スト入力機能ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…〠特㫠React 㨠SVG ã§ã„ã‹ã«æ–‡å—レイヤーを表ç¾ã™ã‚‹ã‹ã«ã¤ã„ã¦ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ SVG ã«ã¨ã£ã¦æ–‡å—レイヤーã¨ã¯ä½•
岡田を切る技術 - Qiita
ã“ã‚Œã¯ã¨ã‚る回顧録 何度も諦ã‚ã‹ã‘ã¾ã—ãŸãŒã€æ•°å¹´ã®æ³æœˆã‚’経ã¦é‚ã«å²¡ç”°ã‚’切る技術ãŒä¸€æ—¦ã®å®Œæˆã¸ã¨è‡³ã‚Šã¾ã—ãŸã€‚ãã®æŠ€è¡“を巡る奮闘ã®æ´å²ã¨æˆæžœã«ã¤ã„ã¦ã€ã“ã“ã«è¨˜éŒ²ã‚’残ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ç”»åƒæ™‚代 ã¾ãšã¯ã€Œåˆ‡ã‚‹ã€ã¨ã„ã†å‹•ä½œãŒä½•ã‚’指ã™ã‹ã‚’明確ã«ã—ã¦ãŠãã¾ã™ã€‚ 厳密ãªå®šç¾©ã¨ã„ã†ã‚ˆã‚Šã¯ã€åˆ‡ã£ãŸæ„Ÿã‚’å¾—ã‚‹ãŸã‚ã«å¿…è¦ãã†ãªãµã‚‹ã¾ã„ã¨ã—ã¦å®šç¾©ã—ã¾ã™ã€‚ å¹³é¢ä¸Šã®ã‚ã‚‹é ˜åŸŸãŒã€ä»»æ„ã®ç›´ç·šã‚’境界ã¨ã—ã¦åˆ†å‰²ã•ã‚Œã‚‹ã“㨠分割ã•ã‚ŒãŸé ˜åŸŸã¯ç‰©ç†æ³•å‰‡ã«æº–ã˜ã¦ãµã‚‹ã¾ã†ã“㨠è¦ã™ã‚‹ã«æ°—æŒã¡ã‚ˆã岡田を切るã“ã¨ãŒã§ãã‚Œã°ç›®æ¨™ã¯ç„¡äº‹é”æˆã§ã™ã€‚ 物ç†ã‚¨ãƒ³ã‚¸ãƒ³ 切ã£ãŸæ„Ÿã‚’高ã‚ã‚‹ãŸã‚ã«ã¯ã‚„ã¯ã‚Šã€Œç‰©ç†æ³•å‰‡ã€ã«æº–ã˜ãŸãµã‚‹ã¾ã„ãŒæ¬²ã—ããªã‚Šã¾ã™ã€‚ã¤ã¾ã‚Šãƒ–ラウザ上ã§å‹•ã物ç†ã‚¨ãƒ³ã‚¸ãƒ³ãŒå¿…è¦ã§ã™ã€‚ 世ã®ä¸ã«ã¯ãƒ•ãƒ«ã‚¹ã‚¯ãƒ©ãƒƒãƒã§ç‰©ç†ã‚¨ãƒ³ã‚¸ãƒ³ã‚’作れる人間ã¨ä½œã‚Œãªã„人間ãŒå±…ã‚‹ã¨æ€ã‚ã‚Œã¾ã™ãŒã€æ®‹å¿µãªãŒã‚‰ç§ã¯å¾Œè€…ã§ã—ãŸã€‚å‹ã¡ç›®ã®è–„ã„å‹è² ã¯é¿ã‘ã€ç´ ç›´ã«å·¨äººã®æ–¹ã«ã™ãŒ
目指ã™ã®ã¯ã¶ã£ã¡ãŽã‚Šã®é€Ÿã•! ãªãœ HTML5 版Cacooã¯SVGを採用ã™ã‚‹ã®ã‹ | æ ªå¼ä¼šç¤¾ãƒŒãƒ¼ãƒ©ãƒœ(Nulab inc.)
ã“ã‚“ã«ã¡ã¯ï¼ Cacoo ãƒãƒ¼ãƒ ã®ä¸åŽŸã§ã™ã€‚ç¾åœ¨Cacooãƒãƒ¼ãƒ ã¯Flashã§ä½œã‚‰ã‚Œã¦ã„る図ã®ç·¨é›†ç”»é¢(以下エディタã¨è¡¨ç¾ã—ã¾ã™)ã‚’* HTML5 ã§ç½®ãæ›ãˆã‚‹é–‹ç™ºã‚’進ã‚ã¦ã„ã¾ã™ã€‚ã“ã®ãƒ–ãƒã‚°ã§ã¯ã€ HTML5 版 Cacoo ã§å›³å½¢ã®æç”»ã«ä½¿ç”¨ã•ã‚Œã‚‹ã€SVGã‚’é¸æŠžã—ãŸç†ç”±ã¨çµŒç·¯ã«ã¤ã„ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ （*ç½®ãæ›ãˆã‚‹ç†ç”±ã«ã¤ã„ã¦ã¯ã€ŒGood-Bye Flash ~ Cacooã¯HTML5ã§ç”Ÿã¾ã‚Œå¤‰ã‚ã‚Šã¾ã™ã€ã‚’ã”覧ãã ã•ã„） ã©ã®æŠ€è¡“を使ã£ã¦å›³å½¢ã‚’æã?é‡è¦–ã—ãŸã®ã¯ã€Œãƒ‘フォーマンス〠図形ã®æç”»ã«ã©ã‚“ãªæŠ€è¡“を使ã†ã‹ã€‚ã„ãã¤ã‹å€™è£œã‚’上ã’ã¾ã—ãŸã€‚ 2D Canvas 3D Canvas (WebGL) SVG (ã“れ以外ã«ã€Unityã¨ã„ã†æ„見もã‚ã‚Šã¾ã—ãŸãŒä»Šå›žã¯Web標準技術を使ã†ã“ã¨ã‚’å‰æã«ã—ã¾ã—ãŸã€‚) ã•ã¦ã€ã©ã‚Œã‚’使ãŠã†ã€‚ç§ãŸã¡ãŒã©ã®æŠ€è¡“ã‚’é¸æŠžã™ã‚‹ã®ã‹ã€åŸºæº–を決ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã
SVGã®åŸºæœ¬ï¼†æ´»ç”¨æ³•ã€‚SVGã®ãƒ¡ãƒªãƒƒãƒˆã¨äº‹ä¾‹ã‚’基礎ã‹ã‚‰å¦ã¶ã€‚
Best of MAX「ベテランã»ã©çŸ¥ã‚‰ãšã«æã—ã¦ã‚‹ Illustratorã¨Photoshopã®æ–°å¸¸è˜ï¼ˆCCライブラリ編）ã€
SVG女åã‚’90%軽ãã—ãŸSVG軽é‡åŒ–テク+α #svggirl
ã‚ã„ã¤ä»•äº‹ã—ã¦ãªã„ã§å¥³ã®åã®ã‚¤ãƒ©ã‚¹ãƒˆã°ã£ã‹ã‚Šã„ã˜ã£ã¦ã‚‹ãžã¨é™°ãªãŒã‚‰è¨€ã‚ã‚Œã¦ã„ãŸå–œç´ã§ã™ã€‚ HTML5ã§å‹•ãSVGアニメーション「SVG女åã€ãŒãƒ©ã‚¹ãƒ™ã‚¬ã‚¹ã§ã®ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆåŸºèª¿è¬›æ¼”MIX11ã§å…¬é–‹ã•ã‚Œã€ 世界を（ã„ã‚ã‚“ãªæ„味ã§ï¼‰é©šã‹ã—ã¦ãã¾ã—ãŸãŒã€ ã¤ã„ã«æœ¬æ—¥ã€æ—¥æœ¬ã§ã‚‚公開ã•ã‚Œã¾ã—ãŸï¼ ã—ã‹ã‚‚日本版ã«åˆã‚ã›ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚é•·ããªã£ã¦ã„ã¾ã™ï¼ ã“ã£ãりブラウザを英語ã«ã—ã¦è¦‹ã¦ã„ãŸäººã‚‚必見ã§ã™ï¼ （神風動画ã•ã‚“ã«ã‚ˆã‚‹äºˆå‘Šç·¨å‹•ç”»ï¼ï¼‰ 神風動画ã•ã‚“ã«ã‚ˆã‚‹ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’SVGã§å†ç¾ã™ã‚‹ã¨è¨€ã†è©¦ã¿ã€ プãƒã‚°ãƒ©ãƒ ã«ã¤ã„ã¦ã¯ SVG Girlã®å…¬é–‹ã¨å†…部実装（プãƒã‚°ãƒ©ãƒžãƒ¼ãƒ–ãƒã‚°ï¼‰ ã§æ‹…当プãƒã‚°ãƒ©ãƒžãƒ¼ã®å¾éƒ·ãŒèª¬æ˜Žã—ã¦ã„ã¾ã™ãŒã€ã¨ã«ã‹ã ã„ã‹ã«SVGã‚’ãã‚Œã„ã«è»½ãã™ã‚‹ã‹ãŒæœ€é‡è¦ï¼ SVGã¨ã„ãˆã°æ‹¡å¤§ã—ã¦ã‚‚è’れる事ã®ç„¡ã„ベクター形å¼ã§ã€pngよりも軽ãã¤ãã‚ŒãŸã‚Šã™ã‚‹ã“ã¨ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ 今回
[JS]Canvas, SVGを使用ã—ãŸè»½é‡ã®JavaScriptã®3Dエンジン -three.js
通常ã€è¤‡é›‘ãªè¨˜è¿°ã‚’より簡å˜ã«ã§ãるよã†ã«ã—ãŸã€3Dã‚’æç”»ã™ã‚‹è»½é‡ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ サイトã§ã¯ä¸‹è¨˜ã®ã‚ˆã†ã«æ•°å¤šãã®ãƒ‡ãƒ¢ãŒæ¥½ã—ã‚ã¾ã™ã€‚ three.js -Javascript 3D Engine [ad#ad-2] three.jsã¯<canvas>, <svg>ã¨WebGLを使ã£ã¦ã€2Dã¨3Dをレンダリングã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å„デモã¯å¯¾å¿œãƒ–ラウザ（Firefox4+, Chrome9+, Safari10.6+ãªã©ï¼‰ã§ã”覧ãã ã•ã„。
jsdo.it
We’re getting things ready Loading your experience… This won’t take long.
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}