タグ

photoshopとwebに関するcapa1105のブックマーク (29)

  • Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE

    ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

    Photoshopを完全マスターするためのチュートリアルいろいろ - GIGAZINE
  • Photoshopの無料ブラシを使って、たった3分でプロが作ったようなグラフィックを作る方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

  • 「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP

    たまにこんな(↑)写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ! ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります(↓)。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ

    「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
  • 【コラム】プロに学ぶWeb 2.0な画像テク (1) Web2.0的サイトのグラフィック表現 | クリエイティブ | マイコミジャーナル

    Web2.0的サイトのグラフィック表現 一昔前、左右にフレームを切ったページ構成がWebサイトの主流だった頃、凸状に見える表現のリンクボタンをよく見かけました。ハイライト/シャドウ表現をうまく組み合わせて疑似的に立体に見せたボタンは、「なんかIT」な香りがして、さまざまな企業の「ホームページ」に採用されていたものです。 時は流れて「IT」という言葉も今更恥ずかしい気がする今日この頃。ここ数年ネットを賑わすキーワードに「Web2.0」があります。これも多少の「今更」感が無きにしもあらずではありますが、Web制作・アプリ開発などに携わる方にはまだまだ避けては通れないキーワードであることは確かです。 そのサービスの有効性やAjaxの技術的なお話などはその道の専門の方々にお任せするとして、この連載ではWeb2.0的なサービス・サイトでのグラフィック表現にスポットを当ててみたいと思います。 その昔、

  • Photoshopを使ったWeb2.0風ロゴの作り方ムービー

    Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30%に。 ↓ 垂

    Photoshopを使ったWeb2.0風ロゴの作り方ムービー
  • i d e a * i d e a - 2.0っぽいデザインのフォトショップテンプレート集(しかも無料!)

    昨今のウェブデザインでは2.0っぽいものがまずは候補になると思いますが、一から作っていては面倒です。そこで無料でPhotoshopのテンプレートがゲットできるサイトをご紹介(む、『ゲット』って死語か?)。 たとえば・・・。 とか、 とか、 とか、 などなど。2.0っぽいすね。すべてPhotoshopのPSDファイルでダウンロードできます(フォントがなかったりするときがあるのがちょっとアレですが)。 それからこれらのファイルはPhotoshopのチュートリアルブログで提供されているものっぽいですね。詳しい作り方はそちらをご参照ください。 そのブログは↓。デザイン系興味のある人はRSS購読してみては。 » photoshop it! それからこれらのテンプレート、Photoshopで開くと次のようなメッセージが。 さりげなくサイトの宣伝ですね。「ブログで宣伝してね!さ、もうこのレイヤー削除して

    i d e a * i d e a - 2.0っぽいデザインのフォトショップテンプレート集(しかも無料!)
  • PhotoshopCandy

    Amazing news! The new Adobe Stock free collection includes over 70,000 high-quality, photos, vectors, illustrations, templates, 3D assets, and videos, hand-curated from talented Adobe Stock artists. Read more

    PhotoshopCandy
  • フォトショップ早わかり Photoshop Tips & Manual - 目次 - by StudioGraphics

    「フォトショップ ティップス & マニュアル」は、アドビ・フォトショップを使う上で知っておくと便利なテクニックをひとつひとつ丁寧に紹介していくコーナーです。 フォトショップを早く理解して、すぐに使えるようにするために、「フォトショップ ティップス & マニュアル」は、大きく分けて以下の二つのセクションで構成されています。フォトショップの基礎から一歩一歩勉強していくには、「機能別マニュアル」を、すぐに役立つテクニックが知りたいときは、「目的別ティップス集」をご覧ください。 「フォトショップ ティップス & マニュアル」は、2004年の7月下旬から始まったコーナーですので、内容はまだ充実していません。不定期ではありますが、少しずつ更新していいきますので、気長にお付き合いください。 (コーナー概要を読む)

    フォトショップ早わかり Photoshop Tips & Manual - 目次 - by StudioGraphics
  • Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト

    ラブコメプリンスのパクソジュンに釘付けの日々 韓国のイケメン人気俳優といえば、パク・ソジュン! 2020年に大ヒットした韓国ドラマ『梨泰院クラス』の主演で、更に人気は加速しましたよね。 私も『梨泰院クラス』視聴前から彼の作品は見ていたのですが、どんな役柄でもこなせてしまうなと 強く逞しく 不合理な世界に正面から立ち向かう 血気盛んな若者の反乱 なパク・セロイ(パク・ソジュン)を夢中になって見ていました。 『愛の不時着』と並び日でも多くの方が視聴されたと思います。 特に『梨泰院クラス』は『愛の不時着』と比べてロマンス色が薄く緻密なビジネスプランなども要素に盛り込まれていたので、男性からも人気の作品でした。 他にも彼の出る作品出る作品がヒットを飛ばしています。 2014年:魔女の恋愛 2015年:彼女はキレイだった 2016年: 花郎<ファラン> 2017年:サム、マイウェイ~恋の一発逆転!

    Web Design Library(ウェブデザインライブラリー) ―ウェブクリエーター向けの情報サイト