ガーリーにもエレガントにも、キュートにも。 くるくると動きのあるリボンのグラフィックをワンポイントにするだけで デザインがランクアップすること間違い無し！ 覚えておくと何かと重宝するリボンの描き方チュートリアルをまとめてみました。 【Illustrator】カリグラフィブラシでパスを描いてアウトライン化 カリグラフィブラシでパスを描いてアウトライン化、 その後手前と奥のリボンを分割して色を塗り分ける方法です。 複雑なくるくる具合にしたい場合に最適です。 このチュートリアルではプレゼントBOXの描き方の中で、リボンの作り方が紹介されています。 How to Make Festive Vector Gift Boxes | Vectortuts+　※英語 http://vector.tutsplus.com/tutorials/illustration/how-to-make-festive-

Illustratorのグラデーションメッシュ機能を使うことで、少し複雑でユニークなグラデーションを作り出すことができます。 今回はIllustratorのグラデーションメッシュの基本的な使い方とあわせて、Photoshopと組み合わせてバナーやグラフィックなどで使えるアレンジした背景の作り方をご紹介します。 通常グラデーションツールでは、指定している角度に対して一方方向のグラデーションになってしまいますが、グラデーションメッシュを使うことで複雑でユニークなグラデーションを作ることが可能です。 グラデーションメッシュを使った背景の完成図 Illustratorのグラデーションメッシュ機能の使い方に加えて、Photoshopを組み合わせ使い、AFTERのような背景を作っていきます。 美容系や飲料系の広告デザインやバナーデザインで使えるテクニックなので覚えておくと便利です。 今回の、完成図では

Adobe Photoshop(以下：フォトショ)で火や炎を作るって難しいと思いますよね。 でも最近のフォトショだと簡単にできるので紹介したいと思います。 illustratorでリアルな火や炎を簡単に作る方法！ブラシは古い！ 以前はブラシを駆使して作ってた覚えがあるんですが、それももう昔の話。 最近では複雑な操作の必要がなく、一発で出来ちゃうんです。 ①写真を開うて新規レイヤーを作る まずは新規レイヤーを作ります。 火や炎を付けたい写真を開きます。 画像サイズはピンタレストに投稿する用に横が1000ピクセル、縦を1500ピクセル、解像度は300dpiで設定してます。 下の「+」や右上の三本線、上のメニューのレイヤーから新規レイヤーを選択してください。 以下のようになっていれば大丈夫です。 名前は任意でOKです。 ②新規レイヤーに波線を描く ツールボックスのペンツールを選び、先ほど追加した

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。 Photoshop（フォトショップ）の「CornerEditor」というスクリプトを追加し、長方形のシェイプオブジェクトのコーナーデザインを簡単に作る方法をフォトショ初心者の方に解説します。 Webデザインやチラシや雑誌などの紙面デザイン、ゲームUIデザイン等でよく使うフレーム形状が超短時間で作れる便利スクリプトを活用した制作テクニックです。 初めてPhotoshopのスクリプトを使われる方でも安心して導入できる内容ですよ！ 何が作れるの？ CornerEditorを使えば上図のようなコーナーデザインをあっという間に作れます。 通常の角丸はPhotoshopで作れますが、内側にくぼんだ角丸、ベベルのような角、正方形でえぐれたような角のデザインが数値入力だけで作成できる優れもの！ Photoshop初心者の方でもフレーム

こちらの記事はアプリ「Adobe Photoshop」を使ったTipsになります。持っていない方や更新間近の方は「Adobe CCをおトクに購入する方法」も参考にしてみてください。 リソグラフ印刷風加工の作り方 今回は、IllustratorとPhotoshopを組み合わせて、このような混色や版ズレを再現されているような『リソグラフ印刷風』の雰囲気を作成していきます！ Illustratorではデザインを作成、Photoshopでは色が混色された加工、紙っぽい質感、カスれた印刷風質感として使用していきます。 デザインは【Illustrator（イラレ）】で作成する キャンパスサイズ：1000px ×1500px 今回は、デザインはIllustrator（イラレ）を使って作成しています。（Photoshop上で作成している場合でもOKです。） デザインを作成する際に、配色で色数は多く設定しな

Photoshopなどのデザインソフトにある「乗算」「スクリーン」「焼き込みカラー」「覆い焼きカラー」など、各描画モードがどのように機能するかを解説します。 それぞれの違いがよく分からない、どんな効果があるのか分からないという人に、これを読めば描画モードでどれを使うか迷うことはなくなります。 Blending Modes by Dan Hollick (@DanHollick) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 描画（ブレンディング）モードとは 各描画（ブレンディング）モードについて解説 はじめに 見た目が思い通りになるまで、描画モードをいろいろ試していませんか？ 描画モードの種類 この記事を読んでもあまり変わらないかもしれませんが、少なくとも「比較（明）」や「比較（暗）」を使用することはなくなるでしょう

今回は、Photoshopで背景が透けているガラスのような透明感ある文字の作り方を解説します。 レイヤースタイルのみで作成できるので、とっても簡単で、インパクトがある文字を作り出すことができます。 ガラスのような透明感ある文字の作り方 今回はこのような背景が透けているガラスのような、プラスティックのような透明感のある文字の作り方を解説していきます！ 作例では、英字を使って解説していますが日本語（ウェイトが太めがオススメ！）でも作成することができます。背景が透けているところが可愛い！ ベース文字の作成 カンバスサイズ：横2000px × 縦1000px背景色：#000000 文字ツールで、以下のサイズと色の文字を作成します。 文字サイズ：500px文字色：#ffffff 背景色やサイズなどはお好みでもOKですが、サイズを変更する場合はレイヤー効果の適用数値が変わってくるので、任意で調整してみ

こんにちは！ 会社では主にイラストを描くお仕事をしています。みさこです。 ガクガク{{{{（*ω*）}}}}プルプル 関東でも最近大雪が降りまして、まだまだ冬の寒さが続いております。冬は寒くてあまり好きではないですが、空気が澄んでいて星空が綺麗に見えるのは良いですよねーﾍ(ﾟ∀ﾟﾍ) ということで今回は、キラキラ輝く星空の描き方(Photoshop)について書かせて頂こうと思います！！（雑な入り方でスミマセン…） 目次 星空の描き方 おまけ 最後に 星空の描き方 1.［ファイル］→［新規］で新規ファイルを制作する。 2.描画色を白、背景色を黒に設定する。 3.ちりめんじわフィルターで星を作る。 ［フィルター］→［スケッチ］→［ちりめんじわ…］を選択し、下図のように設定して［OK］します。 4.星の輝きを強くする。 星空レイヤーを複製し、描画モードをスクリーンモードにします。 レイヤーを全て

AdobeXDやIllustratorがWebデザインツールとして、どんどんと使いやすくなっていますが、まだまだPhotoshopでデザインする人が多いと思います。 かくいう私もメインのデザインツールはPhotoshop。そこで今回はPhotoshopの作業をより快適に行うために私が使っているおすすめのプラグインやスクリプトをご紹介いたします!! Photoshopを使い始めた新米デザイナーさんは是非ご参考ください。 スクリプトとプラグインの違い 紹介の前にプラグインとスクリプトの違いについて整理しておきましょう。 スクリプトはPhotoshopの複雑な作業を自動化してくれる Photoshopを使ってデザインをしていると同じ作業の繰り返しを行うことが多々あります。そんな時にPhotoshopの「アクション」機能を使えば、作業を自動化して行うことができます。便利ですね。 ただ、アクションで

白の文字を薄い背景にのせたいときありますよね デザインをしていると、薄い背景の上に白い文字をのせたいときってないですか？ 薄くて淡い空に白の文字をのせたいとき。 あると思います。 基本的にこれらを押さえれば大丈夫 白い文字をのせてみる まぁ読めるっちゃ読めます。読めるんだけど読みにくい。特に雲のせいで後半が読みにくい。 うん。 読ませたいならまずドロップシャドウ そういったときの解決策として、Photoshopのレイヤースタイルで影（ドロップシャドウ）をつけると思います。 レイヤーをダブルクリックするとレイヤースタイルが開きます。 ドロップシャドウを選択して影をつけます。 いつでもここから編集できるのがレイヤースタイルのいいところ。 影をつけてみました。 影つけたけどなんか汚くね？ ちゃんと読めるようになったけど……なんか汚くない？ どうも！シャドウです！あざます！ ってなってます。影の主

Adobe PhotoshopでRAW以外のJPEGなどのファイルを「Camera Raw」で開く方法について掲載しています。【Adobe Photoshop CS6】 Adobe PhotoshopはRAWファイルを開く際に「Camera Raw」というプラグインで開きますが、JPEG/PNGなども同様に「Camera Raw」プラグインで開くことができます。 (Note・・・WindowsとMacではキーが違います。Windowsの「Ctrl」はMacの「command」、Windowsの「Alt」はMacの「option」、Windowsの「Enter」はMacの「return」になります。) RAWファイルをダブルクリックしたり、ドラックアンドドロップすると以下のような「Camera Raw」ダイヤルボックスが開きます。

この記事では、フォトショップの新しい使い方やテクニックを短時間でマスターできる最新チュートリアル48個をまとめてご紹介します。 今回紹介するフォトショップのチュートリアルを手順どおり進めていくことで、より実践的なツールや機能の使い方を覚えることができます。 これどうやるの？フォトショップの最新テクニックや使い方、チュートリアルまとめ 継ぎ目のない複雑なデザインパターンを作成する方法 あらゆるデザインで継ぎ目のないパターンを作成するテクニック。以前紹介した記事も参考にしてみると良いでしょう。 フォトショップ凄すぎ！継ぎ目のないパターンを作成するプラグイン Adobe Textile Designer の使い方完全ガイド さまざまなカモフラージュ柄パターンをデザインする方法 フォトショップをつかって継ぎ目のないカモフラージュパターンを作成します。長めですが、手順どおり進めていくだけで基本ツール

When mass printing dominated the mid-twentieth century, the number of colors in an image was reduced by replacing gradients with dots. The technique was seized upon by pop artists, like Lichtenstein and Warhol, to such an extent that it’s entered our visual language. However, despite it being one of the simplest ways to evoke retro printing, it’s not that easy a technique to produce in Photoshop.

この記事は2016年2月18日の記事を更新しています。 デザインをする際、背景などにパターン素材を使う方は多くいらっしゃいます。 しかし、せっかく作ったのに継ぎ目が見えてしまって残念な仕上がりになってしまったり、好きなパターン素材を見つけていざ使ってみると合わない、という経験が一度はあるのではないでしょうか。 実は、パターン素材は非常に簡単に作れますので、コツさえ掴めば継ぎ目のない綺麗なパターン素材を自作することも可能です。 今回は、Photoshopで継ぎ目のないシームレスなパターン素材を作る方法をご紹介します。 定番のドット柄からテクスチャまで一通り紹介しておりますので、今までパターン素材で悩んでいたという方はこれを機に自分で作ってみてはいかがでしょうか。 継ぎ目のないシームレスなパターン素材の作り方まとめ 1.ドットのパターン素材の作り方 まずは定番のドットパターンの作り方からご紹介

この記事では、Photoshopでハーフトーン画像を作る方法について紹介しています。 ハーフトーン（英: Halftone）とは、、写真内の異なるグレーの濃度を、さまざまなサイズのドットで表現した単色画像です。ハーフトーンエフェクトを使えば、まるで漫画のようなハーフトーンスクリーンの効果を手軽に表現することができます。 新聞紙にプリントされたような、ザラッとした質感のハーフトーン加工も一緒にいかがでしょう。 【フォトショップ】写真やイラストをレトロなハーフトーン風に加工する方法 Photoshopでハーフトーン画像を作る方法 その1 今回は、こちらの写真をハーフトーン加工していきます。画像サイズは、2000x2000pxの300ppiとなっています。 メインメニューより「フィルター」>「フィルターギャラリー」を開きましょう。表示されたダイアログパネルの「スケッチ」タブより「ハーフトーンパタ

今日も生まれる感動と笑顔 お客様の事業、戦略、Webサイトの現状などを把握し、最適な施策を立案・実行します。 more info Top Message インターネットテクノロジーの需要が高まり、その必要性と可能性を感じ2005年に創業して以来、現在に至るまでステークホルダーの皆さまに支えていただきながら成長を続けてまいりました。「ITとクリエイティブのチカラで、心沸き起こるプロダクトを生み出す」ことをミッションに掲げ、さらなる充実したチカラ溢れる未来の実現を目指します。私たちの強みは、企画戦略からシステム開発、Webアプリケーション開発、クリエイティブ、コンサルティングに渡るワンストップソリューション提供とオーナーシップマインドを両立することにより、より精度の高い、顧客満足度の高いアウトプットと課題解決を達成します。また、創造性の向上、生産性の向上、コストの削減といった意識、文化を育むた

鉛筆やチョークで描いたような風合いから、水彩ペイントの淡い色合いやレトロなグランジ感など、さまざまな質感を表現できる Photoshop ブラシ素材セット。 あらかじめ収録されているブラシに飽きてしまったり、新しいブラシを自分で作成するのは面倒、不要で無駄なブラシはインストールしたくない。そんな人におすすめしたい無料ダウンロードできる高品質な Photoshop ブラシ素材をまとめてご紹介します。 後半では、Illustrator で利用できるベクターブラシ素材もいくつかピックアップしています。 2021年版の最新Photoshopブラシも一緒に確認しておくと良いでしょう。 フォトショップでまず入れておきたい無料ブラシ素材70個まとめ 2022年版 ブラシを切り替えたり、ブラシサイズを変更したりと、何度も行う作業はショートカットキーの利用がおすすめです。また、CCライブラリを活用したPho

長いので、カンタンですが目次を作成しました。 めっちゃ手間がかかるので、スクショ画面をよ〜〜く見て、本文をよ〜〜く読んでチャレンジしてみてください！ CSV＋Photoshop データセットでできること 文字の差し替え CSVの各行に入力された文字ごとに差し替えることができます。 特定のファイルでの背景色やキャラクター等の差し替え 例えば都道府県の画像をつくるとして、「東京都だけ背景に柄を入れる」といったことができます！ 量産したPSDのファイル名の指定 CSVに入力していれば、ファイル名も指定できます。 実際にサンプルのファイルで試してみましょ（◍•ᴗ•◍） こんな画像を量産するよ 試しにこんな画像を量産してみることにしました！ うさちゃんが「あ〜ん」の五十音を発している画像です。 画像ごとに変わる部分はここ↓ ひとつひとつの詳細についてはこれから説明しますが、すべて同じ階層内に保存する