Home

giraffix

素材

  • Posted by: giraffix
  • 2011年6月24日 2:51 PM
  • 未分類

商用可の素材まとめ2009

http://kachibito.net/web-design/commercial-use-site-collection.html

 

cssの備忘録

  • Posted by: giraffix
  • 2011年6月16日 7:34 PM
  • CSS | Web
一番ラクにフロートクリア→フロートさせてる要素を包んでいるboxに
class=boxを指定する

.box{
padding:20px;
overflow:hidden;
zoom:1;
}

テーブル内での改行(th※見出しを改行させない)

th { white-space:nowrap; }

テーブル内での改行(長い文章のせいで意図しない幅広がりを禁止する)

th { word-break:break-all; }

webレイアウト編

photoshopイラストの彩色方法

わかりやすひ。

http://iradukai.com/making/510/Kouza_Yu2.html

UIデザイン/モックアップ/psdセット

モックアップ作成用シート集

http://photoshopvip.net/archives/14388

psdデザイン素材と各種GUI

http://photoshopvip.net/archives/16985

Photoshopで自分に合ったチュートリアル

http://www.webdesignlibrary.jp/2010/06/carbon-fibre-navigation.php

 

ひとつやらせていただいて目からうろこがばっさばさと落ちたので全部網羅できたら超素敵そう。

時間みつけてっ

http://www.webdesignlibrary.jp

PSショートカットとCSS3のメモ

  • Posted by: giraffix
  • 2011年6月3日 6:47 PM
  • CSS | Photoshop

・コピースタンプツール
「S」

・選択範囲ツール
「M」

※切り替えは「Shift+M」

・選択レイヤーのグループ化
「Ctrl」+「G」

・下のレイヤーと結合
「Ctrl」+「E」

・新規レイヤー作成
「Ctrl」+「Shift」+「N」

■CSS3プロパティ

→角丸

border-radius
-moz-border-radius
-webkit-border-radius

→Box要素へのシャドウ

box-shadow
-moz-box-shadow
-webkit-box-shadow

→要素の透過指定
※opacityは子要素にも反映されちゃうからこっち使う

.clear{background:rgba(255,255,255,0.5)}
※ラスト部分で指定。少なくなるほど透明へ

Photoshopレイヤーマスク

【選択範囲を作ってから】レイヤーマスクボタンでマスクがかかる。

順番に注意。

作成したレイヤーマスクは白の描写(ブラシなど)でヌケるよ!

視覚的なデザインに使えます。

Photoshop~基本編~

記憶障害になった時に助けられるまとめ

http://web.kyoto-inet.or.jp/people/hikeda/sfx/index.html

自身の備忘録

パスを好きな形に書いて、ブラシを選択後、境界線を書くを選ぶと思い通りの形にそってブラシを適応させられる

オブジェクトを書いたレイヤーや、なんでもいいのでその形のレイヤーをctrlでつついて選択範囲作成後、新規レイヤー→編集→塗りつぶし→パターンで、パターンの塗りつぶしレイヤーが作れる!

レイヤーマスクを使用したら、それを追加、と考えずにレイヤーマスクのサムネイルをクリック→黒の四角やブラシで描写すれば追加になるのよ!

無料素材まとめ(作成中)

  • Posted by: giraffix
  • 4:07 PM
  • sozai | Web

無料で使うハイクオリティ素材

http://sore.hontonano.jp/index.php

海外版※このヘッダはチュートらしていただく。。

http://dezignus.com/category/psd/

豊富なシルエット素材

http://kage-design.com/wp/

Home

Feeds
twitter
Meta

Return to page top