タグ

ブックマーク / www.actzero.jp (3)

  • 簡単!水の切り抜き方!|株式会社アクトゼロ|クリエイティブブログ

    お疲れ様です。タニグチです。 もうすぐゴールデンウィークですね。待ち遠しいです! 今回は透明なオブジェクトを背景から簡単に切り抜く方法を紹介します。 やりかたはこちらのサイトから参照してます。 画像はこれを使います。 画像をPhotoshopで開いたら、チャンネルパネルのRGBチャンネルのサムネールをクリックし、画像に含まれる白い部分を選択しましょう。その状態で選択範囲を反転(Ctlr+Shift+I)し、切り抜き(Ctlr+J)をします。 あっさりですが、これでほぼ終わりです。背景に色をひいてみましょう 透明の部分がとても綺麗に透過していますが、水の色が少し薄く感じますね。 満足のいく濃さになるまでレイヤーをコピーしてみましょう こんな感じですかね。 簡単でしたね。

    簡単!水の切り抜き方!|株式会社アクトゼロ|クリエイティブブログ
  • スマホデザインで見やすいサイズ、行間は?デフォルトのアプリ等を調べてみた|株式会社アクトゼロ|クリエイティブブログ

    こんにちは、デザイナーの小林です。 最近スマホデザインで、アプリデザインや、機能性を持たせたUIのデザインが求められることが多くなってきました。 Photoshopで幅640pxで作成後、実機で確認をするのですが、どうも文字サイズを決めるのに毎回迷ってしまいます。 「小さすぎるんじゃないか?」 「見出しと文の違いがパッと見で分かるだろうか?」などなど… そこで普段見慣れているだろう、スマホのデフォルトの純正アプリや有名アプリの文字サイズを調べてみました。 検証方法 iPhone4S(古くてスイマセン)でキャプチャーとる Photoshopで上からテキストをトレース。(このときの文字設定の数値を記載しています。) ホーム画面 通話履歴 メール リマインダー メモ帳 ミュージック Google Chrome Facebook Twitter Youtube はてなブックマーク evernot

    スマホデザインで見やすいサイズ、行間は?デフォルトのアプリ等を調べてみた|株式会社アクトゼロ|クリエイティブブログ
    saladdays
    saladdays 2015/02/26
    font-sizeとline-heightの比較
  • もう怖くない!大規模案件に負けないPSDデータ作成方法|株式会社アクトゼロ|クリエイティブブログ

    こんにちは、小林です。もうじきGWですね、今からワクワクしています。 さて一昨日の土曜日、セミナー・イベントで有名なCSS Niteの「Webデザインで使うPhotoshop」というテーマの講義を受けてきました。 セミナーは今回で2回目の参加でした。初めてのセミナーは約2年前のデザイナー成りたての頃で、テーマは同じく「Webデザインで使うPhotoshop」でした。 今回はその続編にあたるのですが、今まで知らなかった機能だったり、こんな使い方があったのか~と感じるたくさんの新発見がありました。 4名の講師の方がそれぞれセッション別にお話されたのですが、牧下 浩之さん(株式会社Plankton Design代表取締役)の「実案件で活用できるPhotoshopデータ作成ルール」というセッションが個人的に一番勉強になったので、簡単ではありますがかいつまんでご紹介させて頂きます。 中~大規模案件に

    もう怖くない!大規模案件に負けないPSDデータ作成方法|株式会社アクトゼロ|クリエイティブブログ
    saladdays
    saladdays 2014/04/25
    レイヤー名など、PSDの作り方のガイドライン
  • 1