本当は教えたくない、モックアップ素材の無料配布サイト17選【2023年版】
直訳すると「模型」を意味するモックアップは、デザインの完成イメージをつかむサンプルのようなもの。 たとえば、作成したスマホアプリの画面や、商品のパッケージ、Tシャツのデザイン、文庫本や雑誌のカバー。 モックアップなしで商品を作成すると、「なんかイメージと違う」といったクレームに発展し、最悪のケースは最初から作り直しということも。 そんな事故を防ぐのはもちろん、完成した作品にほんの一手間を加えることで、まるで使っているようなイメージを湧かせやすいというメリットも。 今回は、高品質なモックアップ素材を無料ダウンローできる便利サイト17選をご紹介します。 本当は教えたくない、モックアップ素材の無料配布サイトまとめ Adobe Stock 無料で取得できるAdobe IDさえあれば、だれでも無料で利用できるAdobe Stock。7万点を超える素材をダウンロードでき、モックアップも多く揃います。
【フォトショップ】写真をリアルな紙幣プリント風に加工する方法
この記事では、フォトショップで紙幣にプリントされたような写真加工のつくり方をご紹介します。 まるで紙幣の肖像のような効果を演出できるテクニックで、ポイントは「魔法のテクスチャ」を写真に重ねることで、手軽にリアルな紙幣プリント風の写真加工を実現できます。 ワンランク上の仕上がりを実現する、レトロなハーフトーン加工と一緒に試してみてはいかがでしょう。 【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法 デザインの完成予定 できあがりがこちら。特殊なテクスチャさえ作成してしまえば、あとはドラッグ＆ドロップであらゆる写真に対応できます。 「魔法のテクスチャ」を作成しよう 今回のテクニックでは、ある特殊なテクスチャを写真に重ねることで、紙幣のような風合いを表現します。 まずはこのテクスチャを作成しましょう。10x10px、72dpi、カラーモードは「グレースケース」、カンバスカラ
【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ
当サイトでは、Illustratorの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいIllustratorのデザインチュートリアル、つくり方をまとめてご紹介します。 過去5年間の人気チュートリアル 直近5年間のIllustratorチュートリアルも一緒にまとめています。どのようにIllustratorが進化してきたのか見てみましょう。 【総まとめ】2020年公開のすごいIllustratorチュートリアル、作り方厳選まとめ 総まとめ！2019年のすごいIllustratorチュートリアル、作り方厳選50個 【総まとめ】2018年すごいIllustratorチュートリアル、作り方厳選68個 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 知識ゼロ
【総まとめ】2021年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2021年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 10月のアップデートで機能が大幅強化されるなど、進化が止まらないフォトショップ。 人気のレトロエフェクトにはじまり、ボタンひとつで完成のお手軽写真アクション、写真合成テクニックなど、デザイナーが覚えておくと便利なテクニックなどが多く公開された年となりました。 2021年公開のIllustratorチュートリアル、つくり方と一緒にいかがでしょう。 【総まとめ】2021年公開のすごいIllustratorチュートリアル、作り方厳選まとめ まずはAdobe公式サイトより、Photoshopを無料でダウンロードし、7日間のお試し期間
時短してますか？Web制作が変わる最新オンラインツール38個まとめ
日頃の忙しい業務を少しでも楽にしたい、効率化したいと考えている人にぴったりな、Web制作で使える最新オンラインツールをまとめてご紹介します。 コピペで利用できるお手軽CSSツールやSVGツール、コード知識不要のノーコードツール、色に困ったときに便利な配色ツールなど、クリエイティブな案件で活用したい新しいツールを揃えています。 カテゴリごとに整理しているので、制作フローに新しく追加してみてはいかがでしょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール クリックで一発コピペできる、120種類以上のCSSボタンを集めたライブラリ。3Dやグラデーション、レトロな
【総まとめ】2020年公開のすごいPhotoshopチュートリアル、作り方厳選まとめ
当サイトでは、Photoshopの新しい機能テクニックをつかった最新チュートリアル、作り方を定期的にまとめて紹介しています。 この記事では、2020年のあいだに公開された、特に確認しておきたいPhotoshopのデザインチュートリアル、つくり方をまとめてご紹介します。 これまで以上に便利になった新しくアップデートされたPhotoshop 2021の新機能はもちろん、ボタンひとつで完成のお手軽写真やアクション、合成テクニックなど、デザイナーが覚えておくと便利な人気のデザインスタイルのつくり方がずらり揃います。 これからPhotoshopを始めてみよう、というひとにもぴったりなテクニックを揃えています。年末の連休をつかって、新しいテクニックを習得してみてはいかがでしょう。 2020年公開のIllustratorチュートリアル、つくり方も以下の記事でまとめています。 【総まとめ】2020年公開の
クリエイティブに魅せる！オリジナルすぎる企業年次報告書デザインまとめ
あたらしい年がはじまり１ヶ月ほど経過し、さまざまな企業が年次報告書（英: Annual Report）をリリースしています。年次報告書は、日本語では「アニュアルレポート」とも呼ばれ、企業が世界の株主や投資家、金融機関などの関係先に配布する、経営内容についての情報をまとめたものです。特に2013年は、プリント冊子に加え、PDFファイルやWebサイトを通じて公開している企業がふえています。 海外デザインブログDesignModoで、オリジナリティーあふれるユニークな年次報告書をまとめたエントリー「Showcase of Annual Report Design Trends」が公開されていたので、今回はご紹介します。 詳細は以下から。 2013年次報告書に見るデザイントレンド ここす数年のあいだ、さまざまな種類に変化してます。特に注目すべき点は、紙媒体を使わずペーパーレス化が進んでいることでし
Adobe公式PSブラシ1000＋個を無料ダウンロードする方法（インストールからブラシ整理テクニック）
フォトショップで利用できるブラシ素材をお探しですか。実はフォトショップには、1000種類以上の無料の高品質ブラシが用意されており、Google検索などで時間を費やす必要はありません。 フォトショップのブラシ素材は、デジタルペイントや特殊効果の追加、または画像や写真レタッチなどに利用できるツールで、作業のクオリティーを大幅にアップすることができます。 この記事では、世界中で著名なイラストレーター、Kyle T. Webster氏が作成した1,000種類を超えるAdobeのPhotoshopブラシをインストール、使用する方法を学びます。また、Adobe Creative Cloudライブラリ機能を使った、お気に入りのブラシを整理、保存する効果的なテクニックも一緒に紹介しています。 Photoshopブラシのインストール方法 フォトショップブラシをダウンロード、インストールして、実際に利用するま
Illustratorをしっかり学ぶ！すごいチュートリアル、使い方50個まとめ 2019年8月度
この記事では、Illustratorの使い方を実践から学ぶ最新チュートリアル、つくり方をまとめてご紹介しています。レトロスタイルや鮮やかなグラデーションなどトレンドを意識したものから、デザインの現場で取り入れたい新機能や便利テクニックまで幅広く揃います。 前回のまとめからおよそ3ヶ月ぶりとなる今回は、基本的なツールの使い方をマスターできる、初心者のひとにもオススメしたいチュートリアルが多く、どれも実用的なものばかり。これを機会にデザインの幅を広げてみてはいかがでしょう。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 Illustratorをしっかり学ぶ！すごいチュートリアル、つくり方50個まとめ レトロなストライプ柄のテキストエフェクトのつくり方 ビンテージな配色が目を引く、70年代風のレトロデザインが素敵な動画チュートリアル。 かわいいユニコーンのキ
デザイナーの勉強になる、有名ブランドのスタイルガイド厳選50個まとめ
海外デザインブログCanva Design School Blogで公開された「50 Meticulous Style Guides Every Startup Should See Before Launching」より許可をもらい、日本語抄訳しています。 ブランドイメージは、まるで機械のようなものです。A brand is like a machine. たくさんの小さなパーツを一緒にすることで、全体が完成します。もしパーツを忘れてしまうと、その機械は正常通り動かないか、最悪の場合壊れてしまうかもしれません。以下の手順書を読むことで、あなたが機械を組み立てるときに、壊れてしまうのを防ぎましょう。 ブランドイメージを構築するために、配色や書体、ロゴやイメージ画像、パターン素材、スローガンなどをまとめたスタイルガイドの作成は、デザイン作業を楽にしてくれるひとつの方法です。細かいポイントをま
ユーザーを魅了する！UXデザインの正しいアニメーション完全ガイド 2018年版 - PhotoshopVIP
海外サイト Medium で公開された The ultimate guide to proper use of animation in UX by Taras Skytskyi より許可をもらい、翻訳転載しています。 最近では、UIデザインのアニメーションで感動させたり、驚くせることは難しくなってきています。画面上でのやり取りを示したり、アプリケーションの使い方を説明したり、ユーザーの注意を向けるなど、実装テクニックはさまざまです。 この記事では、UXデザインにおけるアニメーションの基本原則とルールをまとめてご紹介します。これからインターフェースデザインのアニメーションを作成したいというひとが、追加情報を探す必要がないよう、アニメーションのすべてをまとめた完全ガイドです。 アニメーションの持続時間とスピード 要素の状態や位置が変更されると、アニメーションの長さは、ユーザーに変更を通知し、
これだけは持っておきたいIllustrator無料ブラシ素材厳選42個まとめ【2024年版】
Lighthouse Liner Illustrator Brushes ($21) 素材まとめて2つ購入で20%オフ、最大5つで50%オフ まるで手描きしたようなイラストを作成できる、72のベクターブラシを揃えます。一緒に利用できる20種類のシームレスパターンを活用すれば、インクなど味わいのある雰囲気を演出できます。 Chunky Markers – Illustrator Brushes 素材まとめて2つ購入で20%オフ、最大5つで50%オフ まるでマジックペンで手描きしたような風合いを超リアルに再現できる、Illustrator用ベクターブラシ素材。 ペンのカスレ具合など34個のブラシ対応のプレミアム素材は、手軽に人間らしい温もりのあるデザインに。 Pencil Craft Brushes for Adobe Illustrator by Envato Elements フォトショッ
【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個
2017年の間に公開された、デザインの可能性を広げ、即戦力として実用性の高いPhotoshop無料ブラシ素材を厳選してご紹介します。 デザインに重ねるだけで質感をアップするお手軽ブラシから、鉛筆や筆ブラシなどの風合いをそのままリアルに表現できる素材、星や雲、水のほかにも、人気の水彩ペイントやデジタルペイント向けの本格的な素材までバラエティ豊富に揃います。 【総まとめ】2017年公開！デザイナーが持っておきたいPhotoshop無料ブラシ厳選64個 16 Subtle Grunge Photoshop Brushes Collecttion ざらっとしたグランジ感のあるデザインを手軽に表現できるPhotoshopブラシ素材セット。 15 Free Grit & Grain Texure Brushes for Adobe Photoshop きめが荒いビンテージな質感をワンクリックで追加でき
【無料DL可！】デザインの幅がグッと広がる高解像度のテクスチャ、パターン素材47選
この記事では、デザイン制作で役立つ無料の高画質テクスチャ、パターン素材をまとめています。 そのまま背景や壁紙として利用したり、ウェブサイトのヘッダーやバナー、ファブリック生地、パッケージデザインなど幅広いデザイン制作に活用でき、どれも無料ダウンロードできるというのも魅力です。お気に入りの無料テクスチャ素材を見つけて、自分のコレクションに追加してみてはいかがでしょう。 【無料DL可！】デザインの幅が広がる高解像度のテクスチャ素材47選 Precious Gold Textures Kit デザイン制作でもなにかと重宝する、光沢感たっぷりの黄金テクスチャ14枚が高画質なJPGファイルで収録されています。 Rose Gold Foil Textures ピンクゴールド、ローズゴールドの美しいテクスチャ素材12枚セットで、金属メタルやレザー、コンクリート、レンガ、ウッドなどのスタイルと組み合わせる
プロ級の写真加工がボタンひとつ！良質Photoshopアクション素材まとめ
「自分で撮影した写真を加工したいけど、やり方がよく分からない。」そんなときは、写真加工における一連の手順を再生ボタンひとつで完了させる、アクション機能を利用してみましょう。お気に入りの写真を魅力的にアレンジできます。 複数の写真を同じエフェクトで揃えたいときなど、繰り返し作業を繰り返す必要がなく、効率的にデザインを進めることができます。今回は、無料で利用できるフォトショップ用アクション素材をまとめてご紹介します。 普段使いできるシンプルな素材から、多重露光やデュオトーンなどの人気スタイルの他に、複雑なグラフィックを表現するクリエイティブなものまで幅広く揃っています。 ワンクリックで写真処理を完成できる！優良Photoshopアクションファイルまとめ 写真加工テクを上達させる！すごい無料Photoshopアクション素材まとめ ワンクリックでプロ級の写真加工ができる良質Photoshopアクシ
フォトショップの写真加工・レタッチ向けプレミアムプラグイン、拡張ツール55個まとめ【保存版】
この記事では、Photoshopによる写真加工やレタッチに役立つプレミアムプラグイン、拡張ツールをジャンル別にまとめて55個ご紹介します。普段撮影している何気ない写真を、まるでプロカメラマンが撮影したような、魅力的な見た目に仕上げることができるツールが揃います。 各プラグインはそれぞれジャンル分けしているので、目的や用途に合わせて使ってみてはいかがでしょう。通常のフォトショップではなかなか難しい作業も、より手軽に行うことができます。 コンテンツ目次 1. 万能プラグインまとめ 2. 自動写真編集プラグインまとめ 3. 自動写真編集プラグインまとめ 4. HDR系プラグインまとめ 5. 拡大・ズーム系プラグインまとめ 6. ノイズ軽減ツールまとめ 7. アート系ツール 8. ファイル圧縮プラグインまとめ 9. マスキング系プラグインまとめ 10. その他のツール 11. 無料プラグインも利用
フォトショップの作業が楽になる、覚えておきたい小技テクニック29選
2018年8月5日に公開された記事を、サムネイル画像など再編集、アップデートしています。 フォトショップの作業が速くなる秘訣は、ずばりショートカットキーによる時短テクニック。 その理由は、「もっと早く知りたかった」と思うほど、ラクラクな手軽さで、面倒な作業をすぐに片付けてしまうから。 「レイヤーの重なり順を変えたい」 「細かい部分の作業を行いながら、同時に全体表示で確認したい」 「不要なレイヤーを非表示にしたい」 そんな普段からよく行う作業も、効率アップさせる時短テクニック18個が揃いました。 フォトショップがもっとうまくなりたいと思っている人こそ、まずは試してみませんか。
Illustratorはここまで進化！しっかり学ぶ最新チュートリアルやテクニックまとめ
先日30周年を迎えた、デザインの現場に欠かせない定番ソフト Illustrator（イラストレーター）。CCになってからはアップデートも頻繁に行なわれており、よりいっそうデザインが容易になっています。 今回は、Illustrator の機能やエフェクトの使い方を覚えながらデザインできるチュートリアルや作り方、テクニックをまとめてご紹介します。Illustrator初心者のひとはもちろん、普段から使っているベテランも、目から鱗な新しいテクニックが多数公開されています。デザイン制作をよりスムーズに行うコツを学びましょう。 知識ゼロから Illustrator をしっかり学ぶ！デザインの作り方、チュートリアルまとめ Illustratorはここまで進化！しっかり学ぶ最新チュートリアルやテクニックまとめ シロップのかかったパンケーキをデザインする方法 できたての美味しそうなホットケーキで、Phot
【簡単】2023年Photoshop切り抜きおすすめテクニック15選 完全ガイド
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」（複雑な背景バージョン） オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー（Command/Ctrl+J）したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
デザイナーにおすすめ！写真に文字をうまく入れる、6個の秘訣テクニック完全ガイド
海外デザインブログCanva Design School Blogで公開された「The Complete Guide for How to Marry Text and Images In Your Designs」より許可をもらい、日本語抄訳しています。 あらゆるところで見かけます。Instagram や Facebook などで見かける投稿。またウェブサイトやオンライン向け広告バナーはもちろん、ビルボード広告や名刺など、日常の何気ない生活のなかでも、いつの間にかこのデザインに遭遇しているでしょう。 何の話をしているか分かりますか。今回のテーマでもあり、グラフィックデザインの基本テクニックのひとつ、文字テキストとイメージ写真の組み合わせ方です。キャッチーな文字フレーズを写真に配置するだけの、簡単なデザイン作業にも思えますが、いざやってみると思っていたよりもむずかしいことに気付くでしょう。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
