AIUI.me - Screenshot to codeThis project is on sale, contact me if you are interested. Contact Transform any screenshot into a fully functional, reusable component with just a single click.
Low-code Front-end Design & Development Platform | TeleportHQ
Find answers to the most common questions in our help section
背景åˆæˆã‚¢ãƒ—リ「Shoostã€ãƒ¬ãƒ“ュー æ˜ ç”»ã®ãƒ¯ãƒ³ã‚·ãƒ¼ãƒ³ã®ã‚ˆã†ãªã€Œã„ã„æ„Ÿã˜ã€ã®çµµã‚’手軽ã«ä½œã‚Œã‚‹ | PANORA
ビジュアルクリエイティブディレクターã®MuRoæ°ãŒç™ºè¡¨ã—ãŸã€ŒShoostã€ã¯ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãƒ„ールã 。「ã„ã„æ„Ÿã˜ã®é›°å›²æ°—ã®çµµã‚’ç°¡å˜ã«ä½œã‚ŠãŸã„ï¼ ã‚ャラクターをãã‚Œã„ã«é…ã›ãŸã„ï¼ã€ã¨ã„ã†æ€ã„ã‹ã‚‰ç”Ÿã¾ã‚ŒãŸæœ¬ãƒ„ールã¯ã€3ã¤ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’é‡ãåˆã‚ã›ã€ãã®ä¸Šã‹ã‚‰æ’®å½±åŠ¹æžœã‚’付与ã™ã‚‹ã“ã¨ã§ã€ç”»é¢ãƒ»æ˜ åƒã‚’作るã¨ã„ã†ä»Šã¾ã§ã«ãªã„ç«‹ã¡ä½ç½®ã®ãƒ„ールã¨è¨€ãˆã‚‹ã€‚ã—ã‹ã—ãªãŒã‚‰ã€ç‹¬ç‰¹ãªãƒ„ールゆãˆã«ã€ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‹ãªã„人も多ã„ã‹ã‚‚ã—ã‚Œãªã„。 本記事ã§ã¯ã€ã€ŒShoostã€ã‚’実際ã«å‹•ã‹ã—ã€ç°¡å˜ãªä½œå“を作りãªãŒã‚‰ã€æ©Ÿèƒ½ã‚„優れã¦ã„る点を紹介ã—ã¦ã„ã。 人物画åƒï¼‹èƒŒæ™¯ç”»åƒ ã¾ãšã€å…¬å¼ã«ã‚‚紹介ã•ã‚Œã¦ã„ã‚‹ã€äººç‰©ç”»åƒã¨èƒŒæ™¯ç”»åƒã‚’組ã¿åˆã‚ã›ãŸä½¿ã„方を試ã™ã€‚ 「Layer 2〠ã«äººç‰©ç”»åƒã‚’é…ç½® ã¾ãšã¯ã€ä¸»å½¹ã¨ãªã‚‹äººç‰©ç”»åƒã‹ã‚‰é…ç½®ã™ã‚‹ã€‚「Layer 2ã€ã‚’「Import Itemã€ã«è¨å®šã—ã€ç”»åƒã‚¢ã‚¤ã‚³ãƒ³ã‚’クリック。今回ã¯ã€Œã„らã™ã¨ã‚„
ãªãœãƒ‰ãƒƒãƒˆçµµä½œå®¶ãŒã€æµ·å¤–ファンã‹ã‚‰ã®èª²é‡‘支æ´ã§ç”Ÿæ´»ã§ãるよã†ã«ãªã£ãŸã®ã‹ï¼Ÿï½œã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚¨ã‚³ãƒŽãƒŸãƒ¼ãƒ©ãƒœ
ã©ã“ã‹ãƒŽã‚¹ã‚¿ãƒ«ã‚¸ã‚¢ã‚’æ„Ÿã˜ã•ã›ã‚‹ãƒ‰ãƒƒãƒˆçµµãƒ»GIFアニメを発信ã—ã€å›½å†…外ã‹ã‚‰æ”¯æŒã•ã‚Œã‚‹ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã®è±Šäº•ã•ã‚“。 å½¼ãŒä¸»ã«æ‰±ã†ãƒ¢ãƒãƒ¼ãƒ•ã¯ã€ç‰¹åˆ¥ã§éžæ—¥å¸¸çš„ãªä½•ã‹ã¨ã„ã†ã‚ˆã‚Šã¯ã€æ—¥æœ¬ã§æš®ã‚‰ã™äººãªã‚‰æ—¥å¸¸çš„ã«è¦‹ã‹ã‘るよã†ãªã€ç”Ÿæ´»ã®ä¸ã«ã‚ã‚Šãµã‚ŒãŸæ™¯è‰²ã§ã™ã€‚ ＊画åƒã¯å…¨ã¦è±Šäº•ã•ã‚“ã®Tumblrアカウントより引用＊ アニメーションã®å‹•ã自体ã¯å˜èª¿ãªã‚ˆã†ã§ã€æ€ã‚ãšã¤ã„ã˜ã£ã¨è¦‹å…¥ã£ã¦ã—ã¾ã„ã€ã„ã¤ã®é–“ã«ã‹æ™‚é–“ãŒçµŒã£ã¦ã—ã¾ã£ã¦ã„るよã†ãªã€äººã‚’惹ãã¤ã‘る作風ãŒé…力ã§ã™ã€‚ ãã‚“ãªä½œå“ã‚’æã„ã¦ç”Ÿæ´»ã™ã‚‹è±Šäº•ã•ã‚“ã§ã™ãŒã€å®Ÿã¯çµµã®ä»•äº‹ã®åŽå…¥ãŒä¸å®‰å®šã§ã€ç”Ÿæ´»ä¿è·ã‚’å—給ã—ã¦ã„ãŸæ™‚期もã‚ã£ãŸã¨ã„ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ç¾åœ¨ã¯æµ·å¤–発ã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼æ”¯æ´ã‚µãƒ¼ãƒ“ス「Patreonã€ï¼ˆãƒ‘トレオン）ã§500人を超ãˆã‚‹ãƒ‘トãƒãƒ³ã‹ã‚‰é‡‘éŠçš„ãªæ”¯æ´ã‚’å—ã‘ã¦ã„ã‚‹ãŠã‹ã’ã§ã€çµµã®ä»•äº‹ã«é›†ä¸ã§ãã¦ã„ã‚‹ãã†ã§ã™ã€‚ ãªã‹ãªã‹å®‰å®šã—ãªã‹ã£ãŸã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã—ã¦ã®æ´»å‹•ãŒã€
フォントé¸ã³ã®é©å‘½æ›¸ï¼ã‚»ãƒ³ã‚¹ã®ã„ã„デザインã«ãªã‚‹ãƒ•ã‚©ãƒ³ãƒˆã®çµ„ã¿åˆã‚ã›ãŒã‚ˆã分ã‹ã‚‹ -マãƒã™ã‚‹ã ã‘ã§ã‚»ãƒ³ã‚¹ã®ã„ã„フォント
デザインã«ä½¿ã†ã®ã¯ã„ã¤ã‚‚åŒã˜ãƒ•ã‚©ãƒ³ãƒˆã€ã€ã€ ãŸãã•ã‚“ã®ãƒ•ã‚©ãƒ³ãƒˆã®ä¸ã‹ã‚‰ã©ã†çµ„ã¿åˆã‚ã›ãŸã‚‰ã‚ˆã„ã®ã‹åˆ†ã‹ã‚‰ãªã„ã€ã€ã€ 使用ã™ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã«æ‚©ã‚€äººã«æœ—å ±ã§ã™ã€ã‚»ãƒ³ã‚¹ã®ã„ã„デザインã«ãªã‚‹3種類ã®ãƒ•ã‚©ãƒ³ãƒˆã®çµ„ã¿åˆã‚ã›ãŒã™ã§ã«é¸ã°ã‚ŒãŸãƒ•ã‚©ãƒ³ãƒˆé¸ã³ã®é©å‘½æ›¸ã‚’紹介ã—ã¾ã™ã€‚ 日本語フォント・英語フォントã®ä¸ã‹ã‚‰ç›¸æ€§ã®ã„ã„3種類ã®çµ„ã¿åˆã‚ã›ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œä¾‹ã¨ã¨ã‚‚ã«ãŸã£ã·ã‚ŠæŽ²è¼‰ã•ã‚Œã¦ãŠã‚Šã€ã‚¤ãƒ¡ãƒ¼ã‚¸ã«ã‚ã£ãŸãƒ•ã‚©ãƒ³ãƒˆãŒã™ãã«æŽ¢ã›ã¦é¸ã¹ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³æ›¸ã§ã™ã€‚ 本書ã¯ã€ã€Œ3色ã ã‘ã§ã‚»ãƒ³ã‚¹ã®ã„ã„色（紹介記事）「ã‘ã£ãょãã€ã‚ˆã¯ã。（紹介記事）ã€ã€Œã»ã‚“ã¨ã«ã€ãƒ•ã‚©ãƒ³ãƒˆã€‚（紹介記事）ã€ã§ãŠé¦´æŸ“ã¿ã®ingectar-eã®æ–°åˆŠã§ã™ã€‚ 今回ã¯ã€Œ3色ã ã‘ã§ã‚»ãƒ³ã‚¹ã®ã„ã„色ã€ã®ç¬¬2å¼¾ã€3書体本ã§ã™ï¼ã‚»ãƒ³ã‚¹ã®ã„ã„フォントã®çµ„ã¿åˆã‚ã›ãŒãŸãã•ã‚“掲載ã•ã‚Œã¦ãŠã‚Šã€Webやアプリや動画やãƒãƒŠãƒ¼ã‚„ãƒã‚¹ã‚¿ãƒ¼ã‚„ãƒãƒ©ã‚·ãªã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãƒ•ã‚©ãƒ³ãƒˆã‚’使用ã—ãŸä¾‹ã‚‚ãŸã£
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Magic UI
目的ã¨æŠ½è±¡åŒ–ã®é–¢ä¿‚性ã‹ã‚‰åˆ†ã‹ã‚‹ã€ã‚·ã‚¹ãƒ†ãƒ ã®è¨è¨ˆç²¾åº¦ã‚’高ã‚る考ãˆæ–¹ / purpose abstraction design
{{#tags}}- {{label}}
{{/tags}}