TOP  >  チュートリアル

Tag : チュートリアル

2018年05月01日

Photoshopの技術を高めてくれるハイクオリティなチュートリアル「30 Fresh New Photoshop Tutorials – Enhance Your Manipulation Skills」

写真の加工などグラフィックデザインに欠かせないPhotoshop。様々な機能を卒なく使いこなせたら、更にデザインの幅も広がるのではないでしょうか。そんな中今回は、Photoshopの技術を高めてくれるハイクオリティなチュートリアル「30 Fresh New Photoshop Tutorials – Enhance Your Manipulation Skills」の紹介です。

ph_tutorial01
Create a Pop Art Inspired by Roy Lichtenstein – PSD Stack

Photoshopの様々な機能を使って写真に処理を加える方法をチュートリアルしてくれる便利なサイトです。その中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年04月22日

動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」

Webサイトやロゴ、UIのデザインを制作する時どんなツールを使っているでしょうか。中でも、慣れていないとちょっと倦厭されがちなPhotoshopですが、便利な機能が詰まっているので慣れてしまえば様々な用途で使えます。今回は、動画で学べるPhotoshopチュートリアル「10 Free Video Series for Learning to Design in Photoshop」を紹介したいと思います。

tutorial
(16) Web Design Tutorial For Beginners: How To Design A Cool Website Billboard In Photoshop CC – YouTube

ランディングページからロゴまで、初心者でも安心な動画を使ったチュートリアルのまとめです。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年03月25日

デザインをもっと魅力的にするハイレベルなテキストエフェクトチュートリアルまとめ「New Free Text Effect Photoshop Tutorials (30 Tuts) 」

テキストをリッチに装飾して印象的に見せてくれるテキストエフェクト。エフェクトによってがらりと全体の印象が変わるので、重宝します。今回ご紹介するのは、そんなテキストエフェクトを制作する際に役立つ、ハイクオリティなチュートリアルまとめ「New Free Text Effect Photoshop Tutorials (30 Tuts) 」です。

new-free-text-effect-photoshop-tutorials1
New York text effect photoshop tutorial on Behance

レトロな雰囲気のエフェクトから、ポップな雰囲気のエフェクトまで多数のテイストのテキストエフェクトが30種類揃っています。

詳しくは以下
(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2018年02月24日

高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」

Photoshopを自在に操ることができると様々な場面で役に立ちます。高度な合成技術があれば、まるで1枚の幻想的な写真であるかのような作品が出来上がります。今回紹介するのは、高度な技術を習得できる便利なPhotoshopチュートリアル「32 New Photoshop Tutorials – Learn Essential Techniques」です。

Photoshop_Tutorials_01
Create Hot Air Balloon Adventure Photo Manipulation in Photoshop – PSD Vault

比較的簡単な写真の加工から、高度な合成の手順まで様々なチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2018年02月22日

制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」

デザイナーはイラストレーションやフォントの処理など様々なテクニックが求められます。高度な技術を求められた時、チュートリアルがあるととても便利です。今回紹介するのは、制作時に役立つillustratorのチュートリアル「Illustrator Tutorials: 35 Fresh and Useful Adobe Illustrator Tutorials」です。

Illustrator_Tutorials_01
Create a Shattered 3D Geometric Text Effect in Adobe Illustrator – Vectips

初心者にも役立つ基本的な操作から、高度な技まで幅広くチュートリアルが紹介されています。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加
2017年10月17日

webサイトのUIデザインに関するPhotoshopチュートリアルまとめ「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」

デザインのスキルアップはデザイナーにとって重要な課題。日々技術を上げるため、常にアンテナを貼っている方も多いはず。そんな中今回ご紹介するのは、webサイトデザインに関するPhotoshopチュートリアルをまとめた「50 Tutorials for Designing Website in Photoshop – Ultimate Roundup」です。

50-tutorials-for-designing-photoshop1
Design a Textured Outdoors Website in Photoshop

デザインの参考やスキルアップに使える、WebのUIデザインに関したチュートリアルが、50種類もまとめられています。その中から特に気に入ったものを幾つかピックアップしてご紹介しますので、ご確認下さい。

詳しくは以下

(さらに…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2016年02月17日

非常に個性的なデザインで主張するフリーフォント10選「10 Unusual Free Fonts for Graphic Designers」

たくさん配布されているフリーフォント。常にチェックし、いろいろなタイプを実際に使用されている方も多いかと思いますが、今回紹介するのは、非常に個性的なデザインで主張するフリーフォント10選「10 Unusual Free Fonts for Graphic Designers」です。

font0217_1
BitSyringe: Letter set. on Behance

10種という厳選された数ではありますが、どれも単体での個性が強く感じられるインパクトのあるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Font   
2015年04月04日

デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」

インターネット上にはさまざまな種類の素材が配布されていますが、決められたテーマだけでなく、いろんなパターンから選択したい時も時にはあるのではないでしょうか?そんな中今回紹介するのは、デザイン制作の参考資料・素材として活用できるコンテンツツール「9 Awesome Free Tools To Make Unique Creative Content」です。

tools1
Templates | Piktochart

デザイン制作をする時に活用すれば、よりクオリティの高い制作物を完成させることができそうな便利なツールが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2016年01月24日

ヴィンテージな質感に写真加工できるキット「Vintage Photo Press Kit」

写真は撮ったそのままでももちろん素敵な場合も多いのですが、気に入った質感にならなかったり、デザインに合わせて加工が必要な場合も多いと思います。そんな中今回紹介するのは、ヴィンテージな質感に写真加工できるキット「Vintage Photo Press Kit」です。

vintage1

いつもの写真が、どこか懐かしい雰囲気のレトロな質感に変化。新しい写真の魅力を発見できるフォトキットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2012年12月24日

【商用可】クリエイティブな雰囲気を演出するブラーテクスチャ100「100 Free Blurry Textures」

素材感や質感をデザインに与えてくれる背景テクスチャ、グラフィック・WEBデザイン問わず非常に便利な素材の一つですが、今日紹介するのはクリエイティブな雰囲気を演出するブラーテクスチャ100「100 Free Blurry Textures」。

全部で100種類のブラーテクスチャがzipファイルにまとめられており、シンプルなものから、カラフルなものまで、幅広い質感のものがセットになっています。

詳しくは以下

ファイル形式はjpgで、サイズは2592×1936ピクセルと比較的大きなサイズになっています。さらにありがたいことに、個人利用、商用利用ともに許可されており、広告などの受託のクリエイティブワークにも利用できます。

ダウンロード元には「ビールをおごる」ボタンも設置されているので、本当に役に立ったという方はそちらも是非。

100 Free Blurry Textures | PEPSized

続きを読む
posted 10:00  |  
Category: Design , Photoshop , WebDesign   
2016年03月12日

サイト制作に企画・提案・制作に企業やサービスのロゴが探せる「Instant Logo Search」

WEBデザインやプロモーションの企画・提案・制作の現場では、度々企業やサービスのロゴマークが必要になることがありますが、今回紹介する「Instant Logo Search」はそんなロゴマークを簡単に探しだすことができる WEBサービスです。

InstantLogoSearch1

多彩なロゴが公開されており、「Twitter」や「Facebook」など、もはや欠かせないものから、スターバックス、NETFLIXなどなど、様々なジャンルを超えたロゴマークがあつまっています。

詳しくは以下

(さらに…)

続きを読む
posted 05:09  |  
Category: WebService   
2011年11月11日

神秘的な世界を作り上げられるPhotoshopチュートリアル集「30 Creative Photoshop Tutorials To Create Fantastic Art」

写真加工から合成までさまざまな世界を表現できるPhotoshopは、クリエイティブ業界には必須のソフトですが、利用方法や技術はさまざまで、常に勉強が必要なソフトでもあります。そこで今回は、技術を学べるさまざまなPhotoshopチュートリアルの中から、ファンタジックな世界を作り上げられるチュートリアルを集めた「30 Creative Photoshop Tutorials To Create Fantastic Art」を紹介したいと思います。


Create a Pop Art Style Poster with Urban City Background in Photoshop – PSD Vault

絵画のような世界から、リアルな世界観を表現できるチュートリアルまで、さまざまなチュートリアルが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2012年08月18日

簡単に雰囲気の良い写真に加工できるアクションまとめ「Collection of New Photoshop Actions」

誰でも手軽に写真が撮影できるようになったことで、加工自体を自身で手がける方も増えてきていると思います。そんな中今回紹介するのは、簡単に雰囲気の良い写真に加工できるアクションまとめ「Collection of New Photoshop Actions」です。


(http://sweet-reality-xo.deviantart.com/art/Vintage-and-Retro-Colour-Actions-305292056)

Photoshopの機能として重宝されるアクション機能を利用し、さまざまなテイストの写真加工を瞬時に可能にしてしまう、とても便利なまとめです。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:36  |  
Category: Design , Photoshop   
2017年01月12日

デザインに手軽に加工表現ができる Photoshopbrushまとめ「40 High-Resolution and Free Photoshop Brushes」

Photoshopの機能として重宝されているブラシ機能。手軽に難しいグラフィックを表現できるため、日々活用されている方も多いと思います。今回はそんなブラシのコレクションに加えたい、デザインに手軽に加工表現ができる Photoshopbrushまとめ「40 High-Resolution and Free Photoshop Brushes」を紹介します。

brush0110_1
Free PSD Goodies and Mockups for Designers: FREE HI-RES SMOKE PHOTOSHOP BRUSHES

さまざまな種類のブラシが紹介されており、どれもハイクオリティで使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2012年02月06日

立体感のあるUIが手軽に利用できるフリーUIキットまとめ「New Creative UI Kit Free Download」

webサイトやスマートフォン特有のUIデザインは、視認性とクリエイティブ性の両方が求められるクオリティのパーツ制作が必要不可欠となってきます。そこで今回は、立体感のあるUIを手軽に利用できるフリーUIキットをまとめた「New Creative UI Kit Free Download」を紹介したいと思います。


Simple UI Kit – Icon Deposit

カラートーンの異なるUIキットが、いくつも紹介されています。中でも気になったものいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:41  |  
Category: Design   
2011年12月25日

画面解像度を読取、それぞれの解像度に合わせたイベントを設定できるjQueryプラグイン「Breakpoints.js」

様々な解像度のデバイスが出まわっており、技術者側は日々その広がり続ける端末の解像度の多様化と向き合い、その端末に最適化したり、工夫したりして様々なプラグインや技術を編み出しリリースしていますが、今日紹介するのは、画面解像度を読取、それぞれの解像度に合わせたイベントを設定できるjQueryプラグイン「Breakpoints.js」

ブレイクポイントとなる解像度は数値で設定でき、それぞれ指定した解像度に合わせて、js側でイベントを分岐せることが可能です。

詳しくは以下

(さらに…)

続きを読む
posted 12:01  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る