TOP  >  チュートリアル.photoshop

Tag : チュートリアル.photoshop

2011年07月01日

Photoshopのさまざまなエフェクト効果がわかるチュートリアル集「10 Special Effects Photoshop Tutorial」

さまざまな画像加工を得意とするPhotoshopですが、効果的にエフェクトを利用するには技術と豊富な知識が必要になります。そこで今回紹介するのが、エフェクトを効果的に利用した画像加工チュートリアル集「10 Special Effects Photoshop Tutorial」です。


Really cool Eclipse Effect in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

画像のテイストを変化させられるチュートリアルから、CG合成のようなチュートリアルまで、表現の幅を広げられる技術やアイデアが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2015年11月13日

チェックしておきたい 種類豊富なセットが魅力のフリーアイコンまとめ「30 Free Icons Sets That You Must Have」

常に最新のデザインをチェックしておきたいアイコン。あたらしいものがどんどんと配布され続けています。そんな中今回は、種類豊富なセットが魅力のフリーアイコンまとめ「30 Free Icons Sets That You Must Have」を紹介したいと思います。

icon1113_4
Dribbble – Fblu free icons by buatoom

定番から、少し個性的なテーマまで、1つのセットの中にいろいろな種類がまとまっている嬉しいアイコンセットが多数紹介されています。

詳しくは以下

(続きを読む…)

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

UI設計をイメージさせるアイコンセット「The Free UI Interface Icon Set for Web Designers (60 Icons, SVG)」

Webサイトのデザインで重要なUI設計。webデザイナーにとっては欠かせない工程の一つとなっています。今回はそんなUI設計をイメージさせるアイコンセット「The Free UI Interface Icon Set for Web Designers (60 Icons, SVG)」を紹介したいと思います。

ui_interface_icon01

ポップさとシンプルさを合わせ持つ、ライングラフィックが特徴のアイコンが60個、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:48  |  
Category: Tool , WebDesign   
2008年09月23日

システムアイコンからアプリアイコンまで170のアイコンを収録したアイコンセット「170 dock icons」

いまいちディフォルトのアプリケーションのアイコンにピンときていないという方におすすめなのが、今回紹介するアイコンセット「170 dock icons」です。

全部で170のアイコンが収録されていて、ワードやエクセルといったアプリケーションアイコンから、Finderやwifiなどのシステムアイコンやが収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:16  |  
Category: WebDesign   
2007年11月17日

illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」

イラストレータで各線は制御点が3つ (始点・中継点・終点)あり、イラストレータを覚えたての頃や使ったことが無い人はなかなか難しいものです。今回紹介する「
Illustrator Pen tool exercises」はそんなペジェ曲線を華麗に操るためのチュートリアルです。

イラストレータのチュートリアル

チュートリアルはai配布されていて上記のように、チュートリアルを背景にしながら自分でペジェ曲線を書きながら進めていけるようになっていて、文章や本で見るよりも実践的に覚えることができます。チュートリアルは全部で6種類あり、星を各方法や滑らかなラインの書き方等が収録されています。難易度は低めですが、これからイラストレータを覚えたいと言う方にはかなり役立つチュートリアルだと思います。

配布しているaiのバージョンはCS, CS2 .CS3となっています。下記のリンクの「Download the AI file」の「here」からダウンロードできます。この他にもaiファイルの他にも英語のドキュメントになりますがペジェ曲線の基本記したpdfが配布されていますのでチュートリアルと合わせてどうぞ

Illustrator Pen tool exercises | Veerle’s blog

続きを読む
posted 02:27  |  
Category: Design   
2016年09月28日

WEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」

WEB上のユーザーインターフェイスの中で行われるちょっとしたアニメーションに驚きと感動をするということがたまにありますが、インターフェイスに即したアニメーションはWEBをより良いものにしてくれます。今日紹介するのはWEBの表現をもっと豊かにしてくれるアニメーションまとめ「36 Brilliant User Interface Animations」です。

dancing_icon
Menu open / tick / close

全部で36ものアニメーションが原文ではまとめられていましたが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

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

立体感のあるハイクオリティなiOS向けアイコンまとめ「46 Fabulous iOS Icon Designs」

Appleストアで掲載・販売されている大量のアプリの中でユーザーの目に留まるためには、アイコンのクオリティの高さが重要ではないでしょうか?そんな中今回紹介するのが、立体感のあるハイクオリティなiOS向けアイコンをまとめた「46 Fabulous iOS Icon Designs」です。


Dribbble – Icon by Aleksandr Novoselov

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

詳しくは以下

(続きを読む…)

続きを読む
posted 12:12  |  
Category: Design   
2010年02月01日

制作に使えるフリーアイコンを探し出すためのWEBサイトを集めた「11 Great Resources to Find Free Icons」

WEB制作に便利な素材アイコン。ユーザーインターフェイスを向上してくれたり、サイトのクオリティを上げてくれる頼もしい存在です。フリーでも良質なアイコンセットが多数リリースされていますが、サイトのテイストとデザインを揃えていかないと、浮いた存在になっていします。そこで今回紹介するのは制作に使えるフリーアイコンを探し出すためのWEBサイトを集めた「11 Great Resources to Find Free Icons」です。

iconfever_01
Iconfinder

お馴染みといったところもあるかもしれませんが、今日は紹介されているサイトを全て紹介したいと思います。

詳しくは以下

Icon Fever
フリーのアイコンセットを探せるWEBサイト。タグによって、商用利用できるかどうか見分けることができます。

iconfever_02
 
 
 
 
 
IconsPedia
PNGのアイコンが多数ダウンロードできます。ライセンスについては、各個別のページに記載してあります。

iconfever_03
 
 
 
 
 
Very Icon
様々な探し方でアイコンをさがせるアイコン検索サイトです。

iconfever_04
 
 
【その他紹介されているサイト】
Icon Seeker
IconArchive
Free Icons Web
365icon
Icon Easy
IconDB
Iconza
 
 
一つ一つのサイトだけでもかなりの数のアイコンが登録されており、便利に探す事ができると思います。それぞれのサイトで探し方は異なりますので、色々と試してみるのが良いかもしれません。

11 Great Resources to Find Free Icons – DesignM.ag

続きを読む
posted 11:18  |  
Category: Design , WebDesign   
2010年12月07日

Fireworksのチュートリアル50「50+ Excellent Adobe Fireworks Tutorials」

WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。


Web Site Design Tutorial

画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2009年10月06日

WEBで使える1000のフリーミニアイコンセット「Free Farm-Fresh Web Icons」

WEBを制作する際に非常に便利なのがアイコン。細部のクオリティを高めてくれたりユーザーインターフェイスを補完してくれたりと様々な役割を担っていますが、今回紹介するのはWEBで使えそうなミニアイコンを1000個セットにしたアイコンセット「Free Farm-Fresh Web Icons」です。

free1000icon01

システム的なアイコンから、ユーザーサイドなものまで様々なアイコンがセットで公開されています。アイコンの配布サイズは16×16px、または32×32pxで個別もしくは1000個セットでダウンロードすることができます。下記に収録されているアイコンの一部を紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:29  |  
Category: WebDesign   
2011年03月12日

東北地方太平洋沖地震に関してまとめのまとめリスト

今回の東北地方太平洋沖地震に関する記事を様々な方がまとめられていますが、
まとめをさらにまとめて記事にしました。少しでも皆様のお役に立てればと思います。
随時、役に立ちそうなまとめを見つけた時点で、更新していきます。

またブログメディアをお持ちの方でもし自分のサイトでもという方で、
下記のリストがもし役立ちそうであればご利用ください。
  
 
【まとめのまとめ】
東北地方太平洋沖地震対策まとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1

地震・津波・帰宅困難用まとめのまとめ
http://bipblog.com/archives/2725908.html

地震情報の記事まとめ[更新中] #jishin
http://www.gizmodo.jp/2011/03/_jishin.html

東北地方太平洋地震のソーシャルメディアでの対応【義援金追加・随時更新】 – NAVER まとめ
http://matome.naver.jp/odai/2129984847046256401?keyword=%E5%9C%B0%E9%9C%87

『東北地方太平洋沖地震対策まとめ』のまとめ – NAVER まとめ
http://matome.naver.jp/odai/2129985817946324801

東北地方太平洋沖地震に関する記事のリンクまとめ : 無題のドキュメント
http://mudainodqnment.ldblog.jp/archives/1547382.html

東北地方太平洋沖地震に関する情報いろいろ*二十歳街道まっしぐら
http://20kaido.com/archives/2645879.html
 
 

【Twitter関係】
無料開放Tweetのまとめ
http://togetter.com/li/110487

東北地方太平洋沖地震、ネット上でのデマまとめ
http://d.hatena.ne.jp/seijotcp/20110312/p1

「地震の情報・アドバイスの拡散まとめ」
http://togetter.com/li/110496

被災地でないところで できること/するべきでないこと
http://togetter.com/li/110683

岩手県の被害状況まとめ
http://togetter.com/li/110729

「井上雄彦氏 Message」
http://togetter.com/li/110722
 
 

【放送関係】
NHK
http://www.ustream.tv/channel/7475111
http://live.nicovideo.jp/watch/lv43018790

TBS
http://www.ustream.tv/channel/4939766

フジテレビ
http://www.ustream.tv/channel/4446277
http://live.nicovideo.jp/watch/lv43019860

ニコニコ動画/ニコニコニュース
http://live.nicovideo.jp/watch/lv43004420

Androidアプリ
https://market.android.com/details?id=tv.ustream.ustream&feature=search_result

iPhoneアプリ
http://itunes.apple.com/jp/app/ustream/id301520250?mt=8
 
 

【その他】
地震が起こったら、まずこれをしろ!
http://www.satonao.com/column/variety/jishin.html

地震発生時緊急マニュアルまとめ
http://mblg.tv/enokiiii/entry/1/
 

photo by Some rights reserved by Alex Barth

続きを読む
posted 11:37  |  
Category: WebService   
tag: 

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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