【Photoshop】ゲームUIの作り方【PSD有り】
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 スマホゲームのUI（ユーザーインターフェース）をPhotoshop(フォトショップ)で作る方法について詳しく解説します。 ゲーム会社に応募する際、オリジナルキャラを使ったスマホゲームのUI（ユーザーインターフェース）をポートフォリオに載せておくと、イラスト単体を載せるより採用担当者の目に留まる可能性が高まります。 フォトショ初心者の方にも分かりやすいよう、順を追ってゲームUIの作り方を解説いたします。 ゲーム業界への就職を考えられている学生の方にオススメのコンテンツです。 「ぼくのかんがえたスマホゲーム」のマイページ画面を作ってみましょう！
【photoshop】風景写真をイラスト・アニメ風に加工する｜ヱノプルギスの夜 / こころ動かす者
（2019.02.23に書いたブリコルールのブログ記事の引越しです） 写真をイラストっぽく使いたいなどの局面はいろいろありまして、備忘録も兼ねて。 会社の近所で撮影した写真をこんな感じでイラスト風にして、弊社のキャラクターと合わせてみました。まあまあアニメのワンシーンのようにも見えなくもない？？ 最近だと、アプリで簡単に写真をイラスト風に変換できるものもありますが、photoshopを使います。 ベースとなるレイヤーを作成・調整する もとの写真はこちらです。 なんの変哲もない、何年か前に撮ってフォルダの奥底で眠っていた写真ですが、空を抜きやすい写真を選ぶとよいです。 【イメージ】＞【色調補正】＞【HDRトーン…】を選択します。 他のサイトなどでもHDRトーンを使って紹介しているところは多いです。私もこれを使います。HDRトーンの正しい使い方は正直なところ自分はわかっていません…。調整がまと
【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個
新年あけましておめでとうございます。 当サイトでは毎月、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2017年のあいだに公開された中で、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。 分かりやすい解説で紹介されたPhotoshopの基本から、目からウロコのデザイン小技テクニックや、設定ひとつで完成のお手軽テキストエフェクト、Photoshopならではの本格的な写真合成テクニックまで人気デザインの作り方が揃います。新しい年がはじまり、Photoshopを始めてみようというひとにもぴったりなテクニックを揃えています。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個 美しい夕焼けに
Photoshopのスクリプトを書いてみる - ゲームエフェクトデザイナーのブログ | A Real-Time VFX Artist's Blog
Photoshopにはアクションという便利な機能がありますが、かゆいところに手が届きません。 そういう場合に手作業を挟んでましたが、JavaScriptでスクリプトを書けばアクションではやりにくいこと（変数を使うようなこととか）も可能です。 こちら、思いのほかお手軽だったのでメモっておきます。 ちなみに 赤めがねさんより色々と情報をいただきましたので、追記しました。 ありがとうございます！ 大変お世話になりそうなサイト / 本 Adobe Photoshop CC自動化作戦 こちらに基本的な操作の記述例が沢山載っています。ありがたや‥！ ちょっとしたことはこれで大体いけそう。 今回作成した2つのスクリプトはどちらもこのページを参照するだけでほぼいけました。 フィルター関係の文法だけ見当たらない感じでしょうか。 『Photoshop自動化基本編』 Googleブックス検索で見た感じとても良さ
これは嬉しい！！Photoshop用コンセプトアートブラシ「Concept Art Brush Pack」無料配布中！！ | CG GEEKS
ホーム CGソフト, Photoshop, ダウンロード, リファレンス, 素材これは嬉しい！！Photoshop用コンセプトアートブラシ「Concept Art Brush Pack」無料配布中！！ 2017.07.3CGソフト, Photoshop, ダウンロード, リファレンス, 素材これは嬉しい！！Photoshop用コンセプトアートブラシ「Concept Art Brush Pack」無料配布中！！ Photoshop用コンセプトアートブラシ「Concept Art Brush Pack」を紹介させて頂きます！！ 公開しているのはスウェーデン在住のSoldatNords氏！！ 基本的にはSoldatNordsken氏がコンセプトアートを描く時に使っているブラシの詰め合わせという感じですが作品を見る限りかなりかっての良いブラシだというのがわかります！！ 無料で公開されているでとりあ
【ゼロからのPhotoshop】基本的な使い方から本格的な写真加工・合成テクニックまで
サルワカのフォトショップ講座は、どの書籍よりも、どのウェブページよりも、分かりやすく解説することを目指しています。初心者の方はレッスン１から、中・上級者の方は必要な部分をかいつまんで読むことをおすすめします。 随時更新していきます。 STEP.1 フォトショップの基本 初心者の方は、これらの記事を読むところから始めましょう。基本的に上から順に読み進めるのが良いと思います。どの記事も中級レベルの内容にまで触れているため、分からないところはサクッと読み飛ばしてOKです。同じ内容に何度も触れているので、読み飛ばしていても段々と使い方が分かってくるはずです。なお、フォトショップを最短でマスターするポイントは「実際に自分の手を動かしながら１つ１つ操作方法を学んでいくこと」です。是非一緒に画面を触っていきましょう。
Photoshopで1クリックの時代がきた！Webページ用のグリッドも簡単に作成できる便利すぎる無料の機能拡張 -Bootcomp 2.0
Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。
Photoshop CC 2015.5の新機能は便利なのがいっぱい！正確な切り抜きや選択範囲を作成するのが簡単ですごい！
2016年6月20日に、AdobeのCreative Cloudがアップデートされました。バージョンは、2015.5と「.5」がついただけですが、前回の2015.1から、4つ飛ばしになり、新機能がかなり搭載されています。 Photoshop CC 2015.5の魅力的な新機能を紹介します。 誰もが恩恵を受けるのは「フォントリストの読み込みが4倍速」になったことでしょうか。これによりロード時間が圧倒的に早くなりました！ 地味ですが、こういうアップデートは非常に嬉しいですね。 Adobe Photoshop ※Adobeの画像の掲載にあたり、Adobeの広報様に許可を頂いています。 Photoshopで「カワイイ」「笑顔」「小顔」が簡単に作れる 「コンじる」が大幅にパワーアップ、新機能も登場 正確な選択範囲とマスクの切り抜き作成が簡単に、しかも速い 字形の機能が強化、フォントのスワッシュも簡単
【Photoshop】自力で同人誌の小口を装飾する人のためのスクリプト - Qiita
概要 自力で同人誌の小口を装飾する人のためのスクリプトです ・装飾に使う小口染画像のイメージ領域を作成するスクリプト ・小口染画像を実際に完成原稿に貼り付けるスクリプト 上記２種のスクリプトからなりたっています アイデア元 百さんのツイート【同人誌の小口を自力で装飾する方法】を参考に作成しました ただし本スクリプトは全て私(超.S)が組んでいるのでスクリプト実行において問題が発生したとしても百さんに関係はまったくございませんのでご注意下さい スクリプトのDL スクリプトはここからDL 使い方 まずは使い方から説明します 動作確認済環境 photoshopCC 2015 Windows7 64bit 必要なこと 完成原稿psdファイルのみがはいったフォルダ 完成原稿の名前は半角英数字でないと文字化けする 完成原稿の紙余白天地と左右は同じ長さでなければいけない スクリプトを実行するとおこること
Photoshopのコンテンツに応じる塗りつぶしで不要なモノを消すコツ
Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? ﾚｲﾆｰ氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基本はスタンプツールですが、スタンプツールでチマチマ消す時間もない！という方に
Photoshopを使う時に欠かせない、絶対オススメのプラグイン・機能拡張のまとめ
Photoshopはデザインに欠かせない便利なツールですが、そのまま使っているだけではもったいないです！ Photoshopでの作業がさらに捗る便利なプラグイン・機能拡張を紹介します。 ここで紹介するものは、当方の日本語環境（Win/Mac, CC 2015）で利用しています。 よく使うドキュメントはテンプレートとして管理 レイヤー数が多くても目的のレイヤーにすぐにアクセス ガイド引きの定番「GuideGuide」は大幅バージョンアップ ガイド引きは「QuickGuide」も欠かせない スクリーントーンや集中線を生成する「Comic Kit」 磨りガラスのようなエフェクトを与える「Blur Like Jony」 カラー・テキスト・フォントサイズなどに変数が使える「Ditto」 ガイドライン作成に欠かせない「Ink」も大幅バージョンアップ 複数の要素を変形させる時に位置はそのままで レイヤー
Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA
みなさんはAdobe Photoshopでどのように画像を書き出してますか？ 最新のPhotoshopではさまざまな画像書き出し機能が搭載されていますが、どれを選択するかで手間が異なります。 本記事ではPhotoshopのさまざまな画像書き出し機能を紹介し、最適な画像書き出し方法を検証します。 この記事はPhotoshop CC 2022 (23.5.0)で検証しています。 この記事のポイント 新しい画像保存方式（書き出し形式、クイック書き出し）は手間が少ないので、作業効率が良い 新しい画像保存方式はデフォルト設定で、小さなファイルサイズの結果を得られやすい アニメーションGIF保存は「Web用に書き出し（従来）」を使う Photoshopの画像書き出し方法一覧 Photoshop CCにおいて、画像を書き出す方法は分けて5種類あります。 書き出し形式 ［ファイル］→［書き出し］→［書き出
【今度はハンズオン】OPTPiX SpriteStudio 勉強会#16 | Peatix
超汎用2Dアニメーションツール『OPTPiX SpriteStudio』勉強会 ■イベント・講演概要 半年に一度（を目指して）開催している大型勉強会。 今回は、ゲスト講師： *池田ピロウさんを招いてのハンズオン形式！ 池田ピロウさん http://transparent-wind.com/ ゲスト講師の池田ピロウさんは、現在もシリーズ化されているコンシューマゲームのアニメータや、サービス中のスマホネイティブアプリにフリーランスのデザイナーとして参加しています。 そんな池田さんから、SpriteStudioの事例でよく見かける、いわゆる真横から見たキャラクターのアニメーションではなく、イラストをダイナミックにアニメーション化する、その手法を学ぼうというのがテーマです。 絵コンテの作り方 から、そのコンテに沿った 静止画制作～アニメーション制作 、更には OPTPiX SpriteStudio
無料でPhotoshopやLightroomを動画で学べる！独学に最適なAdobe TVの使い方
ゲストライターの村上です。 先日、Creative Cloud フォトグラフィプランをプライベートで導入しました。Lightroomを使ってみたいのと、Photoshopの最新機能をいつでも導入したいと思ってました。昔なら10数万払って購入していたものが、月額1000円で導入出来るのは非常に良いですね。 OSのアップデートがあると古いソフトは不具合が起こることもあるので、アップデートの更新費用を考えたら、かなりお得に感じます。 Adobe製品は仕事でも使っているので、何回かは今までにアップデートしながら使っています。そういった時にいつも自分が行っていることがあります。それは新機能の確認です。 アップデートの1番の醍醐味はやはり新機能の追加だと思います。しかし新機能なので当然ながら、それに関しての記事が非常に少ないです。なので自分はアップデートが行われてしばらくたった後に、辞書のような厚さの
Photoshop（フォトショップ）基礎チュートリアルまとめ｜やってみたかった表現を完全マスター！
*Photoshop（フォトショップ）*は豊富な機能を持つことから、画像修正だけでなく様々なデザイン現場で使われています。次々にデザインの幅が広がる新機能も増えています。反面、あまりにも機能が多いため初心者にとっては上達が難しいソフトでもあります。同じAdobe社のイラストレーターと比べても、プロでさえ使ったことがないツールがあるという声をよく耳にします。 そこで今回は、Photoshopの練習にも最適なチュートリアルをまとめて紹介します。かっこいいデザインやおしゃれな表現がたくさんあり、写真編集の練習素材として活用できるでしょう Photoshop（フォトショップ）チュートリアル一覧 1.手軽にレトロな写真に加工する方法 https://blog.spoongraphics.co.uk/tutorials/how-to-create-a-washed-out-vintage-matte-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラストやマンガや同人誌にかなり使える！下絵・塗り・背景に役立つPhotoshopのアクションのまとめ
Photoshopで画像の切り抜き、選択範囲を作成するのはこれが一番簡単で正確！CC 2021で進化した選択範囲とマスクの作成
自分が撮った写真がアニメ背景に！「漫画の背景に使えそう」「フォトショ舐めてた」と絶賛のTL
The Blog | Welcome to Adobe Blog
『X-LABO: Haxe: ドット絵製作者・ドット絵アニメーター向けの Photoshop CC 拡張パネル PaletteChange を公開』へのコメント
