ゲームUI素材の作り方まとめ【2020年6月後半】
6月中旬からはじめた「ゲームUI素材の作り方」画像が増えてきたので、振り返りの意味も込めてまとめました。 ちなみに、「ゲーム関連のデザインで何に興味があるか」というアンケートをとりました。結果は、下記の通り。 ボタンやゲージなどの「UIパーツの作り方」が最も多かったです。この辺りも考慮に入れて、作り方の1枚画像をアップしていこうと思っています。 最近、1枚画像芸になりつつありますが・・・ UI素材（ボタン、ゲージ他） 戻るボタンの作り方 これは、ゲームアプリ「連結だいすき」のゲームUIデザインをしたときに作成したボタンです。 属性アイコン（水）の作り方 ソシャゲでおなじみの属性アイコンです。戦闘時に敵と自分の属性で威力が変わるというゲームシステムはよく見かけますよね。 フラットボタン（光彩）の作り方 ゲームでも、フラット系のUIデザインが流行っています。今回は光彩を強めにつけました。こ
ホントにRAWは高画質なの？RAWとJPEGの違いとメリットデメリットをまとめてみた！
いままでJPEGで写真を撮っていたけどそろそろRAWで撮ってみようかな？という声を良く聞きます。多くの人は「RAWは高画質だから」と言うのですがそれってホントでしょうか？今回は一眼レフやミラーレスでよく使われるRAWとJPEGの違いやメリット、デメリットについてご紹介します！ RAWはホントに高画質なの？？写真を始めたばかりの人にはあまりなじみのないRAW（ロウ）画像ですが、あるとき「高画質に記録できる”RAW”というものがあるらしい」とRAWの存在に気づきます（笑） どうも「RAWで記録すると写真がキレイになる」というフワフワした情報だけが一人歩きしているような感じなのでここで一度スッキリとRAWとJPEGの違い、それぞれのメリット、デメリットについてまとめてみましょう！ ほんとにRAWは高画質なのでしょうか？？ ＊ここでの”JPEG”とはカメラ内で生成された”JPEG形式の写真”として
これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。
Photoshopにはさまざまな切り取り方法があり、画像の質や状況に応じて使い分けることで思い通りの作品が作れるようになります。 しかし、すべての技術を身に付けてから作品を作ろうとすると時間もかかるので、作品の完成イメージから逆算して、その都度どんな技術が必要なのかを考えながら身に付けるようにすると、より早いスキルアップに繋がります。 ここでは、輪郭が複雑な画像でもほぼ完璧に切り抜くためのPhotoshopテクニックを解説します。 ※コンテストで賞を頂いた際も、ここで紹介している切り取り方法を活用しているので参考にしてみてください ⇒ デザインコンテスト第3弾 Surf in the Cityで受賞を頂いた想いと作品の解説。 FreeRide SNOW BOARD 今回は、元の右画像から空中に飛んでいるスノーボーダーを切り取って、左画像のように雪山の背景に合成させたいと思います。 このよう
WEB制作｜デザイン会社｜超簡単! 髪の毛の画像を1分で切り抜く方法まとめ
お客様に最適なWEB戦略で、 ブランド価値の向上、お問い合わせの増加、迅速な情報の配信、 営業・広告費用の削減、顧客満足の向上、リピート率の増加 の成功事例を実現しております。 切り抜き・マスク作業で、もうイライラしない！ 誰でも、切り抜き30秒・調整30秒で完成できる方法。 WEBサイトやLPのキービジュアルでは画像を使うことが多い。 しかし、お客様から素晴らしい画像の支給があるとは限らない。 「これ、マスクしないといけないじゃないか！」 昔からマスク専用のアプリケーションがあるほど、 マスク作業・切り抜き作業というのは 利益にならないのに、手を抜けない根気が必要な作業。 しかし、今なら誰でも簡単に、1分あればできる。 今更だが、やっとAdobeのCS5シリーズをまともに使い始めたので ここで、Photoshop CS5を使った、超簡単マスク術を紹介したい。 お題の写真 こちらが今回のお
Photoshopで輝く花のパターンを作る方法 / ウェブデザインライブラリー
投稿日：2010年11月05日 レベル：初心者 ソフトウェア： このチュートリアルでは、輝く花のパターンを作る方法を紹介します。 Step1 ： 背景を作成する Step2 ： 花を描く Step3 ： 花の輝きを加える Step4 ： 画像に色を加える Step5 ： 画像を平らにする Step6 ： ぼけを作成する Step7 ： 効果をつける Step8 ： 完成 600ピクセル×600ピクセルの、新規ドキュメントを作成します。 背景を黒で塗りつぶしてください。 あたらくレイヤーを作成し、「雲」と名づけ、不透明度を40％にしてください。 雲のブラシをダウンロードしてください。 ダウンロードした雲のブラシを使って、雲レイヤーに雲を描いてください。 新規レイヤーを作成し、「背景 ライト」と名前をつけてください。 大きな柔らかいブラシで白を選択し、下の画像のように塗ってください。
商用可！ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」
商用可！ボール紙のテクスチャ素材パック「Cardboard Textures and Objects: High Resolution Pack」 今までDesigndevelopでは様々なテクスチャをとりあげてきましたが、今回紹介するのは2896×1944ピクセルという高解像度の段ボールのテクスチャ素材集「Cardboard Textures and Objects: High Resolution Pack」です。 タイトルの通り、20種類のボール紙のテクスチャが収録されています。収録されているテクスチャはFlickrにてアップロードされていましたので、下記にスライドショーを貼り付けておきます。 詳しくは以下 Created with Admarket’s flickrSLiDR. きれいめなものだけではなくて、破れていたり、剥がれていたりと質感のあるものも収録されていました。Flic
High-Resolution Grungy Paper Textures
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. With textured and organic designs a cu
光を表現するPhotoshopのブラシ416個*ホームページを作る人のネタ帳
Photoshop光のブラシ web制作を進める上で、光を直接使うのではなく、なにかの背景に潜らせたり、メニューなどの後ろにうっすらと構えているラインとしてよく使われるのが、光のラインシリーズだ。 こうしたブラシは非常に人気が高く、私も良くブクマしているのですが、いかんせん、画像が無いとなんとも情報として使えない。 そこで今回はリンクとイメージを直結してただの羅列エントリとして仕上る事にしました。 あとブラシの設定方法がわからないという人がいたら記事の下のほうを参考にしてみてください。 １(+11) ２(+7) ３(+10) ４(+12) ５(+3) ６(+8) ７(+12) ８(+4) ９(+7) １０(+20) １１(+4) １２(+24) １３(+22) １４(+8) １５(+8) １６(+9) １７(+18) １８(+6) １９(+6) ２０(+8) ２１(+6) ２２(+8) ２
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
新着記事
新着記事
インデザ.jp | クリエイターの情報共有・発信サイト