こんにちは、NOGUCHIです！ Twitterにて、YouTubeサムネイルデザインについてのノウハウを発信しております！ こちらのページでは雑多で申し訳ないのですが、 Twitterにて発信しているYouTubeサムネデザイン講座を1ページに全てまとめましたので、過去資料を参考にされたい方はご参照頂けると幸いです。 ※より作り込んだ新デザイン講座をスタートしまして、そちらの資料もまとめていますので、宜しかったらこちらの記事もご覧頂けますと嬉しいです！ 【新】Web・グラフィックデザイン講座、YouTubeデザイン講座まとめ また、1200名以上に在籍頂いているデザインを学べるオンラインサロンの運営も行なっておりまして、より本格的にデザインを学びたいという方はそちらもチェック頂けますと幸いです！ 2〜3ヶ月に一度メンバーの募集をしておりまして、次回募集は2022年8月ごろの予定となってお
@_yonecoです。金色（ゴールド）のテキスト装飾が簡単にできるレイヤースタイルを作ったので紹介したいと思います。 ゴールドの金文字。ゲームアプリのサムネイルやバナー等でよく見かけるキラキラしたやつです。 この金文字もイチから作ろうとすると、グラデーション、縁装飾、光彩、ドロップシャドウ…等細かい設定が結構ありますよね。時間がないときにはちょっと大変。 金色文字のレイヤースタイルを紹介しているサイトは他にも色々あるのですが、ネットで探してみると海外のレイヤースタイルの紹介が多いため、どれも英語表記のものにスタイルをあてたものが多いのですよね。 どちらかと言うと英語より日本語のフォントでの見栄えが見てみたいなと個人的には思う…。
6月中旬からはじめた「ゲームUI素材の作り方」画像が増えてきたので、振り返りの意味も込めてまとめました。 ちなみに、「ゲーム関連のデザインで何に興味があるか」というアンケートをとりました。結果は、下記の通り。 ボタンやゲージなどの「UIパーツの作り方」が最も多かったです。この辺りも考慮に入れて、作り方の1枚画像をアップしていこうと思っています。 最近、1枚画像芸になりつつありますが・・・ UI素材（ボタン、ゲージ他） 戻るボタンの作り方 これは、ゲームアプリ「連結だいすき」のゲームUIデザインをしたときに作成したボタンです。 属性アイコン（水）の作り方 ソシャゲでおなじみの属性アイコンです。戦闘時に敵と自分の属性で威力が変わるというゲームシステムはよく見かけますよね。 フラットボタン（光彩）の作り方 ゲームでも、フラット系のUIデザインが流行っています。今回は光彩を強めにつけました。こ
Adobeから新作ブラシ、「2023年夏のブラシ」がリリースされました！ 2023年夏のブラシは、波や草をはじめ夏を描くブラシがセットになっており、Photoshop, Frescoだけでなく、Clip StudioやProcreateなどでも使用できます。 Adobeからは定番のブラシをはじめ、ペン用ブラシ、塗り用ブラシ、水彩用ブラシ、2018年夏のブラシから2023年春のブラシも全部無料でダウンロードできます！ Photoshopの新作ブラシ、2023年夏のブラシ ブラシは、先週リリースされたばかり！ 作者のKyle氏のツイートには使用例などもあります。 Grab the Summer 2023 #photoshop brushes. They are live worldwide, and free with any Photoshop or Fresco subscription:
１つ１つは手間がかからず１分で出来るようなお手軽なものばかりなのでこの記事を参考に文字デザインのバリエーションを増やしてみてください。 Photoshopが無い方はフォトショを安く買う方法を参考にしてください。月額1,180円〜
こんにちは、デザイナーの白浜です。 今回は人気のポリゴンスタイルの画像をPhotoshopとIllustratorで作成する方法をご紹介したいと思います。 参考サイト まず初めに今回の参考サイトから。 【Photoshop講座】人物をポリゴンスタイル風に加工する https://www.youtube.com/watch?v=Ao0XRwFaoE4 こちらの動画を参考にしました。 パペットワープのキャプチャを撮って塗り分けに使うというかなり斬新なやり方で、サクサクっとポリゴンスタイルを取り入れることができる素晴らしいチュートリアルです。 今回パペットワープは使っていませんが、アクションを使った塗り分けの手法を参考にさせていただきました。 それでは具体的な製作過程をご紹介したいと思います。 写真を元にIllustratorでポリゴンのラインを描く 1. 塗り分けの準備 まず初めに元になる
Photoshopで試しにどういうデータになるか作成しましたので、その手順をまとめてみました。 まったく難しい事はないと思います！ ※一番最後に追記があります 試作手順 1.Photoshopを立ち上げる 持っていないけどLINEスタンプを作ってみたい！という方は、今なら月額1000円でPhotoshopCCが使えます。一ヶ月試用もできるので絵や写真が好きな方は契約して損はないよ！ 画像編集・加工ソフト | Adobe Photoshop CC 2.Photoshopでカンバスサイズをガイドラインにある通りサイズ (最大)：370×320 pixelで開く。 開いたら、新規レイヤーをいくつか作成する。 私はこのようにわけました。 背景を透過させたい場合、この最初からある背景レイヤーは不要です。 色がきちんと塗られているかを確認するために、一番下に派手めの色で塗りつぶしたレイヤーを作りました
はじめまして！デザイナーのみぽりんと申します。 今回は、デジタルマンガにおすすめのソフトや素材サイトとPhotoshopでのマンガの描き方をご紹介したいと思います。 デジタル漫画におすすめのソフトと素材サイト CLIP STUDIO PAINT https://www.clipstudio.net/ モノクロ漫画制作ソフト「ComicStudio」の後継となる「CLIP STUDIO PAINT」。 イラスト制作に最適な「PRO」と、マンガ制作にも適した上位グレード版「EX」があります。トーンや集中線、背景などマンガに必要な機能が豊富で、マンガを描くのが楽しくなるソフトです。 アップデートで少しずつ機能も追加されているので、今後の動向に期待大です！！！ ComicStudio 4.0 https://www.comicstudio.net/ ※現在はサービスを終了しています。 プロも御用達
日本のみなさん、こんにちはぁ！LIGサイトを教科書代わりに使っています、ライターの、のび太です。 今回は、これまでLIGで公開された記事をWeb制作者が見たいもの、学びたい分野別にまとめてみました。ぜひブックマークしておいて、時間があるときに見ておいてくださいね。特にWeb制作者の方は必見だと思います。めっちゃ勉強になること間違いなしっす！ LIGブログ 知りたい分野別リンク集 Sass、Compassを学びたい人 CSSの常識が変わる！「Compass」、基礎から応用まで！ これからSassを始めたい人へ！導入手順をまとめてみた(Dreamweaver対応) 目指せSassマスター！デザイナーがすぐ実践出来る基本テクニック12連発 Compassの設定ファイル「config.rb」の編集方法 Sassを使ったコーディングの強い味方に！便利なextend＆mixin集を作ってみた Sass
ワコムは、年末年始キャンペーンの一環として、「カスタムブラシセット プレゼントキャンペーン」を実施している。実施期間は1月31日まで。 このキャンペーンでは、期間中に対象製品(「Cintiq」または「Intuos Pro」シリーズ)を購入し、ワコムクラブに登録したユーザー全員に、Photoshopなどで使えるカスタムブラシセットを無料で進呈する。 プレゼントされるカスタムブラシは、水彩や鉛筆、毛筆などの描画ブラシから、さまざまな効果を与える散布系のブラシ、マンガ制作にも使えるトーンのブラシ、そしてプロクリエイターにも嬉しい雲や煙のブラシまで、全80種類がセットになっている。加えて、カスタムブラシを活用する方法を記載したマニュアルも同梱する。なお、Photoshop以外のソフトウェアにブラシを設定するためのPSD形式の画像も合わせて提供される。
作成：2013/12/2 更新：2014/11/01 無料素材 > 画像補正するときに、どうすれば良かったのか思い出せない。またあの方法を探し出さないといけない。そんなこんなで、Photoshopの便利な小技や、写真に関する知識をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 画像補正 １．覚えておくと便利な小技 知っておきたい基本知識 ２．被写界深度（ひしゃかいしんど） ３．バンディング（トーンジャンプ） ４．白とび・黒つぶれ ５．ジャンプ率 ６．視覚度 ７．角版／切り抜き版の使い方 ８．画像フォーマット 使い方 ９．基本的な機能の使い方 画像補正 １．覚えておくと便利な小技 写真をPhotoshopで補正するときに役に立ちそうな小技をまとめました。異色なものもありますが、筆者が良くアクセスしてしまうもの一覧です。 ゴミを発見する／微細なロー
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
こんにちは、デザイナーの王です。絵を描くのが趣味です。 最近は絵を書く時間が全く持てなくて困っています……。 どうにか早く描けないものかと悩んだ末、表題の通り、「写真から絵を作ってしまおう」という結論に至ったわけです。 折角だし、絵が描けなくて困っている方たちにも役に立つテクニックなのではないかということで、やり方をさくっと説明してみたいと思います。 【こちらもおすすめ】 ☞ Photoshopで初めて写真加工をするときに知っておくべき基本手順まとめ 素材写真を用意する 鉛筆画らしく見せるためには、まず写真を切り抜いておきましょう。 アウトラインを抽出 次に、以下のステップを踏んで、アウトラインの抽出を行います。 cmd + Jでレイヤーを複製します。 cmd + Iで反転させます。 Shift + Alt + D で 描画モードを「覆い焼き」にします。 「色相 ・ 彩度」の調整レイヤーを
最近Photoshopをゲットしたライターのしゅーへいです。 LIGデザイナー陣のデザイン技術をチラチラ見ながら、Photoshopの勉強をしております。ちなみに打倒、王さんです。 今回の記事は、手描きのイラストをデジタルデータ化する方法です。 必要な物は「スキャナ」と「Photoshop」です。今から紹介する方法は、線画でも利用可能なので覚えておいて損はないです。 ストーリー 家にあった中二病ノートに2012年4月に書いたイラストというか文字がありました。なんか「イイナ・・・。」とか思ったので、このイラストをデジタル化しようと思います。 スキャンする まずはスキャナを使ってスキャンします。 320dpiのTIF形式でスキャンしました。綺麗にスキャンできるならJPEGでも良いと思います。 Photoshopでの作業 次に、Photoshopでの作業に移ります。 余計な部分の除去 そのままス
米Adobe Systemsは5月6日（現地時間）、米カリフォルニア州ロサンゼルスで開催中の開発者向けカンファレンス「MAX 2013」において、この6月に「Creative Suite」の利用形態をサブスクリプションモデルの「Creative Cloud」に移行すると発表した。 現行の「Creative Suite 6（CS6）」のユーザー向けアップデートはバグ修正とセキュリティ対応のみ行い、CS7の発売はしない。 スイートを構成する一連の製品は、6月のアップデートで、例えば「Photoshop CS」は「Photoshop CC」という名称になる。 Creative Cloudは、昨年5月にスタートした、Photoshop、Illustrator、InDesign、Dreamweaver、Flash Professional、Edge Animateなどの一連のAdobe製品を、月額5
フラットなデザインは割とあっさりしたものが多いですが、細部までしっかりと作り込まれたアイコン素材を紹介します アイコンとして商用利用するもよし、アイコン作りの勉強にもよしの素材です。 ダウンロードできるアイコンは全部で3セットです。 最新のVol3は公開されたばかりですが、Vol1のダウンロード数は12,000を超えています！
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く