TOP  >  Halftone

Tag : Halftone

2017年10月11日

レトロな演出に最適なハーフトーンのPhotoshopアクションキット「Halftone Press Photoshop Kit」

レトロな雰囲気を演出する方法はいろいろありますが、今回はそんな中でも簡単にイメージをレトロテイストに寄せてくれる「Halftone Press Photoshop Kit」を紹介したいと思います。

Halftone_Press_top

ハーフトーンのパターンにさまざまなバリエーションが揃っています。使用した雰囲気のサンプルをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

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

2009年07月05日

手書き風の表現を可能にしてくれるフリーphotoshopブラシ集「22 Free High Quality Doodle Photoshop Brushes Set」

アナログな表現と言うのは、デジタル化が進んでいる現在でも求められる部分があって、手書きの質感や雰囲気がデザインのアクセントや世界を作る上で重要となりうる場合もあります。今日紹介する「22 Free High Quality Doodle Photoshop Brushes Set」はイタズラ書きの表現を可能にしてくれるフリーphotoshopブラシセットを集めたエントリーです。

dod01
T9 Creative Doodles

全部で22個のphotoshopブラシが公開されて、今日はその中からいくつか気になったphotoshopブラシセットを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:38  |  
Category: Design , Photoshop , WebService , WordPress   
2015年04月05日

黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」

さまざまなテイストのアイコンがインターネット上では配布されており、デザイナーのデザインイメージにあったものを、フリーで取り入れられるものも多く存在します。そんな中今回紹介するのは、黒い縁取りラインがポイントのポップなフリーアイコン「100 Lulu Vector Icons」です。

luluicon1

100種の、くっきり・はっきりとしたビジュアルが特徴のアイコンセットがフリーダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2014年03月28日

シンプルにもアレンジしても使える フリーサンセリフフォント「15 Free Superb Sans-Serif Fonts For Designers」

形状的にクセのない使いやすい形として人気のサンセリフフォントは、非常に重宝する存在です。今回はそんなサンセリフフォントを無料で利用することができる「15 Free Superb Sans-Serif Fonts For Designers」を紹介したいと思います。

sanserif1
Sansation Font | dafont.com

定番として活躍してくれるであろうシンプルなタイプから、個性をプラスしたものまで15種のフォントが紹介されています。

詳しくは以下

(続きを読む…)

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

WEB開発者の為のチートシート「40+ Essential Front End Web Developer Cheat Sheets」

WEBの制作、開発に必要な知識は多岐にわたり、毎回使うものは大体覚えていたりしますが、その都度ちょっとしたところを調べて制作していると言う事をされている方も多いのではないでしょうか?今日紹介するのはそんな人に便利なWEB制作者、開発者のために作られたチートシートをまとめたエントリー「40+ Essential Front End Web Developer Cheat Sheets」です。

cheetsheet01
Gosquared CSS help sheets

全部で40ものチートシートが公開されていますが、今回はその中から気になったものをいくつか公開したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:08  |  
Category: WebDesign   
2015年12月22日

クリスマスシーンを華やかに演出できるアイコンセット「100 Christmas Icons Set」

もうすぐクリスマス。すでに準備を終えている方も多いと思いますが、今回はさらに華やかな演出に活用したいアイコンセット「100 Christmas Icons Set」をを紹介したいと思います。

fontxmas

クリスマスをイメージさせるアイコンが100種、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:20  |  
Category: Design   
2018年06月24日

レイヤースタイルで手軽に使えるPhotoshopテキストエフェクト「20 Free Photoshop Layer Styles for Creating Beautiful Text Effects」

Photoshopのレイヤースタイルは、簡単に特殊効果を適用できる便利な機能。しかし凝った効果を一から制作するのは中々手間が掛かってしまいます。今回ご紹介するのはそんなレイヤースタイルを手軽に使えるPhotoshopテキストエフェクト「20 Free Photoshop Layer Styles for Creating Beautiful Text Effects」です。

20-free-photoshop-layer-styles1
Sandwich 3D Text Effect – 3 Angles | GraphicBurger

アナログ風やCGのような立体的なエフェクトまで様々なテイストの素材が揃えられています。さらにその中からおすすめのものを、幾つかピックアップしましたのでご覧ください。

詳しくは以下
(続きを読む…)

続きを読む
2008年02月16日

プレビューしながらテキストのCSSスタイルを簡単に設定できる「CSS Type Set」

CSSに慣れてくるとコードを見ただけでだいたいどんなように見えるかわかったり、その逆で、こんな風に見せたいと思ったことをコードにすることもできると思いますが、覚え立ての頃はそうは行きません。今回紹介する「CSS Type Set」は実際反映された後のデザインのプレビューとCSSのコードを同時に見ながら設定できるWEBサービスです。

CSSテキストスタイルジェネレーター

見た目をプレビューしながらテキストのスタイルを決めていけるので。自分の理想に近づけることも簡単で、横にCSSのコードが表示されているので、その見た目を自分のサイトに簡単に反映させることもできます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:59  |  
Category: WebDesign , WebService   
2009年11月17日

美しいナビゲーションデザイン集「40 Beautifully-Designed Navigation Menus」

サイト内の要素で欠かせないもので、ユーザーの利便性を決定づけるナビゲーションメニュー。サイトの雰囲気に合わせて様々な形がありますが、今回紹介さするのはデザインされた美しいナビゲーションデザインを集めたエントリー「40 Beautifully-Designed Navigation Menus」です。

navinavi01

細かくビジュアルを作り込まれたものからシンプルなもの、ダイナミックなものまで様々な種類のナビゲーションが紹介されています。今日はその中からいくつか気になるものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:45  |  
Category: WebDesign   
tag: webdesign
2011年02月10日

ハイクオリティなphotoshopブラシまとめ「80 All-You-Need Photoshop Brushes」

デザインに役立つphotoshopブラシ、非常にたくさんの種類が公開されていることもあり、よく利用されている方も多いのではないでしょうか?そんな中今回紹介するのは、ハイクオリティなphotoshopブラシまとめ「80 All-You-Need Photoshop Brushes」です。


Free Hi-Res Watercolor Photoshop Brushes | BittBox

80種類もの豊富なブラシが多彩な種類で収録されており、デザイン制作に必ず役に立ってくれそうです。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:50  |  
Category: Design   
2012年03月04日

クリエイティブなCSS3テクニック集「CSS3 Image Galleries, Slideshows and Image Effects」

限られたスペースを有効に利用するため、もっと魅力的に写真を見せるためにスライドショーを利用しているという方は非常に覆いと思いますが、今回紹介するのはCSS3で実現するクリエイティブなスライドショー集「CSS3 Image Galleries, Slideshows and Image Effects」。


Sliding Image Panels with CSS3

文字や、写真の動きなど、今までのスライドショーにはなかったギミックやエフェクトがCSS3によって実現されています。いくつかのスライドショーが公開されていますが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Fullscreen Background Image Slideshow with CSS3
フルスクリーンで展開するスライドショー。文字などのエフェクトがCSS3っぽいです。


 
 
 
 
 
CSS3 Lightbox
シャドウやフェードなど細かい部分にまでこだわったライトボックス。CSS3で処理されています。


 
 
 
 
 
CSS3 Loading Animation Loop 2 Set
CSS3で作られたローディングアニメーション。よく見るサークルなどではなくて独特の動きがクリエイティブ感を与えてくれます。

css3-loading-animation-loop-2-set
 
 
上記の他にも沢山のCSS3テクニックが公開されています。HTML5とCSS3で、なにか面白いものをと企んでいるWEBデザイナーの方は是非原文もご覧ください。

CSS3-Only Tutorials and Techniques for Your Next Design

続きを読む
posted 05:41  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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