みなさんこんにちは! 社内制作チーム、ひよっこデザイナーのえびちゃんです。 アイキャッチのレビューで先輩から学んだわざを皆様にも共有すべく、「ひよっこデザイナーえびちゃんが学んだこと」として連載していこうと思いますので、どうぞよろしくお願いします……! 前回はPhotoshopでの人物写真のデザイントーンの合わせ方をお伝えしました。
こんにちは。koyaです。 今回は「コロナに負けない!シーブレイン的、withコロナ時代の楽しみ方」でも使用したSVG画像の使い方について説明をします。 svgを使用した理由 今回は牛の肉の部位毎にマウスホバーの判定が欲しかったため、svgを使用しました。 もしpng画像を使用すると、透過された部分にも画像の判定が入ってしまいます。 その点svgを使用すると動画のように見た通りの範囲のみ判定があるため、今回のようなケースではsvgを使用します。 svg画像の出力 今回はAdobeXDを使用したsvg画像の出力を行います。 書き出す際の設定は下の画像のように 形式→svg スタイル→内部CSS 画像を保存→リンク と設定します。 ファイルサイズの最適化については、ファイルサイズを縮小したものは改行が消えたり、pathのidが消えてしまうのでもしコードを参照する場合はチェックを外した方が使いや
以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント(ttf,otf,ttc,woffも)、画像(jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも)、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS(M1対応)に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます! Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag
この記事では、デザイン制作に活用したい無料ダウンロードできる最新フリーフォントをまとめています。 フォントのウェイトが充実した汎用性の高い書体から、おしゃれでかわいい英語フォントなど、あらゆる最新フォントスタイルが揃います。 どれも無料ダウンロード可能なので、新しいフォントスタイルを試してみてはいかがでしょう。デザインの幅が、きっとグッと広がりますよ。 あらゆるデザインで役立つ最新フリーフォントまとめ しっぽり明朝 物静かで上品で、見ているだけでうっとりするような明朝体を目指して制作された、オールドスタイル明朝体フリーフォント。本文用Regularウエイトを含め全5ウエイト収録で、制限なく自由に使えるハイクオリティな書体となっています。 濁点喘ぎ(汗喘ぎ/汗濁喘ぎ/濁音喘ぎ)ができ、しっぽり明朝外字簡単入力ツールで簡単にコピペ入力できます。 Google Fontでも利用可能な点もポイント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く