The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。
こんにちは! デザイナーのヴィクトリアです! 数年前からデザインでノイジーな加工をちょいちょい見かけますね。 わざとらしくデジタルに見せて逆にアナログぽさが出て可愛いです。 びりびりのサイト Nike Air-MAX https://nike.jp/sportswear/air-max/ 初めてこのサイトを見たときはびっくりしました。 スクロールのたんびに画面全体にびりびりが走って、シンプルで色も少ないサイトのデザインがアニメーションで面白くなっていて素敵だなと思いました。 Studio gusto https://en.studiogusto.com/ さっきのNIKEのサイトとはニュアンスの違うびりびりです。 こっちは古めかしい感じがあって、ノスタルジックでおしゃれです。 びりびりの他にも細かい遊びがいろいろあっていろんな細工が楽しいサイトだなと思いました。 YUTO TAKAHASH
さまざまなスクリーンサイズに対応したiOS、Android、Bootstrap用のグリッドが収録された、PhotoshopとSketch対応の無料テンプレート素材を紹介します。 デスクトップのワイドスクリーンから、通常のデスクトップ、タブレット、スマホ、Apple Watchまで、現在主流のものがすべて揃っています。 Grid System Library 対応しているデバイスは、15種類。 Desktop Wide Desktop Tablet Mobile iPad Pro iPad iPhone X iPhone 8 Plus iPhone 8 iPhone SE Apple Watch 42mm Apple Watch 38mm Android Tablet 9″ Android Tablet 7″ Android Mobile グリッドはベクターのシェイプで、デザインを始める時に
※ 2021年8月31日に新しい素材18種類を追加し、合計100個の無料Photoshopアクション素材となりました。 ※ 2020年1月6日に新しい素材18種類を追加し、合計92個の無料Photoshopアクション素材となります。 ※ 2019年3月6日に新しい素材16種類を追加し、合計74個の無料Photoshopアクション素材となります。 フォトショップのアクションは、デザインに自信がないというひとでも、ボタンひとつでプロ顔負けの圧倒的なデザインを作成できる便利ツールです。 そこで今回は、写真加工を手軽に楽しむことができる、無料Photoshopアクション素材100個を、カテゴリー別にまとめてご紹介します。 作業ペースを格段に上げる時短ツールとして、あらゆるスタイルの写真加工をだれでも簡単に作成できます。 すべて無料でダウンロードできるので、気に入ったアクション素材はぜひ試してみまし
ウェブサイトやグラフィックデザインなど幅広い用途で活躍するPhotoshop。表現できるスタイルやエフェクトを増やしたい。そんなときは、手軽にお好みのデザインに編集できる、無料のPSDデザイン素材を活用してみましょう。 フリーフォントでカスタマイズしやすいロゴ、ポスター、イベントフライヤーなどのテンプレート素材の他にも、作品やアートワークの新しい魅せ方を提案できるモックアップ、写真加工用アイテムやフォント入力だけで完成のテキストエフェクト、パターン、グラデーションなど幅広いデザイン素材をまとめています。 文字フォントが一瞬で美しく!手の込んだPhotoshopテキストエフェクト素材30個まとめ Photoshopで差がつく、ハイクオリティな無料PSDデザイン素材まとめ Free Gold Paint Photoshop Effect リアルな黄金ペイントをボタンひとつで表現できる、Phot
Adobe XDが台頭してきていますが、まだまだPhotoshopでデータ作成が必要な場面も多いです。特にレスポンシブデザインの制作では、PC、タブレット、スマホそれぞれのデータを用意する必要がある一...
ダメだできぬ。。これできたらレイヤー数すごく減らせるのに(画像修正で面倒すぎて絶望してる pic.twitter.com/t383t2pQhR — ユムナギ@ゲームUI (@yumu_7) 2018年2月4日 先日Twitterでこんなつぶやきを見かけました。 こんな感じの画像テキスト、よく作りますね。テキストレイヤーを複数に分けて作ってませんか? テキストレイヤーにグラデーションを掛けたいよ! 改行があるけど1つのテキストレイヤーにまとめたいよ! レイヤースタイルは1つにまとめたいよ! こんな風に思ったそこのあなた。 改行したり一部にだけグラデーション掛かってますが、1つにできます。そう、Photoshopならね。 手順と動画 レイヤースタイル > グラデーションオーバーレイを選択 プリセット > 黒、白を選択 グラデのバー(名前が分からん)を3分割(100÷改行数)する OKして描写モ
新年あけましておめでとうございます。 当サイトでは毎月、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2017年のあいだに公開された中で、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。 分かりやすい解説で紹介されたPhotoshopの基本から、目からウロコのデザイン小技テクニックや、設定ひとつで完成のお手軽テキストエフェクト、Photoshopならではの本格的な写真合成テクニックまで人気デザインの作り方が揃います。新しい年がはじまり、Photoshopを始めてみようというひとにもぴったりなテクニックを揃えています。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個 美しい夕焼けに
背景と一体化してしまった半透明のものをそのまま切り抜くのは中々至難のワザですが Photoshopのアルファチャンネルの機能を使ってしまえば一発です。 ・まず切り抜きたい画像をPhotoshopで開きます。開いたら「レイヤー」タブの隣、チャネルタブを開きます ・「RGB」「レッド」「グリーン」「ブルー」と並んでいますが「RGB」以外、どれでもよいので ひとつチャンネルを選んで、四角く表示されている部分を Ctrl + クリック。これで特定のチャンネルのみが選択された状態になります。 選択されたら今度は Ctrl + C で選択された部分をコピーしてください。 ・次に「チャンネル」タブから「レイヤー」タブへ戻ります。戻ったら元画像の下に新規レイヤーを作成。 先ほどコピーした特定チャネルのみの選択範囲を Ctrl + V でペーストします。(ペーストする前に選択範囲の解除 Ctrl + D を
そして、白い部分が切り抜きされるということなので まだグリーンのコピーレイヤーを選んだ状態で ワインの黒い部分をブラシツールで白色で塗って修正しておきます 塗り終わったら、グリーンのコピーチャンネルレイヤーを+クリックして選択状態にします そして、レイヤーパネルに切り替え、背景レイヤーを下の新規レイヤーを作成アイコンまでドラッグしてコピーします 背景のコピーレイヤーを選んだ状態で、今度は下のレイヤーマスクを追加アイコンをクリックして、レイヤーマスクを追加します つぎに、切り抜きの状態をみたいので 背景にしたい画像を開きます こちらを用意しました ここに、背景のコピーレイヤーを移動ツールで移動してみます すると 切り抜きはできていますが、まだなんか薄いですよね なので背景のコピーレイヤーを+でいい感じになるまでコピーします そして、背景のコピーレイヤー(のレイヤー全て)を全部で選択し、+で結
本日は、透明なものを切り抜く方法をご紹介したいと思います Photoshopの切り抜きっていろいろな方法がありますよね きりぬくものの状態によって、いろいろなツールを使ったりします なかなか難しかったりするわけですが 後々いろいろとご紹介していこうと思ってますが
Webデザイナー、Web制作者、イラストレーターなど、Adobeのアプリを使用している人は必見です。先日開催されたAdobe MAX Japan 2017のフォローアップをまとめました。 Adobe XD, Photoshop, Illustrator, Dreamweaverなどの新機能を中心にくわしく使い方が解説されています。日常的に使用している人でも、意外と知らない機能に目から鱗かもしれません。 Select Subject in Photoshop CC なんと1クリックで、複雑な選択範囲が作成できます! 1:03あたりから、人物を1クリックするだけで一瞬で選択範囲が作成されています。 Photoshopの次のアップデートで搭載予定の新機能で、Adobe Senseiの人工知能を使い、画像の主題を自動認識して選択範囲を作成します。「Select Subject」という名で、動画を見
2017年11月28日に開催されたAdobe MAX Japan 2017にて、PhotoshopとIllustratorの2セッションを鷹野 雅弘(スイッチ)が担当しました。 Photoshopセッションは三浦 将さん(Derario Creative)、Illustratorセッションは、hamkoさんと一緒にやりました。 ご参加くださった方、ありがとうございました。 リンク先などをご紹介します。 なお、アーカイブ動画は、来週公開されるようです。 Photoshop ベテランほど知らずに損してるPhotoshopの新常識(5)支給画像あるある(逆光、手ブレ、モヤ) ベテランほど知らずに損してるPhotoshopの新常識(4)まだスライスで消耗してるの?「画像アセットの生成」でスライス不要のサクサク切り出し スマートフィルター適用のワークフロー シンボリックリンク シンボリックリンクは、
Photoshop CCからレイヤーまたはレイヤーグループの名前にファイル形式の拡張子(.jpg/.png/.gif)を追加することで自動で画像アセットが生成され、ソースの PSD ファイルと同じサブフォルダーに保存されるようになりました。 このリネームの作業を効率化させるために今までAdobeが公式に提供している「Adobe Layer Namer」を使用していたのですがPhotoshop CC 2018にアップデートしたら使用できなくなってしまいました。 なので急遽「Asset Renamer」というエクステンションを作成したので配布させていただきます。 「Asset Renamer」のインストール方法について ダウンロードしたzipファイルを解凍します。 解凍されたフォルダ「AssetRenamer」を下記ディレクトリに移動します。 【Mac OS】 Library/Applicat
CC 2018でついに正式版としてリリースされたAdobe XD CCをはじめ、CC 2018ではPhotoshop, Illustrator, Premiereなど、数多くのアプリが機能を強化してバージョンアップされました。 それらのアプリでどんなことが具体的にできるのか、どのような手順なのか、1分で分かる動画を紹介します。 それぞれの動画は1分ほどですが、数があるのでブックマークしておいて、時間のある時にじっくり見てみてください。 いつもの作業にも新しい発見があるかもしれませんよ。
クリエティブな発想やアイデアを形にできるPhotoshop。今回は、デザインの参考にしたい実践的な最新Photoshopチュートリアルや作り方をまとめてご紹介します。 デザイン案件でもよく見かける基本テクニックから、プロレベルの本格的なデザインの作り方まで幅広いPhotoshopの使い方を学ぶことができる新作チュートリアルをまとめています。新しいデザインの技をしっかり身につけ、今後のデザインに活かしてみましょう。 センスいいね!と一目おかれるPhotoshopテクニック、チュートリアルまとめ 2017年9月度 Photoshop加工、レタッチアイデア集!実用的なチュートリアル、作り方まとめ 写真を色鉛筆で塗りかけのスケッチ画風に仕上げる方法 実際に鉛筆で紙に書いたスケッチをブラシに変換し、写真にはフィルタを適用するだけのお手軽さがポイントの写真加工チュートリアル。 ぽたぽたとペンキが垂れる
木の質感って何故かはわかりませんが、見ていて心地よくないですか? 自然の物質って癒やしだったり、心地よさを感じさせてくれます。 そういった素材を使う事で、見ている人に心地よいものを届けるのに役立ちます。 今回はそんな癒やしを感じる木の素材に調和しやすい焼き印風のロゴの作り方をご紹介します。 自然界を題材にした癒やしのブログ記事なんかのアイキャッチに使ったりすれば、読み進めやすくなったりするんじゃないでしょうか。 焼き印ロゴの作り方 まずベースになる木目調の素材を用意して開きます。 今回は無料素材サイトからダウンロードしてきたものを使いました。 サイズが大きかったので、web用に1600x1232pxにしてあります。 レイヤー名は「ベース」に変更しておきます。 ロゴになる文字を新規レイヤーにて作成します。 直接文字ツールを使っても、「レイヤー」→「新規」→「レイヤー」で新規レイヤー作ってから
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く