SVGファイルとは？基礎知識と作成・変換方法を解説｜ferret [フェレット]
多くのホームページが活用している「SVG（エスブイジー）ファイル」。具体的にどの様なフォーマットなのかご存知でしょうか。 SVGファイルのメリットは、拡大縮小しやすく編集性・汎用性が高いこと。でも「何となく使っている」「実はあんまりどのようなものか知らない」「なぜSVGなの？」と感じている方も少なくないでしょう。 そこで本記事では、SVGの特徴やその他のフォーマットとの違い、作成方法などについて詳しく解説します。 SVG（エスブイジー）ファイルとはなにか？ 「SVGファイル（スケーラブル・ベクター・グラフィックス、Scalable Vector Graphics）」はの歴史は意外にも古く、2001年頃に勧告された技術です。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス)の略で、一種の画像フォーマットになります。 引用元：今こそ取り組むS
![SVGファイルとは？基礎知識と作成・変換方法を解説｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/c1044997c38f72020170dae282a443ce6cd7864c/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F8445%2Fog_image%2Fdefault-d8edf2f9b5b2b651d90216773c15980f.png)
Photoshop加工、レタッチアイデア集！実用的なチュートリアル、作り方まとめ 2017年10月度
クリエティブな発想やアイデアを形にできるPhotoshop。今回は、デザインの参考にしたい実践的な最新Photoshopチュートリアルや作り方をまとめてご紹介します。 デザイン案件でもよく見かける基本テクニックから、プロレベルの本格的なデザインの作り方まで幅広いPhotoshopの使い方を学ぶことができる新作チュートリアルをまとめています。新しいデザインの技をしっかり身につけ、今後のデザインに活かしてみましょう。 センスいいね！と一目おかれるPhotoshopテクニック、チュートリアルまとめ 2017年9月度 Photoshop加工、レタッチアイデア集！実用的なチュートリアル、作り方まとめ 写真を色鉛筆で塗りかけのスケッチ画風に仕上げる方法 実際に鉛筆で紙に書いたスケッチをブラシに変換し、写真にはフィルタを適用するだけのお手軽さがポイントの写真加工チュートリアル。 ぽたぽたとペンキが垂れる
配色えらびも人工知能の時代！素敵なカラーパレットを自動生成できるツール Khroma
デザインに欠かせない配色選びは、デザイナーにとって頭を悩ませる問題のひとつ。もしコンセプトにあった色の組み合わせを素早く、しかもたくさんのサンプル案と一緒に確認できるとしたら？ Khroma は、そんなデザイナーの想いを人工知能をつかって解決したオンライン配色ツールです。お好みの色を追加することで、より精度の高い組み合わせを実現できる、まさに「育てる」配色ツールと言えます。 Khroma とは。 Khroma とは、人工知能 Ai を利用することで、選択した色を解析し、実用性の高いカラーパレットを生成するオンライン配色ツールです。 このツールを使えば、以下のようなスタイリッシュな配色をほんの数分で作成することができます。今回は、Khroma の使い方を詳しくみていきましょう。 Khroma の使い方 まずは、お好みの色を50色選んでいきます。「50色」と聞くと多いように感じるかもしれません
ウェブデザイナーが配色に困らない、実践向き無料カラーツール14個まとめ
配色は、デザイナーが扱うツールキットの中でも強力なアイテムのひとつで、習得するのが難しいコンセプトでもあります。 可能な色の組み合わせは無数にありますが、ウェブサイトやアプリで使用する色を決めるときに悩んでしまうこともしばしば。 デザイン作業を簡単にする、配色カラーパレット作成に適した無料ツールをまとめてご紹介します。制作時間の短縮につながる実践的なツールの使い方を学びましょう。 【2021年版】もう配色デザインには迷わない！すごい無料カラーパレットツール83個まとめ コンテンツ目次 1. インスピレーションの見つけ方 2. 色彩配色の決め方 3. カラー・アクセシビリティ 01. インスピレーションの見つけ方 自然から デザインのアイデアやインスピレーションになるものは、すでに自分のまわりにたくさんあります。ぐるりと周囲を見回してみましょう。プリントデザイン、インテリア、ファッションなど
カラーの取得・管理、カラーパレットの作成、画像からカラー抽出などいろいろできてしまう便利なカラーツール -Kelir
カラーピッカーはいろいろありますが、これは決定版では？ というくらい便利なOS X用の無料ツールを紹介します。 カラーピッカーとしてはもちろん、カラーの管理、カラーパレットの作成、画像からカラーの抽出、グラデーションの作成・コード生成など、PhotoshopやSketchをはじめとする他のアプリで作業する時に役立つ強力なカラーツールです。
PhotoshopにもSketchにも対応の優れもの！UIデザインの面倒な作業を自動化する無料プラグイン -Craft | コリス
Photoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応のUIデザインの面倒な作業を自動化する無料プラグインを紹介します。 Craft Craftの特徴 Craftの3つのパネル Craftのダウンロードとインストール Craftの特徴 CraftはUIデザインでの退屈で面倒な作業を自動化し、デザインワークフローを時短化するPhotoshop CC2014+(Win&OS X)、Sketch 3+(OS X)対応の無料のプラグインです。 リアルなデータでデザイン作業 さまざまなタイプのテキストデータや画像を簡単に利用できます。 ワークフローの効率化 データのインポート、デザイン要素の複製など、今までより素早くできます。 シームレスなインテグレーション CraftはPhotoshopとSketchの両方で同じように利用できます。 かなり急ぎ足のアニメーション
面倒なSVGのパスを簡単に作成できてしまう便利ツール -SVG Path Builder
面倒で複雑なSVGのパスでも簡単に作成できてしまう便利ツールを紹介します。 オンラインでもローカルでもどちらでも利用できます。
WebPackを使ってJavaScriptを効率的に書くチュートリアル【入門編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先日Developers Summitデビューしました。こんにちは、先生です。 前回公開した記事「エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順」の反響が大きかったので、そこで使われているWebPackというModule Bundlerをもう少し深く掘り下げていきたいと思います。 WebPackとは WebPackは静的なファイルの依存関係を解決しつつ結合したり分割したりするツールです。非常に多機能でカスタマイズの幅が広いのが特徴です。 http://webpack.github.io/docs/ 個人的な経緯ですが、require.js -> Browserifyを経てWebPackに落ち着いたところです。 WebPackはnpmを使ってインストールします。 npm install webpack -g ※ npmが使えない方はまずNode.jsをインストールしてく
無料で配色シミュレーションができるカラーパレット系サービス6選【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのモモコです。 今回はデザインの重要な要素の一つである、色選びの時に使える配色シミュレーションができるツールやサイトをご紹介します。Webカラーのカラーパレット系サービスを中心にチョイスしましたので、配色などでお悩みの方はぜひご参考にしてみてください！ 独学でつまずいていませんか？ 配色やデザインの基礎を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 coolors https://coolors.co/ 直感的な操作で色の組み合わせのシミュレーションができるサイト。スペースキーを押すことで自動で配色を行なってくれます。何度でも押せる
[JS]WordPressにも最適！シンプルなHTMLをさくっとアコーディオンにしてしまうスクリプト -Magic Accordion
h2の見出し、コンテンツ（テキストや画像）、h2の見出し、コンテンツ（テキストや画像）、、、と実装されたシンプルなHTMLをアニメーションで開閉するアコーディオンにするjQueryのプラグインを紹介します。 ↓上の赤いボタンは切替で、見出し付きのコンテンツをアコーディオンにしています。 「Some amazing header」「And yet another」が見出しです。 Magic Accordion Magic Accordion -GitHub Magic Accordionのデモ Magic Accordionの使い方 Magic Accordionのデモ スクリプトのコンセプトは、WordPressなどのCMSで簡単に利用できるようシンプルなコードからアコーディオンが生成できるよう設計されています。 デモは上部に切替ボタンがあり、見出し付きコンテンツの状態、それをアコーディオ
![[JS]WordPressにも最適！シンプルなHTMLをさくっとアコーディオンにしてしまうスクリプト -Magic Accordion](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e2783ce385857ea9b172089f4da3c1407bf06c5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014092505.gif)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
人工知能もついにここまで！ロゴのデザイン、Webサイトのスタイルガイドを作成できるオンラインサービス -Brandmark
【比較】sitemap.xml 作成ツール 10点 | スターフィールド株式会社
新着記事
2色・3色・多色、色の組み合わせ方が分かる配色に便利なオンラインツールのまとめ
地図が簡単に楽しく作成できる！世界地図をはじめ、日本を含めた各国の地図にも対応 -Pixel Map Generator
新着記事