ロゴ作りにも! illustratorでクールなグラフィックをサッと作れるスクリプト7選 - 0.5秒を積み上げろ
Illustratorは色々なグラフィックを生み出せるツールですが、凝った処理のグラフィックを作ろうとすると、手作業で作るには難しかったり、時間がかかったりします。 ということで今回は、カッコいいけど手作業だと面倒で手間のかかるグラフィックを、スクリプト実行で手早くで描画してくれる時短スクリプトをご紹介。 ハーフトーンにしてくれるスクリプト このスクリプトは、選択したオブジェクトや画像をハーフトーン処理に施してくれます。 通常ハーフトーンの処理は一般的にPhotoshopの出番だと思いますが、アプリを切り替えての処理はなにかと面倒ですよね。 このスクリプトならばイラストレーター上で簡単に処理できますし、修正もしやすいです。ドットがパスになっているのも嬉しいポイント。 ただ大きい画像などはやや処理に時間がかかるようなので、ワンポイント的なオブジェクトに適用させるのがいいかもしれません。 ■ダ
プレゼンで使えるシェイプ（図形）素材集｜Tomoharu Nagasawa
PowerPointやKeynoteでの図形（シェイプ）はベクターデザインのため、拡大縮小が自在であり、配色や線描画、影（シャドウ）の設定なども自在なため、プレゼンテーションをはじめ、ドキュメントや図解、資料作成に便利に活用できます。 ただし、既定の図形は数が少なかったり、そのまま使えるものが多いわけではありません。 PowerPoint では「アイコン」という名前でSVG形式の図形がサポートされました。Keynoteでは、シェイプが大幅に増強され500以上使えるようになりましたが、そのまま使えるかというと、ひと工夫が必要となるものが多い印象です。PowerPoint と Keynote はともに図形（シェイプ）を合成する機能を有しておりそれを活用すると自在に図形（シェイプ）を作り出すことができます。 今回、過去に作成してきた図形（シェイプ）を公開します。ご自由にお使いください。 以下、含
簡単! CSSでできるSVGアニメーション - Qiita
svgアニメーションのやり方 この項目はadobe illustratorを持っていることを前提に書いています。 まずはじめにHTMLの簡単なテンプレートから <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>SVG アニメーション</title> <link rel="stylesheet" href="style.css"> <style> </style> </head> <body> </body> </html> cssの名前はsyle.css 素材作り レイヤーの名前はlogoにして、文字は必ずアウトライン化をしてください 素材ができたら右のタブからアセットの書き出しを選び、ドラッグアンドドロップ。名前を決めたら書き出ししよう svgについて svgと
SVGだから快適！スマホアプリやWebサイトでよく見かけるアイコンをアニメーションで変形させるテクニック
<div class="menu cross menu--1"> <label> <input type="checkbox"> <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="30" /> <path class="line--1" d="M0 40h62c13 0 6 28-4 18L35 35" /> <path class="line--2" d="M0 50h70" /> <path class="line--3" d="M0 60h62c13 0 6-28-4-18L35 65" /> </svg> </label> </div>
Haiku Project
We constantly build and and release new, bleeding edge versions of Haiku for testing purposes. You can download and install these versions to check out the latest features and bug fixes. Be aware that nightly images may be unstable. Additionally, some packages included with official releases need to be installed separately. If you're OK with this, you can find further instructions at our Nightly i
SketchファイルからWeb・モバイルアプリで使えるアニメーションが作れるHaikuを試してみた - bagelee（ベーグリー）
はじめに 本記事ではSketchファイルからWebやモバイルアプリ用のアニメーションが作れるHaikuというツールをご紹介します！ haikuは2018年の2月に正式リリースされていて、FigmaやSketchなどもともとアニメーションを得意としていなかったツールのファイルからアニメーションを作れることで非常に話題に上がっているツールです。 また、さらにすごいことに、作ったアニメーションファイルはgifなどの画像形式にできるのはもちろん、Webで使えるようにVanilla JS / HTML + CDN / React / Vue JSで書き出せたり、モバイルで使えるように iOS/ Android/ React Native で書き出せたりします！ 今回の記事では、haikuとはそもそもどういったツールでどんなことができるのか、何がすごいのか試してみた感想をご紹介します。 haikuとは
さよならSketch、こんにちはFramer X｜KANTA YAMAGATA｜note
Jorn van Dijk（@jornvandijk）のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ
りゅうちぇるが「男の家事」めぐり、さんま・一茂・良純と論争！ 家事こなすりゅうちぇるに3人は“女性依存”正当化 - 本と雑誌のニュースサイト／リテラ
りゅうちぇるが「男の家事」めぐり、さんま・一茂・良純と論争！ 家事こなすりゅうちぇるに3人は“女性依存”正当化 2016年12月にぺことの結婚を発表し、今年の7月11日には第一子となるリンク君が生まれたばかりのりゅうちぇる。そんなりゅうちぇるが8月14日放送『踊る！ さんま御殿!!』（日本テレビ）に出演したのだが、そこで夫婦関係や家事について語った考え方が視聴者からの絶賛を呼んでいる。 まず、りゅうちぇるは、「イラっとくる夫・妻の言動」をテーマにした視聴者投稿の再現VTRで「パジャマのボタンが取れたので妻に付け直してもらえるようお願いしたが、穴よりも大きいサイズのボタンを付けられた」という内容の話が流されると、「いま見ててびっくりして。ボタンとかも、僕、取れてたら普通に自分でやっちゃう」とバッサリ。明石家さんまに「『付けてくれよ』って甘えたくないの？」と問われても、「違うところで甘える」と
文字や背景にピュアブラックを使ってはいけない理由
UX Movementの創立者、ライター。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始める。 デザインにピュアブラックを使うと可読性が低くなると知っていましたか？ 統計によると、「アメリカの成人の58％」がコンピュータ作業で眼精疲労を経験したことがあるそうです。デザイナーは使用する黒の色に注意を払うことで、目が疲れる可能性をある程度減らすことができます。 ピュアブラックの文字や背景 ピュアブラックの文字や背景と白の組み合わせは、ユーザーが文章を長時間読むとき目に不快感を与えることがあり、眼精疲労を招いてしまいます。 白は100％の明度であり、黒は0％の明度です。このように明度のコントラストが強いと光量に不均衡が生じ、ユーザーが明るさに順応しようとするために目が酷使されることになるのです。 この現象を実証するために、暗い部屋で明るい電灯を
シリーズ：これからの美術館を考える（4） 「学芸員」という概念を解体しよう
シリーズ：これからの美術館を考える（4） 「学芸員」という概念を解体しよう5月下旬に政府案として報道された「リーディング・ミュージアム（先進美術館）」構想を発端に、いま、美術館のあり方をめぐる議論が活発化している。そこで美術手帖では、「これからの日本の美術館はどうあるべきか？」をテーマに、様々な視点から美術館の可能性を探る。シリーズ第4回は、東京国立近代美術館や国外の美術館で数々の展覧会を手がけてきた同館主任研究員の保坂健二朗。 文＝保坂健二朗 東京国立近代美術館 「学芸員」はオールラウンドプレイヤーか？ ここでリーディング・ミュージアム構想の是非はあえて問わない。正直なところ私は、あれを読んでむしろ、外部の門外漢があのような意見を言いたくなるような雰囲気を日本の美術館が持ってしまっているということなんだと、そしてそのような雰囲気が生まれることを許してきた体制について、自分も含めて関係者は
渋谷の壁、乗っ取ります 東急、百カ所を広告に - 産経ニュース
東急電鉄が東京・渋谷の住宅や店舗の壁面を使い、企業などの広告を同時に展開するプロモーション活動に乗り出す。キャッチコピーは「渋谷の街をジャックする」。平成３１年４月までに１００カ所の壁面を活用。新たな情報発信の場にするとともに、落書きが絶えず、暗くて怖いといった都会の路地裏とのイメージを払拭する狙いもある。 壁面の広告化は活用されておらず、人目に付きやすい場所を東急が探し、壁の所有者の代わりに管理する。壁を提供すれば、落書きされても東急が消してくれる上、面積や期間に応じて使用料が入る仕組みだ。 渋谷には、高い位置にある大々的な屋外広告が多いが、住居や店舗の壁は目線の高さのため、東急は「インパクトを生みやすい」と分析する。 ７月から渋谷駅周辺の３０カ所で始めた。９月には若手ストリートアーティストによる街を美術館に見立てた「ストリート美術展」を開催する予定で、渋谷以外での「壁ジャック」も検討す
医療のイラスト・写真・動画、素材販売サイトのメディック(medick)
2024/05/17 【重要】メンテナンスのお知らせ 平素は当サイトをご利用いただき、誠にありがとうございます。 このたび、下記の日程でシステムメンテナンスを実施いたします。 日時：2024年5月23日（木）11:00 ～ 12:00 ※メンテナンス終了時刻は多少前後する場合がございます。 なお、メンテナンス中は当サイトをご利用いただくことができません。 お客さまにはご不便をおかけいたしますが、ご理解賜りますようよろしくお願い申し上げます。2023/02/28 新着素材 シェーマのイラスト約120点（約30種類）追加致しました シェーマのイラスト約120点（約30種類）を新たに追加致しましたのでお知らせ致します。 詳しくは下記をご覧下さい。 http://medick.biz/search?q=%20&sort=3&mode=22016/08/12 新着素材 アイコンのイラスト約250点（
急激にはてなブックマークから女性の姿が消えている
私の知る2010年頃に比べて、ギスギスした政治ネタや一般人には呪文にしか見えないエンジニアネタが増えた。 コメントも罵倒が増えて、2chレベルに堕ちている。 つまり昔はあった高学歴文化系の雰囲気が消えて、弱者理系とデマゴーグばかりになってる。 ブログ界隈がアフィリエイトばかりになり、まともな才能が逃げていったというのもあるだろう。また、はてなブックマークがこんな状態だから、はてなでホッテントリ入りするメリットよりもデメリットの方が大きくなったとも思う。揚げ足取りや気持ち悪いストーカー的なコメントばかりだから。 そして女性はいなくなった。ココロ社も、メレ山メレ子も、安全ちゃんも今はいない。それに変わる存在など出てくる気配もない。 いるだけ損だ。女性を増やすはてなの取り組みは尽く失敗した。どこまでいっても理系オタクとオタサーの姫の発想でしかなかったから。アメーバからイケてる女性開発者を引き抜く
ゲイだって強者の振る舞いがしたい
anond:20180819023849みたいないつもの「みんなに気に入られるタイプのゲイ」が出てきたので みんなに気に入られないタイプのゲイの俺も一言言っておきたい。 ※ そういや日本はゲイにとって住みやすいみたいなことを言ってる人がいたな。それはあなたがまわりの人に恵まれてるんだよ。心底うらやましいよ。 「日本は住みやすいし俺の周りはいい理解者ばかりだし人生幸せ」って言って叩かれたゲイが居るけど、俺は彼が何でああいうこと（一部では叩かれるであろうこと）を言ったか痛いほどわかる。 叩いてるやつらは「無神経なんだ」とか「思慮が足りないんだ」とかいう認識で彼のことを叩いてただろ。 つまり「このゲイは叩いてる俺たちより馬鹿でゲイについて考えが足りないんだ」っていう前提でさ。 んなわけあるかよ、思い上がるのもいい加減にしろいっつもいっつも。 彼は元増田とは逆の人種なわけ。 グジグジしないでオープ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
