Photoshop作業を爆速に！便利すぎる無料ツール、拡張機能、素材あつめました。
デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph
無料ダウンロード＆商用利用もOKなクラシカルな装飾を集めた「Handbook of Ornament」作品集
古典の装飾モチーフを集めた「Handbook of Ornament」という本は、装飾の研究者であり詩人・画家でもあったFranz Sales Meyer氏が1896年に出版し、多くの産業デザイン・建築デザインの理論＆実践において使用されてきました。この本が著作権切れとなり、中に掲載されているイラストが、誰でも自由に使える状態でインターネット公開されています。本やフリーペーパーなどの素材としても使えそうな装飾の数々が、パブリックドメインなので無料でダウンロード可能、商用・非商用を問わず使用できるようになっています。 Category:Handbook of Ornament (1900) illustrations - Wikimedia Commons https://commons.m.wikimedia.org/wiki/Category:Handbook_of_Ornament_(
1行追加でOK！CSSだけで画像をトリミングできる「object-fit」プロパティー
2024年8月19日 CSS 画像の一覧を表示する時などは、画像のサイズが統一されていると並べて表示させてもすっきりキレイに整って見えますが、必ずしもサイズが同じとは限りません。かといってPhotoshopを使ってすべての画像をリサイズできない…ということもあるでしょう。そんな時はCSSでトリミングすると楽です！今回は「object-fit」というプロパティーを使って、画像の縦横比を保ちつつトリミングする方法を紹介します。 ↑私が10年以上利用している会計ソフト！ 画像を中央の位置でトリミングする まずはこの縦長の画像、横長の画像を並べ、縦横250pxの正方形の形で表示させてみましょう。 img { width: 250px; height: 250px; } CSSでこのように画像に対してサイズを指定すると… こんな感じでグチャッとつぶれて表示されちゃいます…。 そこで画像に対して ob
5 Interesting New Photo Viewing and Editing Apps to Download
When you think of editing images, Adobe Photoshop is the first name to pop into anyone's head. But it costs a pretty penny and might not be worth it for a lot of regular folks. Thankfully, there are good free alternatives. Recently, the world of photo-editing programs has seen several new contenders crop up, both on desktop and mobile. And we don't just mean apps to turn photos into paintings. Fro
無料でダウンロード可能なリボン素材専門の素材サイト「リボンフリークス」
「デザイン枠、飾り罫素材専門サイト『フレームデザイン』にリボン素材が多くなってきた」ということから、リボン素材のみを扱う専門サイトとして公開されたのが「リボンフリークス」です。「リボン素材に困った人は、使って早く帰りましょう」ということで、無料でダウンロードでき、WEBデザイン・TV・ネット動画・DTPなどで使えるデザイナー必見のウェブサービスとなっています。 リボンフリークス – Just another WordPress site http://ribbon-freaks.com/ リボンフリークスのトップページはこんな感じ。 いろんなリボン素材がずらっと並んでおり、画面下部のボタンからカテゴライズされていない素材一覧を見ていっても楽しめるのですが…… 「こういう素材が欲しい」と決まっている場合は、画面上部のカテゴリアイコンをクリックしていけばOK。 リボン素材がどのようなカテゴリに
CSSのコピペだけ！おしゃれな見出しのデザイン例まとめ68選
今回は見出し（h1〜h6タグ）のオシャレなデザインサンプルを68つ紹介します。CSSコードをコピペすればそのまま使うことができます。もちろん自分好みにカスタマイズして使って頂いても構いません。
おしゃれ！明朝体フリーフォントのおすすめ16選【商用利用可】
明朝体フォントは手書きの雰囲気を残した日本語の情緒を感じさせてくれるフォントで、和文によく合います。また種類も豊富で、非常に個性が豊かなのも魅力です。 そこで本記事では、明朝体フリーフォントから、商用利用可能なものを16個をご紹介します。気に入ったフォントがあればデザインに取り入れてみてはいかがでしょうか。 ※フォントを利用する際は、各サイトの利用規約をご確認ください。 目次 明朝体フォントの魅力 はれのそら明朝 Oradano明朝GSRRフォント さわらび明朝 はんなり明朝 こころ明朝体 やさしさアンチック 刻明朝フォント 刻丸明朝かな ほのか明朝 あおぞら明朝フォント うつくし明朝体 ふぉんとうは怖い明朝体 戸越明朝 XANO明朝 梅明朝 イマジン・ヨコハマフォント 明朝体フォントの魅力 明朝体は横線に対して縦線が太いのが特徴。ウエイトが重くなっても、横線の太さはそれほど変わりません。
ロゴデザインの勉強にブックマークしておきたい！圧倒的なボリュームでアイデアが広がる -Logobook
世界中のブランドや会社のロゴ、シンボル、トレードマークをコレクションしているサイトを紹介します。 ロゴをデザインする時の勉強に、また単に眺めているだけでも楽しめます。
アプリ開発で参考にしておきたい UI デザインパターンまとめサイトのまとめ - Qiita
業務や個人でのアプリ開発で、UI デザインを考えるときに参考にできそうなサイトを紹介します。なかなか個性的・奇抜だったり、少し古い UI が混ざってたりしますが、インスピレーションを働かせる良い刺激になります。 tumblr 多めです。 Behance https://www.behance.net/ Adobe のポートフォリオサイトです。 モバイルデザインのみならずファッションやグラフィックデザインなど、様々なコンテンツが登録されています。 このサイトでは Creative Field という名前でカテゴリ分けされており、アプリ開発においては Interaction Design や Web Design あたりが参考になります。 Pinterest https://jp.pinterest.com/explore/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%A
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選
ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・
これぞ機械分解の美学。フェチ感たっぷりのガジェット分解フォトアートをご覧あれ
これぞ機械分解の美学。フェチ感たっぷりのガジェット分解フォトアートをご覧あれ2017.01.25 07:035,990 たもり 造形が美しいプロダクトは、分解されてもなお美しい。 ガジェットの分解で真っ先に思いつくのはiFixitですが、彼ら以外にもガジェット分解にはげむ人はいます。カナダ人のTodd McLellanさんは、身の回りのアイテムを分解しては、その姿をレンズに収めるフォトグラファー。 分解写真の撮影は彼のライフワークとなっており、これまでにウォークマンやiPodといった新旧のガジェットだけでなく、自転車やアコーディオンといった日用品などが被写体となりました。そうそう、ペンタックスやタイプライターの全部品をずらーっと並べたフォトアートも彼の作品です。 Design You Trustが、そんなMcLellanさんが2013年に出版した写真集『Things Come Apart:
2017年これからのWeb制作業界の流れ、注目されているテクニックやツール、Webデザインのトレンドなどのまとめ
数多くのブログで2017年のトレンドをさまざまな切り口でポストしているので、その中から特に印象的で共感がもてたものをまとめて紹介します。 注目キーワードは、コンテンツファースト、レイアウトの多様化、フラットデザインやミニマリズムの進化、アニメーションの重要性、コミュニケーション・コラボレーション、AR/VR。 2017年のトレンドカラーは、フレッシュなグリーン。 参考: 2017年のトレンドカラー「グリーナリィ」と春のトレンドカラー10色 2017年、Webデザインのトレンド 2016年に人気が高かったインターフェイスのデザイントレンド 2017年、Adobe社のデザイン予測 2017年、Web制作業界全体の流れ 2017年、注目されているデザイナー・デベロッパーのツール 2017年、WebデザインのUIにおけるトレンド 2017年、Webデザインのトレンド まずはWebデザインのトレンド
１年でフリーのWebデザイナーになった僕が実行した8つのステップ【独学デザイン勉強方法】 - LITERALLY
Desk | Flickr デザインスキルを身につけてから、世界がずいぶん広がった。自分一人の力で仕事が出来るようになったし、発信したいものがあれば好きなようにWebページを作れば良いし、プレゼンのスライドも何倍も印象的に作れるようになった。デザインで学んだことは生活していれば至るところで活きてくるので投資効果はかなり大きいはず。 今回は、Webデザインの知識が一切なかった僕が、会社や飲食店からWebデザインの仕事を請けるようになるまでの１年間に実行した8のステップ（デザインの勉強4＋Webデザインの勉強4）をまとめてみる。ここで書くのは目安として、HTML・CSSを使ったレスポンシブデザインのウェブサイトを作るあたりまで想定してもらえると良い。 いちおう自己紹介を簡単に 独学でデザインの勉強を始めたのは2年前の2012年後半。とは言っても雑誌のレイアウトデザイン（グラフィック・デザイン）
はてなブログを一瞬でおしゃれにする最強のデザインカスタマイズ方法（テーマDUDEの手引き） - LITERALLY
以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し
デザインセンス抜群！参考にしたいオシャレなはてなブログ5選 - darakeru
デザインが秀逸なはてなブログの方たち 1．Literally tsukuruiroiro.hatenablog.com はてなブログの中でも群を抜いてかっこいいブログ。このブログアイコンの時点ですでにハイセンスを感じますよね。いつかこんなデザインにカスタマイズしてみたいという目標にさせてもらってます。ヘッダー、サイドバー、記事のタイトルなどすべてが参考になります。スマホサイトのほうのデザインも秀逸です。私も真似させてもらいました。この場を借りて感謝申し上げます。 2．AIUEO Lab2 akiueo.hatenablog.com 明るく見やすく親しみやすいレイアウト。サイドバーの人気記事なんてすごいですね。フッターにカテゴリーのリンクがあることでサイト内のアクセスがしやすくなっていると思います。 3．がじぇぶ gadgety.hatenablog.com すっきりとしたデザインながらポッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
monostudio.jp
デザインのアイデアが豊富！最近のWebデザインで採用されているレイアウトやUI要素が揃った素材のまとめ
ゴシック体のフリーフォント15選【商用利用可】
https://sozai.site/archives/193
