この記事では、最近公開された新作の無料テクスチャやパターン素材を厳選し、まとめてご紹介します。これらの素材を利用することで、手軽にイラストや写真の風合いや質感、奥行き感などを追加でき、ワンランク上の仕上がりを実現できます。 2020年のグラフィックやウェブデザイントレンドをうまく反映した素材も数多く揃えているので、来年にむけてのプロジェクトに活用してみてはいかがでしょう。 サンプル例でわかる!注目したい2020年のWebデザイントレンド8個まとめ 2020年に注目されているグラフィックデザインの最新トレンド10個まとめ 目的別にテクスチャ素材を使い分けよう。 どんどん増えてくるテクスチャ素材は、できれば用途別に使い分けれるように整理しておきたいところ。人気エフェクトに対応したフリー素材を個別にまとめているので、以下のエントリーも参考にどうぞ。 水彩ペイントのすごい無料テクスチャ、パターン素
↑ クリックすると原寸拡大表示されます。 今回は、フォトショップで本物のような輝きがまぶしい黄金文字をつくる方法をご紹介します。 本当に光が当たって反射しているようなテキストエフェクトをフォトショップのレイヤースタイルを適用するだけで作成できます。 最後にサンプル用PSDファイルを公開していますので、スタイルを保存しておけばクリックひとつで完成してしまうお手軽チュートリアルです。 詳細は以下から。 チュートリアル情報 プログラム : Photoshop バージョン : CS4で作成 (古いバージョンでも可能) 難易度 : 初級者から中級者 所要時間 : 5分から10分ほど チュートリアルをはじめる前に今回使用したフォントをダウンロードしておきましょう。 今回は「ダウンロードしておきたい25個の高品質な筆記体フリーフォント完全まとめ」で紹介した「Exmouth」フォントを使用しています。 チ
↑ クリックすると原寸拡大表示されます。 今回は、フォトショップを使って本物の様な輝きがまぶしい銀色文字をつくる方法をご紹介します。 「レイヤースタイル」を適用するだけで、簡単に質感の高いデザインに仕上げることができるので、覚えておくと便利なテクニックのひとつです。 最後にサンプル用PSDファイルも公開していますので、レイヤースタイルを保存しておけばボタンひとつでデザインすることができますよ。 詳細は以下から。 チュートリアル情報 プログラム : Photoshop バージョン : CS4で作成 (古いバージョンでも可能) 難易度 : 初級者から中級者 所要時間 : 5分から10分ほど チュートリアルをはじめる前に今回使用するパターン画像をダウンロードしておきましょう。 >> 銀色文字用パターン画像 ※ダウンロードを完了したら、フォトショップで画像を開きましょう。 次にメインメニューより「
フォトショップで利用できる無料のPSDファイル素材の記事をまとめた一覧となります。デザイン制作の時間短縮だけでなく、プロレベルの素材を無料で利用することができます。
作り方 先ずは[ファイル] - [新規]でドキュメントを作ります。 バッジ本体を作ります。明度、彩度高めの色で[楕円形ツール]を使い正円のシェイプを作りましょう。※Shiftキーを押しながら作れば正円になります。「バッジ」と名づけましょう。 「バッジ」にレイヤースタイルを適用します。 輪郭 - ベベルとエンボス 輪郭 プリセットにある[半円]に ベベルとエンボス 深さ 30% サイズ 適当に ※最後に調整します。 角度 任意 高度 70° ハイライトのモード 覆い焼き(リニア) - 加算 ハイライトの不透明度 75%位 シャドウの不透明度 50%位 ※最後に調整します。 適用例 ドロップシャドウ 不透明度、距離、サイズ 距離 ≧ サイズで「バッジ」が少し浮き上がった感じになるように 適用例 グラデーションオーバーレイ グラデーション 初期設定にある[黒、白]に 角度 包括光源の角度と同じに
この記事では、お仕事でも使える商用利用無料の無料イラスト素材サイトをまとめました。 無料素材と謳っているサイトでも、よく見ると素材サイトへのバックリンクやクレジット表記が必要なことがありますが、今回紹介するサイトは基本的にはクレジット表記不要のサイトをまとめています。 拡大・縮小しても画像が劣化しないベクター形式(AI/EPS/SVG)の素材は、JPGやPNGファイルのイラストと比べると柔軟性が高く、色やサイズを変更しやすいので仕事でも重宝します。(SVGはイラストレーターで開けます) 記事の後半では、JPGやPNG形式のみの無料イラストサイトも紹介しています。大きなサイズ変更や色調整が不要な方はチェックしてみてくださいね。 執筆時点での情報ですので、今後規約が変わる可能性もあります。素材の使用に関しましては、必ず各サイトの利用規約をご確認の上、ご自身の責任でご利用ください。
デザインの際によく使われるパターン素材は、簡単にデザインの中に組み込むことができて非常に便利です。 しかし、Web上にはたくさんの素材がある反面、欲しい素材を探すために意外と面倒だったり、気に入ったデザインのものが見つからないこともあります。 今回は、Illustratorで使用できる素材を、よく使われるカテゴリ別に分類してご紹介します。 使用したい素材のテーマが決まっている時にはぜひ、検討してみてください。 リボン系 1.無料で使える、リボン・帯・ラベルのフリー素材まとめ 20選 http://designup.jp/free-ribbon-343/ ポップなデザインのリボンやラベルなどの素材集です。 2.少し高級感のあるリボンフレーム【無料イラスト素材】 http://vectorclub.net/0049.html 賞状などで使われるような、高級感のあるリボン素材集です。 3.デザイ
はじめまして。N高等学校のWEBデザインを担当しているiqeです。 以前はゲーム業界にいたこともあり「ゲームといえばコンシューマ! じっくり腰を据えてプレイするもんだろう!」と思っていましたが、スマホの台頭とソーシャルゲームの運営にしてやられ、スマホで毎日ポチポチしている今日この頃、皆様いかがお過ごしでしょうか? さて、そんな訳で、ソシャゲガチャって、激レアがなかなか出ませんよね? 出ないなら、作ってしまおう、SSR! レア度高めなカード枠の作成方法をご紹介します。 ※ 作成後、今世紀最大級の虚しさに襲われても、一切責任は負いません。 目次 カードのラフイメージを作成 枠のベースを作成 枠を装飾する 光沢感を出すためグラデーションを設定 立体感を出すため、シャドウ(内側)と光彩(内側)を設定 さらに立体的にするために境界線とドロップシャドウを設定 枠の内側にも立体感を出す タイプ表示用の装
コンテンツ目次 「被写体の選択」機能 「選択とマスク」機能 「選択とマスク」(複雑な背景バージョン) オブジェクト選択ツール レイヤースタイル「ブレンド条件」 消しゴムツール 自動選択ツール クイック選択ツール 多角形選択ツール ペンツール チャネル設定 色域指定 レイヤーマスク クリッピングマスク 境界線を調整 さいごに、 1. 「被写体の選択」機能 もっとも簡単な、最新の切り抜きテクニック。 ボタンをクリックして、数秒待つだけで完成という、嘘のようなホントのはなし。 試しに、こちらの写真の女性を選択してみましょう。 元の画像をコピー(Command/Ctrl+J)したら、プロパティパネルの「被写体を選択」をクリック。 たったこれだけで、女性モデルのみを選択することができました。 選択範囲をレイヤーマスクとして適用したら、完成です。 Adobe Stockで「背景の削除」も一発完了 実は
フォトショップ切り抜きを極める!境界線をきれいに調整する瞬速テクニック5個まとめ よりナチュラルな写真合成を手軽に実現しよう 写真の背景から人物や髪の毛など複雑な一部を切り抜く作業は、普段のデザイン制作でもよく活用するテクニックのひとつで、できればあまり時間をかけずに行いたいものです。 これまでにもフォトショップのさまざまなツールや機能を利用した、切り抜きテクニックをご紹介してきました。 また人工知能、AIをつかって人物などのオブジェクトをほんの数秒で、しかも自動で切り抜く無料オンラインサービスも登場しています。 画像をキレイに切り抜いたと思っても、実際に他の画像の上などに重ねてみると、切り抜いた画像の境界線が目立って、不自然な仕上がりになることも。 この記事では、切り抜いた画像の境界線をきれいに調整する方法5個をまとめてご紹介します。 これらの小技テクニックをマスターすることで、よりナチ
Photoshop ユーザーガイド Photoshop の概要 夢をカタチに Photoshop の新機能 初めての写真編集 ドキュメントの作成 Photoshop | よくある質問 Photoshop の必要システム構成 Photoshop とは Photoshop とその他の Adobe 製品およびサービス Photoshop で Illustrator アートワークを作業する InDesign での Photoshop ファイルの操作 Photoshop 用 Substance 3D マテリアル Photoshop の Capture アプリ内拡張機能の使用 Photoshop iPad 版(中国本土ではご利用いただけません) Photoshop iPad 版 | よくある質問 ワークスペースについて システム要件 | Photoshop iPad 版 ドキュメントの作成、表示、書き
※ 2021年8月31日に新しい素材18種類を追加し、合計100個の無料Photoshopアクション素材となりました。 ※ 2020年1月6日に新しい素材18種類を追加し、合計92個の無料Photoshopアクション素材となります。 ※ 2019年3月6日に新しい素材16種類を追加し、合計74個の無料Photoshopアクション素材となります。 フォトショップのアクションは、デザインに自信がないというひとでも、ボタンひとつでプロ顔負けの圧倒的なデザインを作成できる便利ツールです。 そこで今回は、写真加工を手軽に楽しむことができる、無料Photoshopアクション素材100個を、カテゴリー別にまとめてご紹介します。 作業ペースを格段に上げる時短ツールとして、あらゆるスタイルの写真加工をだれでも簡単に作成できます。 すべて無料でダウンロードできるので、気に入ったアクション素材はぜひ試してみまし
ちょっと思い立ったので、写真を水彩風に加工するPhotoshopアクションを作ってみました。あくまでも水彩「風」なので、完全に水彩タッチが再現されるわけではないですが、デザインでのちょっとしたアクセント程度になら使えるかもしれません。興味のある方は一度試してみてください。(2015.02.14更新) 【2015.02.14追記】CS5で使えるバージョンを追加しました。ただし、元のアクションはCS5で再現できない機能を使っていたため、CS6以降用と完全に同じにはなりません。 アクション実行サンプル写真に対してアクションを実行すると、下のような感じに加工します。あくまで全自動で一律的に処理を行いますので、かなり写真を選びます。いい感じになるかどうかは、運次第です。うまくいかない方が多いかも。その場合は、ハズレだったと思って我慢してください。ごめんなさい。 ダウンロード以下からどうぞ。zip圧縮
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く