Photoshop ボタンの作り方 - 初心者向け | PSYCHEDELEDGE
2011年09月13日12:51 Photoshop ボタンの作り方 - 初心者向け カテゴリPhotoshop遊戯 ※追記 2014.07.18 ボタンの作り方を動画にしてみました 右側にあるボタンを作ろうというのが今回の目的。裏テーマは「覚えておきたいレイヤースタイル」です。こっちが本命。 PSDファイルダウンロードはこちら(Google Docsへ移動) リンク先で「Ctrl + S」でDLできます では早速取り掛かりましょー。 STEP1：ボタンの土台作り STEP2：文字とアイコンを乗せる STEP3：マウスオーバー用の画像 ボタンの土台作り 「ファイル」→「新規」(Ctrl + N)から300 × 300ピクセルのステージを作成します。 矩形ツール(U)の角丸長方形を選択し、丸み5pxに設定。 240 × 60ピクセルの長方形シェイプを作成します (「Ctrl + @」でグリッ
【備忘録】今現在のfont-family指定の最善解。Androidまで意識するとこうなりました！ | ultimate-ez.com
ぼんやりしたペースで進めているwordpressの新テーマづくりですが、今回は「フォント」についてのメモ。 当サイトはごくごく普通のブログなので、対象となる視聴環境はPCからタブレット、スマホまで様々。 そんな中でフォントを指定するっていうことで、cssでの記述(font-family)は以下が基本形になります。 [css] font-family:’Lucida Grande’, ‘Hiragino Kaku Gothic ProN’, ‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ, sans-serif; [/css] MacのOS Xの標準フォントであるLucida Grande＋ヒラギノ角ゴの合成フォントを再優先に。 そして、Windowsではメイリオが表示されるようにします。 （ここでメイリオより前にArialなどのwindowsにも入っているフォントを入れちゃう
CSSでのフォント指定について考える（2014年）｜DTP Transit
結論1：アルファベットでウエイトなしだけでも、すべてのモダンブラウザに対応可能です。ただし、旧バージョンのSafariやFirefoxでは対応がまちまちであったため、それらに対応するには併記します。 游ゴシック体と游明朝体はWinodws 8.1では日本語名、OS X Mavericks（10.9）ではアルファベット名のみの対応であるため、両名の併記が必要となります。 疑問2：「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」のどちらを記述すればいいのでしょうか。 「ヒラギノ明朝 Pro」を改訂し、JIS X 0213:2004の例示字体に対応させたものが「ヒラギノ明朝 ProN」です。 参考： ウィキペディア - ヒラギノ 「ヒラギノ明朝 Pro」と「ヒラギノ明朝 ProN」の違い CSSのfont-family指定はこれで決まり！（2013春） 結論2：新しい字形に対応をしている「ヒ
標準フォントを指定する
通常、サイト内のフォント（書体）は自由に指定できる訳ではありません。閲覧者のパソコンにインストールされている、いわゆる「標準フォント」を決めうちで指定します。 日本語フォント CSSにてサイト全体（body）や日本語で書かれた文章には下記のように指定します。 複数のフォントを記述した場合、先頭（左）のフォントが優先されます。 上記の場合、いずれもゴシック体のフォントで、メイリオ（Meiryo）よりもヒラギノ（Hiragino Sans）が優先される指定になっています。sans-serifは明朝体のような尖った装飾（セリフ）のないフォント、つまりゴシック体全般を指します。指定したフォントがない環境でも明朝体を避けるため、これを最後に記述します。 明朝体のフォント 明朝体のフォントについては、Windowsの解像度がまだ低いことがあるため、見出しなど大きな文字でない限り利用はおすすめできません
iPhoneの便利な使い方 【Mac限定】iPhoneの内の写真をまとめて削除する方法
iPhone3Gから使い始め、iPhone4、iPhone5、iPhone6へ、そして先日、新しくiPhone7に乗り換えました。更新は不定期（適当）ですが、iPhoneユーザの方にお役にたてそうな情報を提供していきたいと思います。 iPhoneって使っている年数が長ければ長い程、カメラロールの写真がどんどん溜まっていきますよね。 写真が多ければ多いほどiTunesとの同期に時間がかかるし、容量も取りますよね。 iPhone側で複数選択して消すこともできますが、1000件を超えるとメンドウですし。 今回の記事はMac限定ですが、iPhoneのカメラロール内にある写真をiTunesを使わずにMac標準装備のアプリでまとめて消す方法を紹介します。 Windowsユーザの方、ゴメンナサイ。 使うアプリはMacに標準でついてる「イメージキャプチャ」っていうソフトです。 まず、ケーブル（有線）でMa
最近覚えた便利すぎておしっこちびるかと思ったPhotoshopの小技/ショートカット11こ | クリエイティブメモメモ
こんにちは。会社でWindow家でMacを使っているので、Phothoshopのコマンドキーの配置に未だに戸惑います。井畑です。 今回は最近知って、おしっこちびるかと思ったほど便利なPhotoshopのショートカットや小技を紹介します。 ショートカットは慣れるまでは大変ですが、一度覚えてしまえば、それ無しには作業できなくなるほど、便利なものです。使った事が無い人は是非積極的に使ってみてください:) 今回はPhotohospのショートカットを一から紹介〜というものではなく、実際に作業してみて便利だなーと思うものをチョイスした記事となっております。 もしかしたらかなりマニアックなところかもしれませんが、ひとつでも読んでくれた人に「うぉーその技知らなかった。便利やーん！」というものがあることを祈って… それではどうぞ！ 最近覚えて便利すぎておしっこちびるかと思ったPhotoshopの小技/ショー
Just for Fun - 「たのしみ」のための経済へ。 | STORES 株式会社
STORES、創業5周年を記念して 特設ページ「多様な商いをささえる『お店のデジタルインフラ』をつくろう」を公開
フォトショップでの三角形の作り方 | WEBデザインの教科書
今回は、フォトショップで三角形を描く方法を紹介します。 1.長方形ツールを長押ししてサブツールを表示させ、多角形ツールを選択してください 2.角数を3に指定してください。 3.画面上でマウスをドラッグして好きな角度になったらマウスを離してください。 Shiftを押しながらドラッグすると三角が真下を向くので、その後角度を調節してもOKです。 以上です。矢印とか作りたいとき、使ってみてください。
ワープ機能の使用方法 （Photoshop CC）
ワープ機能を使用すると、コントロールポイントをドラッグして画像の形状、シェイプ、パスなどを操作できます。パッケージに合わせてラベルを貼り付けたり、立体的な画像を作成することが可能です。 パペットワープは、メッシュを視覚化して、他の領域に影響を与えずに特定の画像領域を大きく変形できます。画像のちょっとしたレタッチ（髪型など）から、大がかりな変形（腕や脚の位置の変更など）まで、様々な用途に使用できます。
Photoshop SFX:箱の映り込み
■使用Photoshopバージョン：Photoshop CS2 作成：08.04.2006 改訂：MM.DD.YYYY ★このDVDの詳細はこちら＞＞西遊記 DVD-BOX 1 箱の画像を用意します。あらかじめ、このように無駄な部分は切り抜いておいてください。 箱画像をレイヤーに配置します。ここでは「レイヤー１」に置きました。 映り込みを作成するため、カンバスサイズを拡張します。 ［イメージ］メニューの［カンバスサイズ...］を選択し、高さに大きめの数値を入れ、 基準位置を上にして実行します。 下に空間ができます。 「レイヤー１」をコピーして、「レイヤー１のコピー」を作成します。 ［編集］メニューの［変形］から［垂直方向に反転］を選択します。 「レイヤー１のコピー」画像を、移動ツールで下の方にずらします。 箱の角が合うようにしてください。 長方形選択ツール（）で、箱の側面を選択します。 ［
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
フォトショップCS6 人物切り抜き - チュートリアル
フォトショップCS6 人物切り抜きの方法 フォトショップを使って人物や商材を切り抜く方法は、いろいろな方法がありますが、このページでは、かんたんな髪の毛まで切り抜ける人物切り抜きの方法をご紹介いたします。今回の記事はウェブに適した切り抜き方法となります。 画像を開いたら、これから切り抜く元画像をレイヤーのコピーで保存しておいてください。 なげなわツールを選択したら、人物の境界をざっくりと囲みます。 人物の境界をなぞったら、メニューバーの境界線の調整を選択します。 境界線の調整の表示モードで背景を白にして境界部分を見やすくします。 人物の後頭部付近にゴミ（グレーとなっている部分）が残っていることが確認できます。 エッジの調整で任意の半径を入力したらゴミとなっている部分（後頭部付近）をカーソルでなぞります。これでも綺麗にならない場合は、エッジの調整「なめらかに」、「コントラスト」で調整をします
Tutorial_くるくるリボンを描く – イラレラボ illustrator-labo
くるくるまるまったリボンを描きます。 普段はわりと数字にこだわって描きますが、今回はわりとてけとーに。 自由曲線から始めるので何回か試してみてください。 うねった曲線をペンツールで描きます。 線幅は1px。グレースケール：20％で、塗りはなしです。 効果＞3D＞押し出し・ベベル で幅をつけます。立方体をぐるんと回して、良さげな角度を探してください。 押し出しの奥行きがリボンの幅になります。 一番下の 表面：陰影なしにしてからOKします オブジェクトメニューから 分割・拡張 で3Dの効果をパスにばらします。 グループ解除繰り返して、それぞれのパーツをばらしておきます。 拡大表示し、厚みになっている1pxのアウトライン化した線を削除して、1pxぶんのズレをくっつけて修正します。 リボンのグラデーションを作ります。 濃い赤と薄い赤を交互に。 両端と真ん中、つまり、0％、50％、100％を：#97
第4回 Photoshop CS5の新機能「パペットワープ」で素材の形を操る | レタッチの基本ワザ | Shuffle by COMMERCIAL PHOTO
第4回 Photoshop CS5の新機能「パペットワープ」で素材の形を操る 画像処理・解説：大里宗也（VONS pictures） Tweet Shuffleがオープンした時の人気企画「レタッチの基本ワザ」。たった３回の連載にも関わらず、今に至るも、高い人気を誇っている。そこで、このたび、連載の再開を決定！ 復活第１回目、通算第４回目の今回は、Photoshop CS5の新機能「パペットワープ」を取り上げることにしよう。 Photo：片岡竜一 ST：松下静 Make：中山夏子 Hair：野元洋 Model：Kalina（Dualism management） 衣装協力：HAIGHT & ASHBURY TEL 03-5453-4690 どんな形に変形したいのか、変形後のイメージを描いておく Photoshop CS5から新たに搭載された変形ツール「パペットワープ」は、今までの変形ツールと
Illustratorで初めてイラストを描く人が押さえておきたい5つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、かわいいキャラクターを制作してもチンピラ口調のキャラ付けしかできないもりたです。今日は、初心者に向けたIllustratorを使用したイラスト制作のコツを書いてみました。 まず私の記事を読む前にこちらのブログ記事をどうぞ！ Illustratorによるイラスト制作の基本操作｜1 pixel｜サイバーエージェント公式クリエイターズブログ ……いやあすごくわかりやすいですね。この基本操作を理解しているという前提で、初心者でもさらにイラストを「いい感じ」にできるコツをピックアップしました。 独学でつまずいていませんか？ Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」
Windowsユーザーも必見！Mac初心者から中級者になるための6つのTips | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、マウスはトラックボール派のもりたです。 ロジクールのレシーバーとBluetoothの相性が悪いらしく、競合してキーボードが認識されませんって画面に出るんですけど、普通に使えてます。 まいっか。 今回は以前書いた生粋のWinユーザーがMacにすんなり馴染める！便利な無料アプリや、設定まとめの補足で、元WinユーザーのためのMacトピックです。 索引 Windowsでいう「マイコンピューター」を設定する マジックマウスの接続が切れた時の対処法 CDの取り出し方 Dockに入ってないアプリケーションを整理する ファイルの中身を簡単に確認できるクイックルックを活用する 文字が小さくて見づらい…画面のズーム機能を使う ウェブデザイナーの為のおまけ Windowsでいう「マイコンピューター」を設定する WindowsからMacに移行した人が高確率で躓くポイントです。 逆にMacしか使ったこ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
すぐできる！Photoshopで写真をイラスト風に加工する方法
サービス終了のお知らせ
ベクトルマスク | 学び続けるweb制作者の独り言
Font Awesome Cheatsheet
