Illustrator の知識はゼロだけど、使い方をきちんと学びたい。そんな人にオススメしたい、体感的にIllustratorの知識や操作を学ぶことができる、最新チュートリアルを今回はご紹介します。 Illustratorのああしたい、こうしたいといった要望を学ぶことができるチュートリアルが中心で、基本操作から実践テクニックまで入門者必須の機能を覚えることができます。 手順ごとに詳しい解説があるので、これからIllustratorをはじめるひとにもぴったりなチュートリアルを揃えています。 Illustratorはここまで進化！しっかり学ぶ最新チュートリアルやテクニックまとめ 知識ゼロから Illustrator をしっかり学ぶ！デザインの作り方、チュートリアルまとめ Illustratorの新テクニックはこれ！参考にしたい最新チュートリアル、使い方40個まとめ 美味しそうなアイスキャンディ

アクション素材がどの写真加工にも適しているわけではありません。風景画やポートレイト写真の得意なアクションや、よりグラフィックを強調した素材などさまざまです。目的に合ったアイテムを探してみましょう。 アクションファイルのインストール、基本的な使い方については、こちらの記事を参考にどうぞ。 30 Free Instagram Photoshop Actions 人気写真加工アプリ Instagram のエフェクトを、Photoshopアクションで完全再現した素材30個セット。 Old Paper Texture Photoshop Action ざらっとしたグランジ感を写真に重ねることができるヴィンテージエフェクト用アクション。 Moonlight Photoshop Action Free 月明かりの下で撮影したような風合いに仕上げるアクション素材で、夜景や夕日などの写真に効果的とのこと。

ますます進化を続ける Photoshop の使い方をマスターできる、確実に押さえておきたい新テクニックを利用した新作チュートリアル30個をまとめてご紹介します。 Photoshopをはじめたばかりの初心者のひとにも安心の基礎チュートリアルから、普段使いしている上級者のひとも押さえておきたい機能やエフェクト、新しいテクニックを学ぶチャンスです。 Photoshop をしっかり学ぶ！参考にしたいテクニックや作り方30個まとめ 2017年4月度 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 Photoshopの新テクニックはこれだ！すごいチュートリアル、作り方まとめ 写真を手書きスケッチ風に仕上げる方法 Photoshopのエフェクト機能を利用したデザインチュートリアルで、スケッチ画と写真を組み合わせたような不思議なエフェクト。 Vanishing

ウェブサイトやグラフィック制作をより快適にし、生産性をアップさせてくれるChrome拡張機能をまとめてご紹介します。ウェブ制作に携わる、すべての人にオススメです。 便利なオンラインツールを一緒に活用して、自分だけの爆速Web制作スタイルを目指しませんか。 What Font ウェブサイトで使われている、フォントの種類を知りたいと思ったことはないでしょうか。これまではFirebug や Webkitなどを利用していましたが、What Font を使えば、気になる書体をマウスクリックするだけで確認できる、シンプルさが便利なツール。 Fontface Ninja Fontface Ninja は、ウェブサイトで使われているフォントをカーソルを合わせるだけで確認できるだけでなく、その場で購入までできます。ウェブデザイナーは持っておきたい拡張機能のひとつ。 Window Resizer Window

フォトショップを本格的にはじめてみたいけど、なかなか最初の一歩が踏み出せない。豊富すぎる機能の揃ったツールのため、なにから覚えていいか分からないというひとも多いでしょう。 今回ご紹介するPhotoshopチュートリアルは、基本操作から各ツールの実践的な使い方まで、入門ユーザー必修の機能を効果的に学ぶことができます。手順ごとに詳しく解説されているので、これからフォトショップをはじめる人にオススメしたいテクニックが揃います。 フォトショップ初心者のためのやさしい使い方・基本設定ガイド Photoshopをしっかり学ぶ、入門デザインテクニック集めました。 Photoshop をしっかり学ぼう！参考にしたいテクニックや作り方まとめ Photoshop CCの基本 第2回：「選択とマスク」で素早く合成！ Adobe 公式によるデザインチュートリアルで、“イマドキ”のWebデザインに欠かせない、Pho

デザインの現場に欠かせない Photoshop（フォトショップ）は、みなさんが考えている以上に自分好みに拡張、カスタマイズすることができます。 効率的にカスタマイズする方法として、独立したプログラムとしてPhotoshopをより効果的にサポートする「拡張プラグイン」や、あらかじめ定義しておいた操作をボタンひとつで再生できる「アクション」、独自のコントロールパネルで機能を提供する「パネル」の利用が挙げられます。これらを利用することで、Photoshopをより強力なツールに拡張できます。 今回は、Photoshop作業を爆速にする、無料ダウンロードできる拡張プラグインやアクション、パネル、フィルタ素材などをまとめてご紹介します。より快適なフォトショップライフを目指しませんか。 Photoshopってすごい！作業効率をアップする拡張機能・プラグインまとめ プロ級の写真加工がボタンひとつ！良質Ph

先日30周年を迎えた、デザインの現場に欠かせない定番ソフト Illustrator（イラストレーター）。CCになってからはアップデートも頻繁に行なわれており、よりいっそうデザインが容易になっています。 今回は、Illustrator の機能やエフェクトの使い方を覚えながらデザインできるチュートリアルや作り方、テクニックをまとめてご紹介します。Illustrator初心者のひとはもちろん、普段から使っているベテランも、目から鱗な新しいテクニックが多数公開されています。デザイン制作をよりスムーズに行うコツを学びましょう。 知識ゼロから Illustrator をしっかり学ぶ！デザインの作り方、チュートリアルまとめ Illustratorはここまで進化！しっかり学ぶ最新チュートリアルやテクニックまとめ シロップのかかったパンケーキをデザインする方法 できたての美味しそうなホットケーキで、Phot

ウェブサイトでも使われることが多く、写真イメージをより魅力的に見せることができるイメージスライダー。ヒーローヘッダーとして利用されることも多く、イメージスライダーを効果的に利用することで、ウェブサイトを訪れたユーザーにより魅力的にコンテンツを見せることもできます。 今回は、ウェブサイト制作で利用したいイメージスライダーをまとめてご紹介します。どんな案件にも対応できる万能コードから、ユーザーをあっと驚かすインタラクティブなものまで幅広く揃えています。またHTMLコードはコピー&ペースト可能で、同時にカスタマイズもできてしまうので、今後のウェブ制作に役立ててみてはいかがでしょう。 【2017年版】HTML/CSSで表現できる、すごいテキストエフェクト66選 ディズニー社に学ぶ！HTML/CSSで12個のアニメーション基本原則を完全再現！ 垂直型イメージスライダー くるりと回転したり、スクリーン

名刺は、自分がどのような仕事や取り組みを行っているのか伝える、頼りになる味方です。個人用の名刺なら、もっとも重要なことは、渡した相手への第一印象となる個性の見せ方です。 今回は、さまざまなバリエーションの名刺の参考デザインと一緒に、効果的な名刺を作成する5つのポイントを見ていきましょう。最後には、文字やロゴなどを自由にカスタマイズできる無料テンプレート素材もまとめています。 魅力的な名刺を作成するデザインアイデア50個まとめ完全版 効果的な名刺を作成するポイント 形とサイズ 形はとても重要で、デザインの軸となるでしょう。形は2つの型に分類できます。 一般的な名刺 : 一般的に利用されている名刺は基本的に平面で、角に丸みをもたせることで新しさを表現することもできます。デザインは、ミニマルなタイプが多く、白や黒、青、みどり色などが利用されています。 特に信頼が重要となってくる金融などの企業向け

ロゴデザインはユーザーに広く認知されるために、どんなプロジェクトやビジネスにも不可欠です。 しかし、いざロゴを作成してみると、デザイナーでも思い通りのデザインが、なかなかできないなんてことも。 そんなときは、ロゴテンプレートを利用してみましょう。 理由はずばり、プロデザイナーのようなロゴデザインを、無料で簡単に作成できるから。 オシャレやかわいい、かっこいい、シンプル、ボタニカルなど、豊富なテンプレートが揃っているので、文字を編集するだけでオリジナルロゴを作成でき便利です。 PhotoshopとIllustrator、両方で利用できるロゴテンプレートをぜひ活用してみましょう。 かっこいいロゴを作るポイントや、オンラインで利用できるロゴツールも参考にしてみると良いでしょう。 ■ おしゃれなロゴマークを作成する方法＋無料ツール12選 ワンランク上のプレミアム素材 プロジェクト予算に余裕があると

「もっと楽な方法は？」「イラストレーターの効率的な使い方を知りたい。」 そんな悩みを解決してくれる Illustrator の基本操作から各ツールの実践テクニックまで、これからをはじめようというひとにもオススメの機能を網羅した、新作デザインチュートリアルをまとめてご紹介します。 ステップごとに進めていくので迷うこともなく、各種ツールのより実践的な使い方まで詳しく知ることができるチュートリアルを中心に揃えています。Illutrator の可能性を広げる万能テクニックを学んでみてはいかがでしょう。 詳細は以下から。 知識ゼロから Illustrator をしっかり学ぶデザインの作り方、チュートリアルまとめ カラフルな花がらの水墨画をデザインする方法 グラデーションメッシュ機能を利用し、Illustrator ではむずかしい淡い色合いを表現できるチュートリアル。 幾何学模様を利用した雪の結晶の作

2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？

ロシア在住の写真レタッチ愛好家 Max Asabin は、彼の Photoshop のあるデザインテクニックで話題となっています。作品の多くは、複数の写真を組み合わせ、映画のような世界観を違和感なく表現しています。 切り抜いた写真を背景にうまく合成したあと、光をつかったエフェクトを重ねることでまるで1枚の写真のようにうまくフィットさせ、あっと驚く風景に仕上げます。作業風景をステップごとにまとめたGIFアニメーションと一緒にどうぞ。 写真合成していると言われなければ分からないほどリアルなものばかり。彼のその他の作品については、Facebook、Instagram、Twitter、DeviantArt などで随時公開されています。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 やってみたかった表現をマスター！基礎力をつけるPhotoshopチュート

当サイトでこれまでに投稿したエントリーから、Photoshopの基本操作から各ツールの実践的な使い方やテクニックまで、入門者必修の機能を中心にまとめています。これからフォトショップをはじめる人が目を通しておきたいエントリーとなっています。 あらゆるデザインの現場で使われているフォトショップは、豊富に揃った機能がゆえに新しくはじめようという人には敷居が高く感じるかもしれません。ここでは、覚えておきたい定番の使い方から、制作スピードが早くなるプロ便利技を機能や用途に応じて詳しく見ていきましょう。

写真が部分的に動いているように見えるデザイン手法、シネマグラフ（英: Cinemagraphs）。写真では伝わらない不思議な雰囲気を加えることができ、これまでに当サイトでもフォトショップによるシネマグラフの作り方を含む、いくつかのエントリーを公開（1 | 2）してきました。 ロシア、モスクワを拠点にシネマグフ・アーティストとして活動をしている Daria Khoroshavina は、誰もが大好きな「食べもの」にフォーカスを当てたシネマグラフ作品をこれまでにたくさん公開しています。 パンケーキやワッフルの上にたっぷりとかけたハチミツや、揚げたてのドーナツ、朝食のフレンチトースト、オレンジをつかったスパゲティなどどれも美味しそうなものばかり。料理レシピの新しい魅せ方の参考としていいかもしれません。 思わず凝視してしまう！素敵シネマグラフまとめ＋PS作り方チュートリアル 写真がちょっとだけ動く

「文字をキラキラさせて目立たせたい。」「天気が悪くて光の足りない写真をどうにかして欲しい。」「画像をスケッチ風に仕上げたい。」 ウェブサイトだけでなく日常何気なく目にする雑誌や広告など、「このデザインはどうやって作るんだろう。」とふと思うことはないでしょうか。あらゆるデザインの現場で利用されている Photoshop なら、そんなクリエイティブなアイデアを実現することができます。 今回は、Photoshopの基礎を覚えながら、新しいデザインテクニックを学ぶことができる Photoshopの新作チュートリアルをまとめてご紹介します。覚えておくことできっと役に立つ、、初心者にもオススメしたい実践的な作り方を中心に揃えています。 2016年総まとめ！デザイナーが確認しておきたいPhotoshopチュートリアル厳選55個 詳細は以下から。 やってみたかった表現をマスター！基礎力をつけるPhotos

ほとんどのモダンブラウザがCSS3対応となったことで、これまではPhotoshopなどのデザインアプリで再現していたようなデザインスタイルも、HMTL/CSSで表現できるようになってきており、その進化はますます加速しています。 今回は HTML と CSS、わずかな JavaScript で実装できる、表現力の高いテキストエフェクト用コードスニペットをまとめてご紹介します。コードニペットは各エフェクト別にカテゴリ分けしているので、ウェブサイト制作に活用したいエフェクトを見つけてみましょう。 ナビメニュー100連発！CSSで表現できるコピペ可能なHTMLスニペットまとめ CSS3の広がる可能性！美しいテキストエフェクト用コードスニペット24個まとめ CSSスタイリングで表現できる！すごいテキストエフェクト33個まとめ コンテンツ目次 1. アニメーション・テキストエフェクト 2. グリッチ・

新デザインテクニックを学ぶPhotoshopチュートリアルを、定期的に毎月まとめています。今回は、2016年のあいだに公開された中で、ぜひこれから活用したいベスト・オブ・PSチュートリアルをご紹介します。 覚えておきたいデザインの時短テクニックから、撮影した写真を自由にレタッチ小技や、レイヤースタイル設定のみで完成する文字エフェクトの他、デザインがグッと良くなる使いこなしたいチュートリアルが満載です。見逃したアイテムがないか、年末年始に確認してみてはいかがでしょう。 詳細は以下から。 2016年総まとめ！デザイナーが確認しておきたい厳選Photoshopチュートリアル インクエフェクトを利用したポートレイトのつくり方 水に落としたインクの雰囲気を、そのまま人物ポートレイト写真と合成します。 幻想的な多重露光エフェクトのつくり方 ポートレイト写真に加え、水彩ペイントテクスチャと雲テクスチャ、

この記事は、2016年12月16日に公開してから再編集、アップデートを随時行っています。新しいツールを加え、サービスが終了しているツールは削除し、合計16個のフリー動画素材サイトを紹介しています。 すこし前までは映像制作と聞くと専門のプロが行うものというイメージがありましたが、最近ではあらかじめPCに編集ツールがインストールされていたり、モバイル用アプリも数多く登場し、初心者にも手軽に行うことができるようになってきています。 ウェブサイト制作で利用するケースも増えており、コンテンツ作成などに使われることもしばしば。また身近なところでは、結婚式や送別会などで動画を自作するというケースもあるでしょう。映像用の素材に困ったときは、無料で利用できる動画素材を活用することで、クオリティーの高い作品を作ることができます。 今回は、商用利用にも対応した動画素材を無料ダウンロードできるサイトをまとめてご紹

「無料で使えるフリー画像を見つけたい」という話は、ホームページやグラフィックなどクリエイティブな業種では、よく耳にします。 しかし同時に、「目的の一枚が見つからず時間だけが過ぎてしまった」なんて経験がある人も多いのが事実です。 フリー画像を効率的に探しコツは、目的や用途にあったサイトで素材を見つけること。 この記事では、商用利用できるフリー画像サイトを国内・海外に分けて一挙にご紹介します。 利用者の多い定番サイトから、あまり知られていないレアなサイトまで集めています。 ８年前の2016年12月7日に公開した記事を、最新版にアップグレードしてお届けです。 国内フリー写真素材サイト ここでは、商用利用できてクレジット表記も必要ない「フリー画像」を無料ダウンロードできるサイトをご紹介。 ここでの選定ポイントは、以下の通り。 日本人や日本の伝統、和柄など国内向けの画像素材が豊富 日本語によるキーワ