Photoshopで“水しぶき”などの背景が透けた画像をカンタンに切り抜く方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーの藤田です。 久しぶりにPhotoshopのtips記事をお届けします。 皆さんは�“水しぶき”などの背景が透けた画像の切り抜きに苦戦したことはありませんか？ ただ背景を切り抜くだけだと、透明感をなかなか表現できませんよね。 そこで今回は、“水しぶき”などの透け感がある画像をみずみずしく切り抜く方法をご紹介いたします。 ※今回の記事で使用している画像は下記サイトのものです。 water splash http://nihongo.istockphoto.com/stock-photo-13225547-water-splash.php Psd Soda Can Mock-Up Template http://www.pixeden.com/psd-mock-up-templates/psd-soda-can-mock-up-template Photoshopで“水し
デザイン制作が楽になる！テキスト装飾に使えるPhotoshopスタイルファイル配布！ | ソーシャルゲームラボ
ソーシャルゲームのUIやウェブサイトなど、日本特有の「がちゃがちゃ系デザイン」（テイストにもよりますが）を作っている時、テキストの装飾や、素材の選定に困ることってありませんか？ デザイン系の素材配布サイトって、シンプルでオシャレな感じの素材ばかりですよね。かっこいいウェブサイトを作るなら使えるんですが、ソーシャルゲームのUIなどにはほとんど使えないものばかりです。要素を関連づけてボタンなどをデザインしなければならない一方で、色をたくさん使って「楽しさ」を訴求しなければならなかったり、なかなか大変ですよね。 今回はそんな悩みを抱えるみなさんのお力に少しでもなれればと思い、テキスト装飾に使えるPhotoshopのスタイルファイルを配布したいと思います。 【内容】 【テキスト装飾に使えるスタイルファイル】 設定方法（mac） ①上記リンクからダウンロードしたphotoshop「asl」ファ
精細なチェック柄の作り方 | CUTIE PHOTOSHOP・キューティーフォトショップアート
前回、非常に簡易なチェック柄・タータンの作成方法のチュートリアルを書きました。 チェック柄の作り方 しかし、やっぱりもっと綺麗なチェック柄、伊勢丹の紙袋チェックとか、マフラー制服などのおしゃれなチェック、作りたいですよね。 最初はそれなりの手順がかかりますが、一度「ベース」を作ってしまえば、後は比較的簡単にいろいろなチェック柄を量産できるようになります。 こちらの方式を利用します。 出来たテクスチャから連続した背景画像を作る ちょっとだけ難しいのが、チェックに欠かせない「縞々トーン」になっている部分。単色ではなく、トーンで出来たラインとラインが重なる部分の色を変える。 そうすると、チェックがぐっとおしゃれになります。 これは、シェイプ・ハーフトーンパターン・グループ化と描画モードを利用します。 縞々ラインを作る まず出来上がりサイズを想像しながら、キャンパスを立ち上げます。 今回は小さめ「
photoshopの「ぶれ」で、思いのままのチェックパターンを描く｜株式会社アクトゼロ｜クリエイティブブログ
こんにちは！デザイナーのAkiです。 デザイナーやコーダーにとって、まさに怒涛の12月・・・。 やることが多すぎて、PCの前でしばし呆然とする季節ですね（私だけですかね） 北風に負けず、眠気に負けず、すがすがしい新年を迎えるべく、頑張りましょう！ 今回は、前回同様、Photoshopのフィルター機能を使用し、ワンクリックでギンガムチェックのパターンを作る方法をご紹介します。 チェックのパターンを素材として探す際、「もっとマス目が大柄のものが欲しい！」とか「もっと細かいチェックが理想」とかありませんか？ そんな時、理想のサイズのギンガムチェックのパターンをワンクリックで生成する方法がありますよ！ これくらいのサイズのチェックを試しに作ってみましょう。 STEP1 まず、20px×20pxの正方形を用意します。 STEP2 次に、フィルタ／ピクセレート／ぶれを選択します。 STEP3 これだけ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フチ子先生の「フチ講習」｜夏期課題｜Adobe美術大学
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
[M]WEBデザインを勉強したい方必見！実際に読んで参考になったWEBデザイン系スライド5選 | miMemo(ミメモ)![[M]WEBデザインを勉強したい方必見！実際に読んで参考になったWEBデザイン系スライド5選 | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e150ee9637acb3305e1bc4705dac7271529b553/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2014%2F06%2Fslide_web_basic.jpg)
