意外と簡単！Photoshopで油絵のような画像をつくる方法 | それからデザイン スタッフブログ
こんにちは！Webデザイナーの斧山です！ 今回はPhotoshopのフィルター機能を使って簡単に油絵のような画像をつくる方法をご紹介します。それでは早速いってみましょう！ STEP1 まず油絵風にしたい画像をPhotoshopで開きます。 まず、レイヤーを複製します。さらに[レイヤー → スマートオブジェクト → スマートオブジェクトに変換]を選択、複製したレイヤーをスマートオブジェクトにします。スマートオブジェクトにすることでこのあと追加するフィルタなどが再編集可能となり細かい微調整が後からでもできるようになります。 さらに２つ、スマートオブジェクトレイヤーを複製し、合計３つのレイヤーを作ります。分かりやすいようにこれから適用するフィルターごとに名前をつけます。今回は、上から、「Median」「Dry Brush」「Cutout」としました。 STEP2 「Median」「Dry Bru
Illustratorを使い始めて4ヶ月の私が、 Dribbbleみたいなフラットデザインやイラストレーションを作る方法！｜Kaho
Illustratorを使い始めて4ヶ月の私が、 Dribbbleみたいなフラットデザインやイラストレーションを作る方法！ こんにちは！クリスマスまであと6日！ Progateでイラスト制作をしている@ca_1115です！ Adobe Illustratorを使い始めてまだ4ヶ月の私ですが、 今回「Progateの法人向け活用シーン」において制作した イラストレーションの作り方や手順を紹介します！ ここでは、Illustratorの具体的な使い方は紹介していませんが、 Dribbbleによくある「お洒落なフラットデザイン」を描きたい方は、 ぜひ参考にしてみて下さいね！ 1. 何を伝えたいかを決める今回イラストレーションで伝えたい事は、 progate活用シーン「エンジニア向け」と「ビジネス向け」この2つの違い。 という事で、上の図のように「エンジニア向け」「ビジネス向け」この2つのコンテ
Illustratorでドットモザイク画像を作る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今回はポップなドットモザイクの画像をIllustratorで作成する方法をメモしておきます。 01:画像を埋め込む 今回はお花の写真を配置しました。リンクは切っておいてください。（パスデータの場合はラスタライズして画像データに変換してください。） 02:画像にモザイクをかける 「オブジェクト」→「モザイクオブジェクトを作成」を選択。（CS3以前では「フィルタ」→「クリエイト」→「モザイク」） こんな感じになります～。 モザイクになったオブジェクトはグループ化されているので、グループ化を解除しておいてください。 03:モザイクタイルを丸ドットにする タイルをひとつ選択して大きさを確認します。 タイル一個の大きさを確認したら、画像全体を選択しなおして、「効果」→「形状に変換」→「楕円形」を選択します。 形状オプションで「値を指定」を選択、幅と高さをさきほど調べたひとつのタイルの幅と高さと同じぐ
作って覚えるAdobe XDの便利機能 5つ
2022年4月27日 Webデザイン, XD プロトタイプやデザインの制作時にAdobe XDを使っている人も多いでしょう。Adobe XDは新しい機能がちょこちょこ追加されているので、定期的にチェックするといいですね。今回はひとつのページを作成しながら、覚えておくと便利な機能を紹介します。 ↑私が10年以上利用している会計ソフト！ 1. 「スクロールグループ」で横スクロールを表現 「スクロールグループ」では表示範囲外のコンテンツをスクロール操作によって表示できる機能です。横にスクロールするカルーセルや、多方向に動かせるGoogleマップの埋め込みなどに使えますね。今回は横にスクロールできるイメージギャラリーを設置します。 まずはリピートグリッドで画像を表示させるボックスを用意しましょう。別途用意していた画像たちをボックスにドロップすれば画像が表示されます。 このままだと画面の外にある画像
フォトショップでつくる、キラキラに輝く人物の作り方
今回は、人物の周りをキラキラに輝くライティング効果をフォトショップで作る方法をご紹介します。 オリジナルの人物イメージ画像を効果的にデザインすることができ、見た目のインパクトも絶大です。 ポイントは、レイヤースタイルの「覆い焼きカラー」を使うことで色々なものをキラキラに輝かせることです。 一度やり方を覚えてしまえば、応用が効くのもいいです。 一見難しそうにみえますが、簡単なステップのみで作ることができるのでぜひフォトショップ初心者のひとにもオススメしたいチュートリアルになっています。 なお、今回作成したのはPhotshop CS4ですが、古いバージョンでも問題なく作ることができます。 チュートリアルをはじめる前に使用するイメージ画像をダウンロードしてください。今回は、以下のサイトから画像を購入しました。 人物イメージ画像 http://nihongo.istockphoto.com/sto
イラスト制作のためのIllustrator〜ベクターでもっと自由に描いてみよう〜
「自分でイラストを描けたら良いのにな」と思ったことはありませんか？ Illustratorなら、描きたいモチーフの「しくみ」に適切な機能をあてはめることで、複雑なイラストにも挑戦できます。絵を描くのは苦手だという方でも大丈夫です。 今回は実例を交えながら、ブラシ機能や描画まわりのツール、Adobe Captureの活用方法などを中心にご紹介します。 特にCC以降の機能は、イラスト制作の効率を格段に上げるものばかり。新・旧機能の合わせ技で効率よく、更に豊かな表現を目指しましょう！ page2017のクリエイティブゾーンセミナーに登壇させていただいた際のスライドです。実演で解説した部分は概要のみ追加しました。 page2017 http://www.page.jagat.or.jp/ 「新規アートに基本アピアランスを適用」の詳細は「Illustrator アピアランスのキホン 〜流用編〜」の「
知らない人は損してる、イラレでスーパーのチラシを作るときの7つのワザ - Cherry Pie Weblog
昨年から、地元の印刷会社さんのお手伝いでスーパーのチラシを制作させていただいているんですが、最初に作業手順を聞いたときに、そのあまりの面倒さに閉口してしまいました。 スーパーのチラシって、何重もの文字フチとか、値段の数字が重なってて円だけ小さいとか、囲みとか、必ず文字が画像にかかってしまうから白フチもつけないといけないとか・・・ そんな手数のかかる作業を、長年チラシ制作をされている方は、イラストレーター5.5 でショートカット連打でバキバキ作ってたりするわけです。 しかし、短納期・安価を求められる今の時代、いつまでもイラストレーター5.5時代の作業を続けているのでは、相当な熟練者でないと時間にもお金にも見合う仕事ができないし、会社としては熟練者に単純作業に近いことに延々と時間を使ってほしくないのです。 でも、今のイラストレーターならできるんですよね。 そんな、知っている人は知っているけど、
ワンランク上のもふもふを！猫の切り抜き方 - Pepabo Tech Portal
この記事の担当 @sziaoreo_artworks はじめまして。まいどんと申します。 minneのデザイナーをやらせていただいてます。 前職は広告制作会社におりまして、Photoshop祭な日々の中で様々な小技を先輩方から盗んで参りました。 ということで今回はPhotoshopで使える！覚えておくととても便利！な 「ワンランク上のもふもふを！猫の切り抜き方」をご紹介します。 それではさっそくこの黒ニャンコでやってみましょう。もふもふですね。このもふもふ感を端折るわけにはいきません。 この技では１つのもふもふを切り抜くのに、2つpsdデータを用意します。 1.ボワっとマスクをかけます！ １つめのデータ ２つめのデータ
Adobe Illustrator 2023で漫画の集中線を作成する方法 | 「クリーティフ」Creatif
今回は、Adobe Illustrator で漫画の集中線を作成する方法についてです。 ポスターやチラシなどで「漫画風」のデザインをする事があると思いますが、簡単にベクターデータで集中線を作成する事が出来ます。 イラストレーターでの集中線の作り方 まずは、指定のサイズで新規作成をしましょう。 ベースとなるパスを作る まずはベースとなるパスを作成しましょう。 今回はこのように作りました。 集中線を作りたいパスの上に正円形のパスを作成 集中線を作りたいパスの上に正円形のパスを作成します。 このとき、ベースとなるパスより大きめの正円を作りましょう。 正円 パスの変形「ラフ」 正円形を変形させます。 「効果」＞「パスの変形」＞「ラフ」をクリックします。 ラフ 「プレビュー」にチェックを入れて、「サイズ」と「詳細」の値を変更します。 いい感じになったらOKをクリック。 ギザギザ アピアランスを分割
イラレでドット絵を簡単に作成するテクニック - DESIGN TREKKER
今回はレトロゲーム風のドット絵をIllustratorで簡単に描けるテクニックをいくつかご紹介したいと思います。 ドット絵のイラストがあるだけで、ゲーム風のデザインや似顔絵など、個性的でインパクトのあるデザインに仕上げることができるので、知っておいて損はありません。 簡単にIllustratorでドットを描いていくテクニック まずは長方形ツールで正方形を作ります。今回は48×48mmとします。 作った正方形を選択して「オブジェクト」メニューから「パス」→「段組設定」を選択します。 今回は行、列ともに段数16、間隔は0とします。画像のように3×3mmの正方形が隙間無くたくさんできました。（お好みの太さで線を入れておくと作業しやすいです） ここまでくれば、もうおわかりいただけると思いますが、この3×3mmの正方形に色をつけていきましょう。 と、こんな感じで塗りを設定したら、全部選択して線を消し
素材をつくろう！Adobe Illustratorでアイソメトリックイラスト | サイドスリーブログ
こんにちは、きたむんです。ついに冬が終わり、年度末も終わり、平成も終わりに近づいてきましたね。 新しい元号も発表されましたが、我が社でも発表時はみんな気になってソワソワ…でした。 さて、最近のwebデザインで、よく見かける「ちょっと斜め上から見ているイラスト」の素材。 この「アイソメトリック」なイラストについてご紹介します！ そもそもアイソメトリックってなんでしょうか。 アイソメトリックは 「傾斜させた立体を、間口・奥行き・高さの3方向の軸が それぞれ120度になるように描く」図法で、 日本では「等角投影法」とも言われます。 立体感が出るので、ジオラマのようなイラストになります。 基本はこの3つの軸に沿って作画していけばOKです。 作画方法の基本はベースとなる軸を作成します。 水平の軸 垂直の軸 水平の軸に対してそれぞれ30度に傾斜し、交差した軸 この軸に沿って、図形を作画していきます。が
Adobe XD ことはじめ ～ワイヤーフレームを作った話 - kick the base
先日ぼくがディレクションをしている案件でAdobe XD(以下XDと略）を導入したのでその雑感をまとめます。作成したのはワイヤーフレーム(以下WFと略）のみでしたが、サイトデザインのメインツールに置き換え可能なポテンシャルを感じました。 本記事ではXDの魅力と疑問点について記載します。 本記事はXDを触り始めて数日間のライトユーザーが書いています。間違いなどあればご教示ください。 執筆時の環境 導入のきっかけ 所感 軽い コンテキストを主軸にしたビュー構成 リピートグリッド最強説 ショートカットベースの設計 これできないの？ 一時的に選択ツールに変更できない？ 文字列長が違う複数の文字列の間隔を等しくしたい シェイプでマスク(C-S-M)したあとはベベルハンドルが使えない？（できた） 追記 備考 参考リンク まとめ 執筆時の環境 Windows10 Pro Adobe XD 2019年5月
初心者でも簡単！テレビのテロップデザインをIllustratorで作る方法 - 大阪・東京の広告デザイン会社 アンドスペース
こんにちは、デザイナーのマエノです。 先にどうでもいい話してもいいですか？ あの、本当にショックなんですけど、永久脱毛ってほくろや濃いシミの部分は当てられないんですよ、レーザーで火傷しちゃうとかなんとかで！ で、私膝のほくろから2,3本毛がはえてて、他の毛は皆いなくなるのにこいつとは死ぬまで一緒なの！？とか思うともう、マジか〜って。 さて、今回はテレビ番組でよく見るテロップの作り方をご紹介します。 テロップ（telop）とは、テレビ番組で必ず見る画面の下に表示されるセリフの字幕のことです。 アレ、自分で作れたらかなりテンション上がりませんか？ 学校の催し物とか、結婚式のおめでとうムービーとか、色んなシーンで絶対人気者になれますよ！保証はしませんが！ 今回使用するソフトはAdobe Illustratorですが、Photoshopでも作れます。なんなら、テロップ専用の制作ソフトまであるらしい
デザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシまとめ「30 Free Dazzling Photoshop Bokeh Brushes」
デザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシまとめ「30 Free Dazzling Photoshop Bokeh Brushes」 デザインのクオリティを高めるためには、奥行きを感じさせるデザイン制作を心がけることが重要です。そんな中今回紹介するのが、手軽にデザインにニュアンスをつけられる、光の表現がきれいなPhotoshopブラシをまとめた「30 Free Dazzling Photoshop Bokeh Brushes」です。 （Bokeh Brushes by ~thethiirdshift on deviantART） デザインにふわっとした幻想的な雰囲気を演出できるさまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Bokeh Brushes by =kuschel
アピアランスで作る集中線（Adobe Illustrator Advent Calendar 2018） - saucer
この記事は、Adobe Illustrator Advent Calendar 2018の9日目です。ここのところWebデザインなどでSketchを使うことが多く、Illustrator好きとして少々寂しい思いをしていたので、超ひさしぶりにアピアランスを使って遊んでみました。今回はすべての工程を解説してみたので、気が向いたらぜひご一緒に試してみてください。 どんなアピアランスなの？ ベースがどんな形状でもマスク不要の集中線（マンガとかで見るお馴染みのアレ）を描くというものです。解説を通して読んでいただくと、自分が普段どのような感じでアピアランスを作っているかが分かるかなーと思います。イラレやフォトショの解説書の著者ってほんと集中線が好きよねぇっていうツッコミが聞こえてきそうですが気にしません。 さっそく作ってみようまずは作業用の図形を作ります。形は何でもいいですが、縦横比が異なる方が作業中
よく分からずにトーンカーブを使っている人に。 - kojika17
画像の色調補正する時、何を使いますか？ 私の場合、基本的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基本 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出
ロゴの作り方から学ぶベジェ曲線の基本！これでイラレが得意になる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして、新人デザイナーのほっしゃんです。 LIGに来る前はフリーでイラストやグラフィックデザインや美術作品を作っていました。最近ハマっているものは詰め将棋。好きな棋士は谷川浩司です。よろしくおねがいします。 今日は初心に返ったつもりで、ロゴやフォントのデザインの際に覚えておきたい「ベジェ曲線」の基本をおさらいします。実際にロゴを作っていきながら覚えましょう。 ロゴ作りから学ぶライブトレースとベジェ曲線 1. 下絵を準備する まずは作りたいロゴやフォントを考えます。 ロゴ作りの際、作り慣れていない方が一から作ろうとすると大変なことになってしまうので、下絵となるものを準備しましょう。バレンタイン＆ホワイトデーシーズンということで、あの有名な文字を作ってみたいと思います。 それがこれ。 ロバート・インディアナ『LOVE』です。日本だと新宿のアイランドタワーにあります。NYほか各地に置かれて
デザインの作業フローが大きく変わる！PhotoshopやIllustratorに予定されているAdobe Senseiの機能のまとめ
2018年1月末のアップデートで、ついにPhotoshopでもAdobe Senseiが実装され、複雑な選択範囲が1クリックで簡単に作成できるようになりました。 紹介記事: Photoshopの選択範囲の作成が驚くほど簡単に PhotoshopやIllustratorなどに実装が予定されているAdobe Senseiの機能を紹介します。Adobe Senseiの主な役割は作業的な部分の効率化で、これにより人はよりクリエイティブな部分に時間を割くことができます。 Adobe Sensei|AI（人工知能） Top 11 Tech Sneak Peeks from MAX 2017 that Wow'ed ※記事の掲載にあたり、Adobe広報様に許可を頂いています。 Adobe Senseiが最適な画像を見つけ出す -SceneStitch Adobe Senseiがデザインの要素を認識する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ろくデブログ - ろくじゅうどデザインのブログ
時間がないディレクターのための雑なXd活用法
