タグ

Web制作と写真加工に関するglat_designのブックマーク (7)

  • わたしのデザインセオリー(写真マスク編) - デザイナーのイラストノート

    この記事は「Webデザインセオリー Advent Calendar 2015」の11日目の記事です。@striveさんの「Webデザインの価値と効率を上げるため意識していること Webデザインセオリー Advent Calendar 2015」というとても戦略的でいい記事から一点、小手先の話ですみません・・・! デザインに写真を使うときにわたしがよくしていること 「デザインセオリー」というと「これをやればデザインはOK!」みたいに聞こえますが、もちろんそんなことはなく、自分が画像をトリミングしたりマスクするとき、イメージや印象を伝えるために、どんな手法をよく使うかということを実例を交えながらご紹介します。 グラデーションマスクにこだわってみる メインイメージなどで、写真の上にメッセージを重ねるのはよくある手法ですね。例えばこの緑をバックにした女性の写真を使用して、上に文字を重ねましょう。

    わたしのデザインセオリー(写真マスク編) - デザイナーのイラストノート
    glat_design
    glat_design 2015/12/13
    Webデザインセオリー Advent Calendar 2015の11日目の記事。あやかさんの説明はよすぎる /
  • 写真は怖くない!すごい「Photoshop」マジック小技集23

    作成:2013/07/16 更新:2014/11/01 無料素材 > 写真うつりが悪い、気になるところをサクッと修正したい。今回は、顔や体型を簡単に修正する方法やアクションをまとめました。結構共通する部分が多いですが、顔以外にも使える色々な方法があるのでお試しを。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 髪 1.髪の色を変える 2.髪の毛を切り抜く 肌 3.シミやそばかすを消す 4.肌を美白にする 5.肌を滑らかにする 顎 6.顎をシャープに 7.リフトアップ 目 8.目を大きくする 9.まつげを増やす 10.目のクマ/ほうれい線を消す 11.目の色を変える 鼻・唇 12.鼻を高くする 13.ぷるるん唇にする 14.歯を白くする 体型・表情 15.バストアップ 16.ポーズを変える 17.顔の表情・形を変える 背景 18.背景を消す 19.背景をぼかす

    写真は怖くない!すごい「Photoshop」マジック小技集23
    glat_design
    glat_design 2013/07/16
    簡単に分かりやすくまとまってていいと思う。最後一つうちの記事が紹介されてたw /
  • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

    このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

    dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
    glat_design
    glat_design 2012/09/18
    良い記事。理論の話大好き。強いて言えば顔は右向きの方がより未来を表せますね! /
  • 写真の一部を動かすシネマグラフを使ったGoogleイベントのカバーが素敵! - すしぱくの楽しければいいのです。

    公開日:2012年9月 6日 カテゴリ:Googleネタ 流行りの手法ではありませんが、写真の一部分を動かす事でまるで動画のように錯覚してしまう視覚的効果を狙ったシネマグラフをご紹介します。(実際に作ってみたレビュー付き) 仕事の合間にGoogleイベントを徘徊していたらカバー写真がシネマグラフで作られておりまして、「うぉーやっぱり素敵すぎるー」とか影響を受けてしまい、今後の補完用としての紹介と実際に作ってみた記事を書いてみました。 シネマグラフについて ちょっと前に、Webサイトのアクセントとして(海外サイト発で)色々と紹介されましたねー。いくつか紹介すると 【画像】写真なのに動いてる!動画のような不思議な写真、シネマグラフ14枚 いやはや、綺麗ですねー。被写体が動いてくれる物であれば、静止画にマスクをかけて動画を挿入してGif形式に変換する感じですかね。ただの静止画よりもちょっとしたア

    写真の一部を動かすシネマグラフを使ったGoogleイベントのカバーが素敵! - すしぱくの楽しければいいのです。
    glat_design
    glat_design 2012/09/06
    まだやってないけどこれ作りまくりたい…。誰かDIO作ろうよw /
  • よく分からずにトーンカーブを使っている人に。 - kojika17

    画像の色調補正する時、何を使いますか? 私の場合、基的な画像補正はトーンカーブ1つでほとんど済ませてしまいます。 トーンカーブは使い方が分かれば、簡易的に明度、色調、コントラストなどを補正できる強力なツールになります。 Photoshopベースで紹介しますが、FireworksやGIMPでもトーンカーブを扱えますので、参考になれば幸いです。 トーンカーブのデモで使用する画像は、フリーで配布されているPAKUTASOさんから写真をお借りして、説明します。 トーンカーブ基 縦軸と横軸は、0から255まで階調を表しています。 画像モードがRGBの場合、縦軸は上から下に向かって暗くなり、横軸は左から右に明るくなります。 横軸が入力、縦軸が出力を表します。もっと噛み砕くと、横軸が元画像の階調、縦軸が補正後の階調です。 斜めに走っている線にはいくつも点が打て、曲線や直角にしたりできます。 階調の出

    よく分からずにトーンカーブを使っている人に。 - kojika17
    glat_design
    glat_design 2012/03/16
    うおーごみ取りまでトーンカーブでやるんだw確かに保存しとけば簡単かも。
  • fladdict さんのTweetから:複数枚の写真からPhotoshopで動いている物を自動で消す方法 | アプリなどのこと | s-style-arts

    先日、@fladdict さんの「500枚ぐらい同じ写真とって全画素でピクセルの最頻出の値を採用したら、街の写真とって移動する人物全部自動で消すとかできるのかなぁ・・・とか。」と言うTweetに反応して、Photoshopで出来る事をお返事したところRTして頂いたのが物凄い数ふぁぼられて思わぬ反響だったので、実際に素材を撮ってデモってみました。 ちなみに多くの皆さんはご存知だとおもいますが @fladdict こと深津貴之さんは、TiltShift GeneratorやToyCameraなど作っておられる日で最も有名なiPhone・iOSアプリ制作者のひとりです。 さて、まずは素材に使う写真が必要なので人が多い雑踏に行こうと。東京なら渋谷のハチ公前とか、大阪なら駅前の歩道橋とかぱっと思いつきますが田舎なのでなかなかいい場所が思いつきません。まぁ世界遺産姫路城であれば平成の大修理真っ只中と

    glat_design
    glat_design 2011/10/02
    これは面白いテクニックだと思う。絶対使う
  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

    ウェブリブログ:サービスは終了しました。
    glat_design
    glat_design 2011/02/07
    サムネイルを綺麗に表示する方法(普通はニアレストネイバーのところをバイキュービックに?)IEとスレイプニルのみ
  • 1