TOP  >  チュートリアル

Tag : チュートリアル

2015年12月14日

ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」

Photoshopを利用することで、リアルであったり、自分ではなかなか描き出せないようなグラフィック表現も実現させることができます。そんな中今回紹介するのは、ハイクオリティなグラフィック描写を表現できるphotoshopチュートリアルまとめ「26 New Photoshop Tutorials to Improving Your Photoshop Skills」です。

tutorial1212_0
Create This Dark Matte Landscape Composite in Photoshop – Photoshop Tutorials

まるで映画のポスターのようにリアリティのある表現から写真加工まで、さまざまな種類のチュートリアルが紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年11月12日

表現力豊かに ボタン作成のチュートリアルまとめ「Call to Action: 13 Tutorials For Creating The Perfect Button」

クリックすることでアクションが起きることを認識させるためのツールとして利用されるボタン。形が大きさ、デザインなど、ベースの制作物によって合わせるタイプも選びたいもの。しかしどのように作ったらよいか分からず、ありきたりになってしまうことは意外に多いのではないでしょうか?今回はそんな時に参考にしたいボタン作成のチュートリアルまとめ「Call to Action: 13 Tutorials For Creating The Perfect Button」を紹介したいと思います。

button1112_1
4-Designer | Deep analysis on how to create a high-precision button

いろいろな種類のデザインボタンの作り方が分かりやすくまとめられた記事がピックアップされています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:22  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年10月26日

テキストデザインをより魅力的に デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」

イラストや写真などの他、テキストを使ってデザインを魅力的に表現する方法もありますが、表現の幅がどうしても狭くなってしまいがち。今回はそんなシーンに活用したい、デザイン性を高められるエフェクトチュートリアル「New Photoshop Text Effect Tutorials」を紹介したいと思います。

texteffect1
How to Conform Text to a Surface Using a Displacement Map in Photoshop | Design Panoply

テキストデザインをより魅力的に演出できるエフェクト例がまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年10月19日

制作方法の参考に 最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」

イラストレーターなどのデザインソフトを使うことで、さまざまなグラフィック表現が可能となりますが、頭で思い描いているデザインをどうやったら作り出せるかわからない時もあるのではないでしょうか?今回はそんなシーンで参考にしたい、最新のベクターグラフィックチュートリアル「New Vector Graphics Tutorials」を紹介したいと思います。

tutorials1019_1
Create a Highlighter Text Effect Vector in Adobe Illustrator – Vectips

イラストレーターでの制作チュートリアルを中心に、いろんな種類のグラフィック制作方法が紹介されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:33  |  
Category: Design   
このエントリーをはてなブックマークに追加
2015年08月12日

豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」

さまざまな画像加工処理が可能なPhotoshop。デザインシーンで活躍するソフトですが、機能が豊富なだけに使いこなせていない、表現の幅がどうしても広がっていかないという方は意外に多いのではないでしょうか?そんな中今回紹介するのは、豊富なPhotoshopチュートリアルをまとめた「Top 100 Tutorials for Mastering Photoshop」です。

photoshopef0
Design a Dark Surreal Urban Scene with Space Brush in Photoshop – PSD Vault

いろんな種類のチュートリアルが紹介されており、ほしいデザインイメージに合わせて参考にすることができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:52  |  
Category: Photoshop   
このエントリーをはてなブックマークに追加
2015年08月06日

自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」

1つのデザインを完成させるためには、多くの素材の組み合わせが必要になってきます。フリーで配布されているものも多数ありますが、時には自分で作らなくてはいけない、オリジナル性を求められるシーンに遭遇することもあるのではないでしょうか?今回はそんな時に参考にしたい、自身で一から作り上げることができるデザインチュートリアルまとめ「38 Best Design Tutorials for Learning Sketch 3」を紹介したいと思います。

vector_tu0807_3
iOS Design using Sketch. Part one: iOS Navigation Bar – YouTube

アイコンやイラスト、UI、アニメーション、ツール類など、多彩なチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加

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

2015年11月17日

デザインイメージ作成に活用したいフリーテンプレート集「14 Free Simple Resume PSD Mockups & Templates」

紙系ツールのデザインでイメージを作成する際に便利なテンプレートやモックアップ、いろいろな種類のフリー素材が配布されていますが、今回はクオリティの高さが魅力のフリーテンプレート集「14 Free Simple Resume PSD Mockups & Templates」を紹介したいと思います。

mockup1117_4
FREE Resume Template on Behance

シンプルなテイストのものを中心に、デザインをより魅力的に見せてくれるテンプレートがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:29  |  
Category: Design   
2018年03月15日

ストリート感のあるアイコン&フォントセット「Pool Riders Typeface + Bonus Vector Cut-Outs」

グランジで雑多な雰囲気がクールなストリートデザイン。一風変わったデザイン性からぴったりのアイコンやフォントを探すのはなかなか難しいもの。そんな方におすすめできる「Pool Riders Typeface + Bonus Vector Cut-Outs」を今回はご紹介していきます。

PoolRidersTypeface_top

カジュアルなデザインシーンで活用できる、ストリート風のアイコン・フォントがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
2010年12月09日

グリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」

グリッドラインを活かしレイアウトされたwebデザイン、すでに定番の形となりさまざまなシーンで展開されていますが、そんな中今回はグリッドレイアウトのwebデザイン集「40+ Great Examples of Grid Style in Web design」を紹介したいと思います。


TasteSpotting | a community driven visual potluck

定番のものから、デザイン性を重視しさらに個性を強調したタイプなど、同じグリッドレイアウトの中でにいろんなタイプのデザインが紹介されています。気になったサイトを以下にまとめてみました。

(続きを読む…)

続きを読む
posted 10:14  |  
Category: Design   
2017年04月10日

可愛らしい雰囲気が特徴のボールドアイコンセット「100 Bold Purple Line Icons」

アイコンはサイトの雰囲気を決める大切な要素のひとつ。選定する種類によってテイストが左右される程、重要な役割を持つシーンも多いのではないでしょうか。そんな中今回ご紹介するのは、ぷっくりとしたラインがデザインにキュートさをプラスしてくれるアイコンセット「100 Bold Purple Line Icons」です。

boldicon-top

シンプル・ミニマルがベースですが、太めのフォルムによって目をひく力強さがあるフォントとなっています。

詳細は以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design , vector   
2011年01月29日

先端のテクノロジーを表現できるphotoshopブラシ集「Detailed Technology Photoshop Brush Sets (1000+ Brushes)」

デザインは様々な分野を表現する機械があり、最先端のイメージを持たせて欲しいなんて依頼もあるかと思います。今日紹介するのは先端のテクノロジーを表現できるphotoshopブラシを集めたエントリー「Detailed Technology Photoshop Brush Sets (1000+ Brushes)」です。


Tech Brushes For You (56 Brushes)

機械の図面から、基盤、デジタル表示まで、様々なブラシがまとめられていました。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2012年06月22日

フリーで利用できるさまざまなPhotoshopブラシまとめ「Brushing Up: A Collection of Free Photoshop Brushes」

画像加工や色補正に強いPhotoshopは、合成のための素材作りがクオリティの高さを大きく左右します。そんな中今回紹介するのが、フリーで利用できるさまざまなPhotoshopブラシをまとめた「Brushing Up: A Collection of Free Photoshop Brushes」です。


Night Sky Free Brushes | Webdesigner Lab

さまざまなシーンで利用できる画像加工用のブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:30  |  
Category: Design , Photoshop   
2012年08月15日

ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」

イメージファイルをアップロードする機会は、様々なコミュニケーションサービスが展開されている現在、どんどんと増えていると思いますが、ファイルをローカルから選択してアップロードするというのは直感的ではなく、リテラシーが低い層には障壁にもなりえます。今日紹介するのはそんなファイルのアップロードを簡単にしてくれる、ドラッグ&ドロップでイメージファイルをアップロードできる「HTML5 File Upload」です。

こちらは、予め決められた領域にドロップするだけでイメージをアップロードすることができます。またドロップ後にプレビューを出して確認その後、アップロードするという流で誤ってアップロードするということも未然に防げる仕組みになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:37  |  
Category: WebDesign   
2012年01月13日

さまざまな表情のレザー素材テクスチャまとめ「35+ Free Leather Textures to Heat Up Your 2012 Projects」

デザイン制作時によく利用するテクスチャ素材。シンプルなタイプのものはアレンジが効くため使いやすく、非常に重宝すると思います。今回紹介するレザーテクスチャまとめ「35+ Free Leather Textures to Heat Up Your 2012 Projects」も、アレンジの幅が広がる、とても便利な素材集です。


Leather Texture 06 | Texture Online

レザーの質感を感じながらも、背景素材などとして使いやすいタイプのテクスチャがたくさんまとめられています。気になったものをピックアップしてみましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:54  |  
Category: Design   
2013年03月20日

ドット柄パターンの定番として使いやすい「Simple Dots」

パターン素材の中でも、定番の種類として幅広く利用されているドット素材。自身でも制作することはできますが、もっと簡単にバリエーションがあると嬉しいものです。そんな中今回は、ドット柄パターンの定番として使いやすい「Simple Dots」を紹介したいと思います。

可愛らしい配色・印象をドット柄Photoshopパターンが50種収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:09  |  
Category: Design , Photoshop   
2007年11月29日

サイト構築に便利な超シンプルなアイコン集「Free Website Icons」

サイトを構築する上でインターフェイスを向上させたりデザインのアクセスには欠かせないアイコン。今日紹介する「Free Website Icons」はサイトで良く使用する「ホーム」「サーチ」「メール」などのスタンダードなアイコンを配布されています。

シンプルなアイコン集

上記が配布されているアイコンです。どんなサイトでも全体的なデザインを邪魔しないかなりシンプルなものになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:28  |  
Category: WebDesign   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る