簡単！ Photoshopでソシャゲ風のカード枠を作る方法 | 株式会社リースエンタープライズ
ソシャゲ風のカード枠を簡単に作成する方法 どうも、ぺとらです。 今回は、Photoshopでソーシャルゲーム（略してソシャゲ）でのカード等では欠かせない、枠・フレームの素材メイキング講座をやっていきたいと思います。 コツとセンス次第で、凝った装飾が出来たりしますが、それほど難しくない方法から説明していく予定ですので、是非チャレンジしてみて下さいね。 下地カード枠を作る 今回は、スマホ版で綺麗に表示される事を想定して、横640pxと縦800pxで作成したいと思います。こちらは案件によりけりだと思いますので、決してこのサイズで！ と言う事はありません。 まずは、キャンバスのサイズに合わせて長方形のシェイプを作成し、レイヤースタイルの「境界線」を使って、カード枠を作成します。 境界線のスタイルは上図の通りです。 今回は25pxの「内側」の境界線を作成しました。 続いて、下地のシェイプの「塗り」を
Photoshopでグランジスタイルのブログレイアウトを作成する方法 / ウェブデザインライブラリー
Home ＞ フォトショップ講座 ＞ Photoshopでグランジスタイルのブログレイアウトを作成する方法 Photoshopでグランジスタイルのブログレイアウトを作成する方法 投稿日：2011年4月8日 レベル：中級者 ソフトウェア： このチュートリアルでは、Photoshopでグランジスタイルのブログレイアウトを作成する方法をご紹介します。 Step1 ： 図形の作成 Step2 ： 境界線の作成 Step3 ： 新規パターンの作成 Step4 ： 画像の追加と図形の作成 Step5 ： テキストの追加 Step6 ： ロゴの追加 Step7 ： 完成
Photoshopで簡単にテキストをスタンプ風に加工する方法 | SONICMOOV LAB
こんにちは。主にイラストコンテンツを制作しています、こばやしです。 先日、知人から【アンティーク風ウェディングボード】の制作を頼まれたのですが、イメージにピッタリ合ったもの＆オリジナル感ある素材を探すのはなかなか難しいですよね。 そこでPhotoshopを使い、好きなテキストや写真をアナログなスタンプ素材風にしてみました。 例えばこんな雰囲気の素材が ササッと簡単に作れてしまう方法を、今回はご紹介したいと思います！ 目次 Photoshopでスタンプ加工＜テキスト編＞ Photoshopでスタンプ加工＜画像編＞ Photoshopでスタンプ加工＜テキスト編＞ 1.加工したいテキストを用意 文字色を【黒】、レイヤースタイルの境界線を【白】に設定しておきます 2.スマートオブジェクトに変換し、フィルターギャラリーから以下のスマートフィルターを順に適用 【1】[ブラシストローク] → [はね]
【シンプルなゲームUI作成講座】ウィンドウ枠の作り方【PhotoShop】
説明するほどでもないかもしれませんが、シンプルながらもそれっぽく見えるかな？というようなゲームUIの作成法などを書いていこうかと思います。 今回はとりあえず↑のようなシンプルなウィンドウ枠を作ってみたいと思います。 ※画像は例なので文字は別。今回作るのは枠だけです。 昔からいろいろなゲームで使われてきたシンプルなウィンドウ枠なので、逆に使い勝手抜群です。 制作環境 Adobe PhotoShop CC PhotoShopで素材作成 それでは、PhotoShopで素材を作っていきます。 新規作成 PhotoShopを起動して、メニューの[ファイル]→[新規(N)]から、新規ダイアログを開きます。 開いたらこのように幅を64 pixel、高さも64 pixel、カンバスカラーを透明にしてOKを押します。 そうすると、64×64の透明画像ができます。 角丸長方形ツールで枠を作る 次に角丸長方形ツ
photoshopで枠線つき吹き出しをつくるときのちょっとしたコツ
ご存知の方も多いかもしれませんが、最近発見したので覚え書き。 吹き出しって三角の位置を微妙に修正することが多いと思うのですが、枠線つきの吹き出しって修正しづらくないでしょうか？ ※作成・確認環境は、Photoshop CS6です 例えば自分が配布しているSVGの吹き出しもそうなのですが、三角の部分を移動したり大きさを変えたい場合、パスが全て連結されていて動かしにくかったりします。 三角の部分を動かすには、土台の図形と三角部分を別々にすると良いですね。 吹き出しの図形をそれぞれシェイプで描きます。 このとき、吹き出しの三角の方は、パスを閉じないようにします。 ※訂正です、パスは閉じても閉じなくても表示は変わりませんでした。 良く確認せず申し訳ありません…。 2つの図形をちょうど良いところで重ね、ショートカットキーの「Ctrl + E」で結合します。 （レイヤーのところで右クリック→「シェイプ
[Photoshop] キャラの周りに縁を付ける–境界線 – プログラミング生放送
塗りつぶしタイプを「カラー」から「パターン」を選んで、[Photoshop] 繰り返しパターンを作る–パターンの定義と塗りつぶし で作成したパターンなどを使えば、次のようなのも作れる。「カラー」と「パターン」以外に、「グラデーション」も選べる。
![[Photoshop] キャラの周りに縁を付ける–境界線 – プログラミング生放送](https://cdn-ak-scissors.b.st-hatena.com/image/square/b66787a640d735addcd70e85c2b599ea0502d471/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fpronama.jp%2Fwp-content%2Fuploads%2F2013%2F03%2Fline.png%3Ffit%3D210%252C398%26ssl%3D1)
Photoshopで簡単にソシャゲ風カード枠を作成する方法｜dwango creators' blog（ドワンゴクリエイターズブログ）
はじめまして。N高等学校のWEBデザインを担当しているiqeです。 以前はゲーム業界にいたこともあり「ゲームといえばコンシューマ！ じっくり腰を据えてプレイするもんだろう！」と思っていましたが、スマホの台頭とソーシャルゲームの運営にしてやられ、スマホで毎日ポチポチしている今日この頃、皆様いかがお過ごしでしょうか？ さて、そんな訳で、ソシャゲガチャって、激レアがなかなか出ませんよね？ 出ないなら、作ってしまおう、SSR！ レア度高めなカード枠の作成方法をご紹介します。 ※ 作成後、今世紀最大級の虚しさに襲われても、一切責任は負いません。 目次 カードのラフイメージを作成 枠のベースを作成 枠を装飾する 光沢感を出すためグラデーションを設定 立体感を出すため、シャドウ（内側）と光彩（内側）を設定 さらに立体的にするために境界線とドロップシャドウを設定 枠の内側にも立体感を出す タイプ表示用の装
【意外と知らない?】フォトショップで枠線を描く方法 : Photoshop テクニックス
アドビ フォトショップ(フォトショ)の基本的な使い方。様々な写真・画像の加工テクニック(切り抜き、トリミングからプロ仕様の効果まで)の解説＆動画。フリーのフォントや無料の素材、ブラシ、テクスチャ、役立つ情報なんかも紹介しています。 Adobe CS5 「フォトショで枠線を描くには、どうすればいいの？」 イラレのように塗りと線に分かれていないPhotoshopで枠線を引く方法。 ▼新規レイヤーに（これ大事）長方形の選択範囲を作ったら、右クリックし[境界線を描く]を選びます(※選択範囲の修正は[選択範囲を変形]で)。 ▼今回は分かりやすいように幅を15pxにしました。そして、これが重要ですが[位置]を[内側]にしてOKにします（※その他の値は通常の設定と変わりません。用途によってです）。 ▼位置:内側でキレイな長方形の枠線が引けました。 ▼位置:中央で少し角が削れた状態(おそらくこの形状はどこ
よく使うPhotoshopテクスチャ（カテゴリー別）の作り方まとめ
必要なテクスチャ素材を探していて時間がかかったり、 やっと見つけたと思ったら商用利用不可だったり、 と素材を探すのは結構手間です。 そんな時には、テクスチャも作ったが早いです。 PhotoShopの知識を深めるためにも、テクスチャの作り方をまとめてみました。 もくじ 布 紙 木目 レザー・皮 金属 石 炎 水 ガラス 空・雲・雷 草・芝生 地面 ザラザラ系 布 布地のテクスチャの作り方 布テクスチャの作り方（Photoshop） デニム生地風テクスチャ作成法 デニムっぽいテクスチャーの作り方。 フェルト風のテクスチャ作成方法 PhotoshopでApple風布地テクスチャを作る 紙 しわくちゃの紙のテクスチャを作成する Photoshop – 古い紙を作ろう！ 01 Lesson1 和紙風のテクスチャ作成 - MdN Design Interactive 和紙のテクスチャをPhotosho
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nh-lab.com
黒板のイラストの作り方(Photoshop)