【Photoshop】ゲームUIの作り方【PSD有り】
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 スマホゲームのUI（ユーザーインターフェース）をPhotoshop(フォトショップ)で作る方法について詳しく解説します。 ゲーム会社に応募する際、オリジナルキャラを使ったスマホゲームのUI（ユーザーインターフェース）をポートフォリオに載せておくと、イラスト単体を載せるより採用担当者の目に留まる可能性が高まります。 フォトショ初心者の方にも分かりやすいよう、順を追ってゲームUIの作り方を解説いたします。 ゲーム業界への就職を考えられている学生の方にオススメのコンテンツです。 「ぼくのかんがえたスマホゲーム」のマイページ画面を作ってみましょう！
【メイキング】表情で語る！フライさんの美少女イラスト作画
素敵な女の子を描きたい方必見！ 注目の書籍『美少女作画』から、表情が魅力的な女の子のイラストを得意とするフライさんによる厚塗りメイキングを抜粋して紹介します。プロの技を参考に、魅力的な女の子のイラストを描いてみませんか？ ▲完成イラスト フライさんは、線画はCLIP STUDIO PAINT、色塗りはPhotoshopで完全に使い分けをしています。 複数のソフトを使い分けた描き方も参考にしてみましょう！ 線画で大ラフを描く CLIP STUDIO PAINT PRO で大ラフを作成します。 （1）大ラフで表情を固める 表情がしっくりくるまで消して描くを繰り返します。 （2）大ラフをもとに線画を描く 大ラフで描いた線をもとにディテールを詰め、線画にします。 カラーラフでイメージを固め線画を完成させる Photoshop でカラーラフを作成し、絵のイメージを固めます。 ラフの段階である程度絵の
Photoshopで手書き風の鉛筆タッチなイラストを描いてみよう！ | SONICMOOV LAB
こんにちは！イラストレーターのあんみです。 最近はデジタルで手描き風にイラストを描くことにひっそりはまっています・・・！ アナログのような表現ができるブラシを作ることが楽しいです＾＾ こちらの鉛筆ラフですが、実はPhotoshopで描いています。 今回はこのように鉛筆でスケッチを描いたように見せることができるブラシの作り方をご紹介しようと思います。 PhotoshopのバージョンはCS6です。 鉛筆ブラシの作り方 メニューの「ウィンドウ」→「ブラシ」を開き「楕円（ハード8）」を選択します。 「シェイプ」「滑らかさ」にチェックします。 「テクスチャ」にチェック ●パターンピッカーを開く→右上の三角▼をクリック→アーティスト→「麻布」を選択 ●「反転」にチェック ●拡大・縮小「50％」 ●明るさ「-10」 ●コントラスト「42」 ●「描点ごとにテクスチャを適用」にチェック ●描画モード「減算」
知らなきゃ損する！レイヤーの合成モードって何？ | イラスト・マンガ描き方ナビ
デジタルで絵を描くときに欠かせない知識。レイヤーの「合成モード」の主な種類や簡単な使い方について、どんな結果になるかの画像とともにわかりやすく紹介します！お絵描きソフトによっては、ブレンドモードや描画モードなどと呼ばれる場合もあります。カラーイラストの色塗りや仕上げの際に簡単にイメージを変えられます。 レイヤーの合成モードとは 下のレイヤーに描かれた内容に対して、効果を付けられるレイヤーの機能です。レイヤーの[合成モード]を設定すると、イラストの見せ方を調整できます。 レイヤーの合成モードを設定するには？ レイヤーの合成モードは、初期状態では[通常]に設定されています。[不透明度]を100%にして描いたものは、下のレイヤーが透けません。合成モードを変更すると、下のレイヤーに与える効果を変更できます。 レイヤーに[合成モード]を設定するには、設定したいレイヤーを選択し、[合成モード]を選択し
【Photoshopでイラストが上手くなるの？】４ヶ月もあればプロレベル！貧困で美大に行けなかった野郎のイラスト上達体験談 | 【筋トレ好きなイラストレーター・LYO】筋トレ・イラスト上達をリベンジする者を応援するサイト
ホーム★Photoshopイラスト上達術【Photoshopでイラストが上手くなるの？】４ヶ月もあればプロレベル！貧困で美大に行けなかった野郎のイラスト上達体験談 どうも、筋トレするイラストレーターのLYOです！ さてはて！今回は君もご存知、Adobe社の写真加工ソフトなのにイラストを描く事に特化しすぎちゃってる驚異的なソフト！Photoshopの機能を覚えて、絵を書けるようになろー！の巻です。 月額1,058円かかるんだけど、僕は授業料だと思って投資している気分です＾＾ そして、Photoshopというのは日本でも海外でもデザイナーさん、イラストレーターさんがよく使うソフトの１つなので、君が製作系やwebデザインなんかの仕事をしたい！って思うなら、きっと役立つだろう！ 僕は《イラストが上手くなりたくて！》というより、《Photoshopが使えないとちょっと恥ずかしい！》という気持ちがあり
シンプルな雲から複雑な積乱雲まで描ける！ 夏空の描き方講座 | いちあっぷ
青い空と、もくもくとした入道雲――見ているだけで懐かしい気持ちになる、夏の情景。そんな背景を描いてみたい方はいませんか？ 今回は、イラストレーターのすけべ椅子さんが教えてくれる「夏空の描き方講座」をお届けします。記事の後半にはPalmieでの動画解説もありますよ！ 今回の講座では ■前半：基本となる「積雲」の描き方 STEP１ 積雲のアタリの取り方 STEP２ 背景の空の塗り方 STEP３ 積雲ベースの塗り方 STEP４ 積雲の描きこみ方 ■後半：応用編である「積乱雲」の描き方 STEP５ 積乱雲のアタリの取り方 STEP６ 積乱雲のベースの描き方 STEP７ 積乱雲の描き込み方 SETP８ 小技 という段階別に解説を進めます。雄大な夏の空にチャレンジしてみましょう。 STEP１．積雲のアタリの取り方 キャンパスサイズ26cm×15cm 150dpiにしました。制作の際は、画面を拡大しすぎ
5分でできる！HDR処理で写真をイラスト風に加工する方法：Photoshop | 小樽総合デザイン事務局｜ホームページ制作・デザイン・LINEスタンプ制作
2015/4/20 IT・デザイン, デザイン 5分でできるシリーズ, Photoshop, イラスト, チュートリアル, デザイン 5分でできる！HDR処理で写真をイラスト風に加工する方法：Photoshop はコメントを受け付けていません 小樽総合デザイン事務局 PhotoshopのHDR処理で簡単にイラスト化できる方法をご紹介します。 フィルターを使った加工では不自然になりがちですが、HDRを利用した方法では、かなり自然に加工できます。 HDRとは？ ハイダイナミックレンジ合成（ハイダイナミックレンジごうせい、英語：high dynamic range imaging、略称：HDRI、HDR）、とは、通常の写真技法に比べてより幅広いダイナミックレンジを表現するための写真技法の一種。 Wikipediaより 簡単に言うと、暗部と明部の差を減らして目で見た感覚に近い画像を作るための技術で
背景が描けるようになる方法を教えちゃうゾ☆（ゝω・）vｷｬﾋﾟﾋﾟ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
1：以下、名無しにかわりましてVIPがお送りします：2013/11/01(金) 22:20:26.96 ID:7dcNZi8CP これがサンプルだょ： 5時間くらいで Photoshop cs5 を使って描いたんだぞ～☆ まずは構図のお話です。 4：以下、名無しにかわりましてVIPがお送りします：2013/11/01(金) 22:21:54.99 ID:Y45v8Mno0 うまいな 5：以下、名無しにかわりましてVIPがお送りします：2013/11/01(金) 22:21:56.40 ID:jc66KsqH0 うますぎわろた 8：1：2013/11/01(金) 22:24:10.39 ID:7dcNZi8CP 絵を描く時はまず構図から考えますが、 なかなか良い構図が決まらないというのはよくありますよね。 じゃあ良い構図の条件は一体どんなものなんでしょうか？ ｩﾁが思う良い構図の条件は １視
aquamary images making
メイキング pixivにUPした作品の製作過程を公開しています 描き方というより作業の流れとして見ていただければと思います ○クラシックなトラック(2009.4.10) ○調香師の聖域(2009.4.27) ○習作(2009.5.1) ○辺境の小屋(2009.5.2) ○半地下のお店(2009.5.6) ○森の道具屋(2010.6.4) ○マグマ運河(2010.6.8) ○インドア(2010.6.14) ○裏の道(2010.6.28) ○森の宿屋(2011.6.23) aquamary images
イラストやマンガを描く時の参考になるカラーパレット・スウォッチ素材のまとめ
顔、化粧、瞳、髪、肌、小物などのカラー、対象物のカラーのハイライトやシャドウなど、イラストやマンガを描く時の参考になるカラーパレット・Photoshopのスウォッチ素材を紹介します。
Photoshop講座
初めまして、木村と申します。今回はPhotoshopを使用したお絵かき講座を作成致しました。少しでも絵描きさんのお役に立てれば幸いです。
wacom
Product 製品から探す Wacom MobileStudio Pro Wacom Cintiq Pro Wacom One Wacom Intuos Pro Wacom Cintiq Intuos Bamboo Smartpads Bamboo Stylus Category タイトルタグから探す 製品の選び方 活用ガイド Sculpting with Wacom Drawing with Wacom イラストテクニック ～あの作品の制作環境が見たい～ ペンタブレット活用事例 Bamboo Blog 写真に絵を描く！フォト・ドローイングのススメ 教育現場での導入事例 デジタルペンのおしごと図鑑
完成したイラストをほんの一手間でクオリティアップさせる小技集 | もじゃクッキー.com
そのイラスト、塗り終わったら「終わり」でいいんですか？ ちょっと一手間加えるだけで完成度の印象をぐんっと上げられるかもしれませんよ！ Photoshopの操作画面で説明いたしますが、他のお絵かきソフトでも似た機能でご活用できるかと！ 1.カラーオーバーレイをかける（統一感） 2.グラデーションオーバーレイをかける（安定感） 3.輪郭を残しつつ柔らかくガウスをかける 4.なんちゃって逆光表現 5.パターンオーバーレイをかける（質感） ※比較画像がわかりにくい場合は画像クリックでLightBox表示にして左右ボタンで比べてみるといいかもしれませぬ！ 1.カラーオーバーレイをかける（統一感） 描画部分（絵の書いてある部分）をグループ化→複製→結合します。 結合したレイヤーの「塗り」を0%にします。 （不透明度ではなくそのしたのパーセンテージです！） そのレイヤーにレイヤ効果をかけます。 選ぶのは
これは凄い！！面白い色塗りテクニック 「グリザイユ画法」で描こう！ - 萌えイラスト上達法！ お絵かき初心者の学習部屋
90：以下、名無しにかわりましてVIPがお送りします：2012/04/09(月) 17:22:35.22 ID:H20d2o4r0 最近厚塗りに挑戦してるんだけどなんか上手くいかん・・・ 使用ツールはSAI 91：以下、名無しにかわりましてVIPがお送りします：2012/04/09(月) 17:26:15.38 ID:p8YlH8cR0 >>90 うめーじゃん もっと細いブラシで細かいところ塗っていけばいんじゃね？ 93：以下、名無しにかわりましてVIPがお送りします：2012/04/09(月) 17:58:25.77 ID:cq6KBufl0 厚塗りするなら色に頼らずグレスケで塗ってみろってばっちゃがいってた 102：以下、名無しにかわりましてVIPがお送りします：2012/04/09(月) 19:43:00.58 ID:H20d2o4r0 >>93 成る程、ありがとう！ グレースケール
それでも初音ミクをエロゲっぽく描いてみた（清純派）‐ニコニコ動画(秋)
以前に初音ミクをエロゲっぽく描こうとしたのですが、描き足し不足だったり消されてしまったりしたので更にリベンジしてみました。密度重視です。■テキストが潰れました ｱﾙｴｰ(・3・)■誰おま絵■photoshop5.0/19inch1600*1200/30倍速描画・所要時間11時間位■BGM借り元：sm1126201・sm1067178・sm1103320・sm1200230■前作品：mylist/2771810
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PSDTool
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
無料＆日本語対応の高機能ペイントソフト『Krita 2.9』正式版がリリース。 | CGトラッキング 世界のCGニュースを集めてみる
manga-3.tokyo
osakana.factory - 写真から雲を作る