テã‚ストをã‹ã£ã“よãé…ã›ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼šPart 6 | コリス
テã‚ストã«ã‚°ãƒãƒƒã‚·ãƒ¼ãƒ»ãƒã‚ªãƒ³ãƒ»ã‚°ãƒ©ã‚¹ãƒ»ãƒªãƒ™ãƒƒãƒˆãƒ»ã‚°ãƒ©ãƒ•ã‚£ãƒ†ã‚£ãƒ»ã‚°ãƒ©ãƒ³ã‚¸ãƒ»ãƒãƒƒãƒ—・グラデーションãªã©ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’使用ã—ãŸPhotoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚ å„サイトã¯è‹±èªžã§ã™ãŒã€ã‚ャプãƒãƒ£ä»˜ãã§ä½œæˆæ–¹æ³•ã‚’説明ã—ã¦ã„ã¾ã™ã€‚一部ã®ã‚µã‚¤ãƒˆã§ã¯ã€PSDファイルをダウンãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
テã‚ストをã‹ã£ã“よãé…ã›ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†ï¼šPart 5 | コリス
テã‚ストã«ãƒ¡ã‚¿ãƒ«ãƒ»ã‚¯ãƒãƒ¼ãƒ ・ピクセル・グランジ・泡・水ãªã©ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’使用ã—ãŸPhotoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚ å„サイトã¯è‹±èªžã§ã™ãŒã€ã‚ャプãƒãƒ£ä»˜ãã§ä½œæˆæ–¹æ³•ã‚’説明ã—ã¦ã„ã¾ã™ã€‚一部ã®ã‚µã‚¤ãƒˆã§ã¯ã€PSDファイルをダウンãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚
第13回　Webページã§èªã¿ã‚„ã™ã„テã‚ストã¨ã¯ï¼šITpro
今回ã®ãƒã‚¤ãƒ³ãƒˆ 1è¡Œã‚ãŸã‚Šã®æ–‡å—æ•°ã®ç›®å®‰ 1段è½ã®æ–‡å—æ•°ã®ç›®å®‰ 段è½ã«å«ã‚€æ–‡å—æ•° 行間調整ã®è€ƒãˆæ–¹ å—間調整を使ã£ãŸãƒã‚´é¢¨å‘³è¦‹å‡ºã— 日本語ã¨ã„ã†ã®ã¯ã‚‚ã¨ã‚‚ã¨ç¸¦æ›¸ã文化ã§ã™ã€‚æ–‡å—ã‚‚ç†ã§ç¸¦æ›¸ãã—ã¦ã„ãã¨ãã«æ›¸ãã‚„ã™ã„よã†ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ç¾åœ¨PCç”»é¢ä¸Šã§è¦‹ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã¯ï¼Œæ´»å—å°åˆ·ç‰©ã®ãƒ•ã‚©ãƒ³ãƒˆã¨ã¯é•ã„，横書ãã§èªã¿ã‚„ã™ã„よã†ã«ã‚‚ã¨ã‚‚ã¨ã®å—体ã‹ã‚‰è‹¥å¹²å½¢ã‚’変ãˆã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ãã‚Œã§ã‚‚èµ·æºã§ã‚る縦書ãã®å½¢ã‚’完全ã«å£Šã™ã“ã¨ãŒã§ããªã„ã®ã§ï¼Œã‚„ã¯ã‚Šæ¨ªæ›¸ãã§ã¯èªã¿ã¥ã‚‰ã„よã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 日本人ãŒè‹¦ç—›ã‚’æ„Ÿã˜ã‚‹ã“ã¨ãªãèªã‚る横書ã1è¡Œã‚ãŸã‚Šã®å—æ•°ã¯20å—＋α程度ã ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚æ„è˜ã—ã¦é›‘誌ãªã©ã‚’見るã¨ãŸã„ã¦ã„ãŒ!)25æ–‡å—ã‹ã‚‰28æ–‡å—程度ã§ã™ã€‚用紙，ã¤ã¾ã‚Šæœ¬ã®ã‚µã‚¤ã‚ºãŒA4を超ãˆã‚‹ã‚ˆã†ãªå¤§åˆ¤ã«ãªã‚‹ã¨ï¼Œ1ページを左å³2段組ã«åˆ†ã‘ã¦25～28å—程度ã«èª¿æ•´ã•ã‚Œã¦ã„ã¾ã™ã€‚ 一方，縦書ãã®å ´åˆã«ã¯è˜åˆ¥è¨±å®¹é‡ã¯ã‚°ãƒ³ã¨å¢—åŠ ã—
[CSS]テã‚ストã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘るスタイルシート
Web Designer Wallã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã•ã‚Œã¦ã„ã‚‹ã€ãƒ†ã‚ストã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœã‚’ã¤ã‘るスタイルシートã®ç´¹ä»‹ã§ã™ã€‚ CSS Gradient Text Effect 仕組ã¿ã¯ã€è¦‹å‡ºã—è¦ç´ (h1)ã«ç©ºã®spanを記述ã—ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®èƒŒæ™¯ç”»åƒã‚’表示ã—ã¦ã„ã¾ã™ã€‚ デモページã§ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ãªã•ã¾ã–ã¾ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ãŸãƒ†ã‚ストãŒã‚ã‚Šã¾ã™ã€‚ CSS Gradient Text Effectã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ 利点ã¨ã—ã¦ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ãªç‚¹ãŒæŒ™ã’られã¦ã„ã¾ã™ã€‚ テã‚ストãªã®ã§ã€ãƒ–ラウザã‹ã‚‰ã®ã‚µã‚¤ã‚ºã®æ‹¡å¤§ãƒ»ç¸®å°ãŒå¯èƒ½ã€‚ 背景画åƒã‚’変更ã™ã‚‹ã“ã¨ã§ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’変更ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ 見出ã—ç”»åƒã‚’ã„ã¡ã„ã¡ä½œæˆã™ã‚‹å¿…è¦ãŒãªã„。 æ•°ãŒå¤šã„å ´åˆã€ä½œæˆæ™‚間・帯域ã®ç¯€ç´„ã«ãªã‚‹ã€‚
1
ランã‚ング
メンテナンス
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}