福井県のweb制作は有限会社ハートブレーン

HEARTBRAIN BLOG > DTP・webデザイン

更新情報

更新情報のデザイン

昨今では、「電話番号 デザイン」やら「メールフォーム デザイン」で検索をして、webデザインや素材作成時などにパクれる参考になるものを見つけたりできる時代ですが。しかし今でも、ロクな参考情報が見つからないものが 更新情報 […]

DTP・webデザイン

09

19/12

3カラム

カラムを形成する3つの手段

例えば3カラムを作るのにtable以外のcssを使いたい場合。 ほぼ一般化しているのがfloat、最近勢力を伸ばしてきたflexにgrid、他にも手があるはずです、私が知らないだけで。しかしこの3つの方法、一長一短なんで […]

DTP・webデザイン

25

19/10

解像度の違い

web用画像に解像度が関係ないというのは本当か

少しだけ前の話になりますが、「web用画像の解像度は今や96dpi、その内144dpiの時代もやって来る」などといった記事をどこかで見た気がします。能登はハートブレーンが誇る偽コーダーなので、そんな記事も右から左でずっと […]

DTP・webデザイン

27

19/08

PhotoshopとIllustrator

WEBデザインで使うツールはIllustratorかPhotoshopか

WEBサイトをデザインする際に、多くの場合はIllustratorかPhotoshopを使用していることと思います。むしろペイントで頑張ってる人がいたら紹介してください。真剣にそのコツをお尋ねしたいです…! などと言って […]

DTP・webデザイン

02

19/08

絵心のない私がPhotoshopでドット絵を描いてみた

絵心のない私がPhotoshopでドット絵を描いてみた

仕事中にふと思い立って、ドット絵を描いてみたくなりました。 我ながら自分のスイッチがどこにあるのか掴めません。 社長が何やら心配していましたが、仕事はちゃんとしていましたよ、その時までは。 しかし中学校3年間は美術部、高 […]

DTP・webデザイン

25

16/02

各フォントにおけるハートマーク

各フォントにおけるハートマーク

HTML上でハートマークを出したい時は または です。 一方、illustratorの場合は、色々な方法があります。 楕円ツールで横長の楕円を2つ作成し、その内1つを90度回転させて十字にして、その十字を45度回転させ、 […]

DTP・webデザイン

18

16/01

Photoshopで若作りする方法

Photoshopで若作りする方法

相変わらずPhotoshopには明るくない私ですが、いつもお世話になっているブログからこのような記事を発見しました。 Photoshopのハイパスフィルタを使った凄いレタッチの紹介(株式会社LIG様) 簡単にまとめると […]

DTP・webデザイン

11

14/11

Photoshopのレイヤー上で写真を切り抜きたい時

Photoshopのレイヤー上で写真を切り抜きたい時

Photoshopで画像素材を作る時などに こんなことをしたい場合、背景をレイヤーにした上で、背景をくり抜いて透明にして、その下のレイヤーに画像を重ねる以外に、画期的な方法が2つもあるそうです。 1.背景レイヤーの上に画 […]

DTP・webデザイン

28

14/08

今更すぎる!?Photoshopで画像を明るくする手法

今更すぎる!?Photoshopで画像を明るくする手法

Photoshop操作中。 同僚「これ、クイックマスク使えばいいじゃないですか」 N「クイックマスク、使ったことないんです。難しくて(笑)」 同僚(ダメだこいつ……!早く何とかしないと……!) という訳で、現在、少しずつ […]

DTP・webデザイン

07

14/08

photoshopのweb用カラー設定の違いがわからない

photoshopのweb用カラー設定の違いがわからない

photoshopのweb用保存で、痛い目に遭いました。 求めていたもの → ■ 実際に出たもの → ■ よく見ると、「web用に保存」ダイアログには、プレビュー設定という隠し技が存在していました。 モニターカラー・以前 […]

DTP・webデザイン

18

14/06

photoshopで文字を変形したい

photoshopで文字を変形したい

実は今、webデザインの修正作業をなるべくphotoshopでしてみようと 今更すぎる努力を地味に実行しています。 元々エセコーダーではありますが、エセにも程があると我ながら思います。 そんな小者というか偽者なNではあり […]

DTP・webデザイン

12

14/02

illustratorでwebデザイン作成する際の留意点

illustratorでwebデザイン作成する際の留意点

一般的に、webデザインはphotoshopで作成するものらしいですね。 「らしい」というのは 実はNを含めたハートブレーンの面々は 誰一人疑問を提示することなく、illustratorを使用していたのです。 デザイン担 […]

DTP・webデザイン

01

13/07

色の魔術師

色の魔術師

色の組み合わせには、補色というパターンがあります。 色相環の対角線上にある、反対の性質を持つ色のことを指すのですが、反発し合うかと思いきや「互いの色を引き立て合う効果」という、何ともトムとジェリー的な関係です。 なんで社 […]

DTP・webデザイン

29

13/01

メールでのお問合せ・お見積りはコチラ
TOP