継ぎ目のない背景画像を作成するPhotoshopのチュートリアル | コリス
Photoshop初心者でも簡単に作成できる、ウェブページの背景に利用する継ぎ目のないシームレスな画像を作成するチュートリアルをDesign Shackから紹介します。 Create Seamless Web Background Textures in Minutes 写真の「ぼけ」のようなエフェクトをオリジナルで描き、その画像を元に継ぎ目のないシームレスな画像にします。 下記は、各ポイントを意訳したものです。 Step 1: 新規作成 Photoshopを起動して[ファイル]-[新規]を選択し、ファイルを新規作成します。 設定は、幅：800px、高さ：800px、解像度：72pixel/inch、カラーモード：RGBカラーにします。 新規作成の設定画面 次に、カンバスを「#80ac4b」で塗ります。 [Ctrl]+[A]でカンバスのすべてを選択し、カラーピッカーに「#80ac4b」を指
Illustratorで作ったファイルをフォトショップで開く
イラストレーターで作ったイラストデータ（Aiファイル）をフォトショップに持ち込んで、フォトショップのフィルタなどの特殊効果を使用して仕上げる、というのは技術書や解説書などでもよく見かけるテクニックです。 で、そもそもAiファイルをフォトショップに持ち込むにはどうすればよいのか？というのを解説しておきます。 今回はイラストレータで以下のようなファイルを作成してみました。 まずはアートボードの設定です。 いわゆる初期設定の画面です。（ドキュメントプロファイル：プリント） ここで確認しておきたいのは、原稿サイズ（横幅210mm・高さ29mm）と、解像度です。 イラストレータの初期設定では解像度は300ppiに設定されています。 Ａ4縦置きのアートボードに縦横ともに100mm四方の正方形を書きました。 また、その中に星も書いています。 原稿幅がＡ４の210mmなので、比率的にも上記のようになるかと
[Photoshop]マスクの方法まとめ
Photoshopのマスクのかけ方は、大きく分けて、『クリッピングマスク』、『レイヤーマスク』、『ベクトルマスク』の3種類があります。 それぞれの作成方法をご紹介します。 クリッピングマスク レイヤーマスク ベクトルマスク（CS6, CC） ベクトルマスク（CS5？以前） クリッピングマスク すぐ下にある下層レイヤーのオブジェクトの形に切り抜くマスクです。 一番簡単なマスクですが、オブジェクトを動かす時に、マスク部分も選択しなければいけないという煩わしさもあります。 01) 切り抜きたい形のオブジェクトを作成します。 パスの図形でも、フリーハンドの図形でも大丈夫です 02) 切り抜きたいレイヤーを、その上に置きます。 03) レイヤーの間を、「Alt+クリック」します。 アイコンが写真のように変化し、マスクがかかりました。 調整レイヤーも同じようにマスクがけできます。 レイヤーマスク 選択
![[Photoshop]マスクの方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/bb45a436e313479c083a441149c4b60b22112d10/height=288;version=1;width=512/http%3A%2F%2Fwww.ar-ch.org%2Fwp%2Fwp-content%2Fuploads%2F05_s1.png)
Photoshopの効率化になるショートカットキー一覧とカスタム方法【2022年最新】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお
scroll-effects-opacity-slideshow-animate.html
サブスクリプションアプリの場合：アドビは各アプリの現在のバージョンと以前のメジャーバージョンのインストーラーのみを提供しています。詳しい内容については、「アドビソフトウェアサポートガイドライン」を参照してください。 非サブスクリプションアプリの場合：お客様のアカウントがまだ有効で、アプリをアドビから直接購入または登録している場合、お客様のアカウントからダウンロードできる可能性があります。 サポートリソース：サポート期間が終了している製品の場合、サポートリソースを利用できないことがあります。「製品とテクニカルサポート期間」を参照してください。
Macromedia Fireworksで作成したファイルをadobe PHOTOSHOPでレイヤー情報を保持したまま開く方法教えて。
Macromedia Fireworksで作成したファイルをadobe PHOTOSHOPでレイヤー情報を保持したまま開く方法教えて。
フォトショップ講座 アーカイブ / ウェブデザインライブラリー
フォトショップで水彩ブラシと新聞を使ったビンテージアートワークを作成する方法 (2015年9月18日) 水彩画と新聞の画像を使ったビンテージアートワークを作成する方法をご紹介します。
Photoshop講座 「レタープレス」 | Fontasist
「レタープレス」もとは凸版を用いて印刷することで、印刷部分が凹むように加工されたものですが、最近はウェブデザインでよく見かけるようになりました。 今日はそのレタープレスを、Photoshopで再現するためのチュートリアルです。 完成図 １．光源を考える Photoshopレタープレス加工でもっとも大事なのが「光源」です。 今回のチュートリアルでは、真上から光を当たっている設定でいきたいと思います。 レタープレス部分は凹んでいるので、まずは影ができますね。 そして見た目を大きく左右するのが反射です。画面上で凹んだ感じを出すためには、この反射が非常に重要になります。 コツは「やりすぎない」こと。 ほどよい「影」と「反射」を表現してあげれば簡単にレタープレスの出来上がりです。 逆に言えば、背景が真っ黒や真っ白など、どちらかが見えづらい場面では、レタープレスの表現がふさわしくないことになり
【実践編】少しの手間で大きく変わる、細部にこだわったWebデザインを
2013年3月23日 Photoshop 「少しの手間で大きく変わる、細部にこだわったWebデザインを」で紹介した「わずかな」加工を使ってボタンのデザインをかっこよくしよう！というチュートリアル記事です。前回の記事内にPhotoshopでの作成チュートリアルも載せたかったのですが、あまりにも長くなりそうだったので別記事にする事に。合わせて見てみてください！ ↑私が10年以上利用している会計ソフト！
写真画像をかっこいいモノクロにするPhotoshopのテクニック集 | コリス
Photoshop, Photoshop Elementsを使用してカラーの写真画像をモノクロにするテクニックはさまざまなものがあります。その代表的なテクニックとそれぞれの利点・欠点を紹介します。 元にした画像：Chase the sun 下記は各ポイントを意訳したものです。 はじめに 1. 調整レイヤー：白黒 2. モード：グレースケール 3. 調整レイヤー：色相・彩度 4. モード：Labカラー 5. 調整レイヤー：グラデーションマップ 6. 調整レイヤー：チャンネルミキサー 7. Photoshop Elements：モノクロバリエーション 8. 調整レイヤー：色相・彩度x2 9. 調整レイヤー：白黒（カラースライダー） はじめに モノクロの写真は、ファッション雑誌をはじめ、Flickrのようなソーシャルウェブサイトでも非常に人気の高いジャンルです。デジタルが到来したことで、一つ重要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事