タグ

photoshopに関するMarHearのブックマーク (8)

  • Photoshopでグラデーションをプロっぽく仕上げる方法

    をご紹介します。 グラデーションはデザインの出来を左右する重要なファクターです。素人とプロの差がでやすい部分でもあり、逆に美しいグラデーションを作成するコツをつかんでしまえばあなたのデザインは飛躍的に向上します。この機会にぜひPhotoshopのグラデーションの作り方をマスターしてみましょう! 目次 1. Photoshopで美しいグラデーションを作成する3つのコツ 2. 初心者でも簡単!グラデーションプリセットを活用 3. まとめ

  • リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)

    こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ

    リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
  • 僕が良く使うウェブデザインテクニック的な色々(サンプルPSD有) | バンクーバーのうぇぶ屋

    「Photoshopの使い方が分からない!」なんてお話を聞くことがありますが、大半の方は実際にはPhotoshopというツール自体は使うことが出来ていて、分からないと言っているのは表現の仕方だったり、「他のデザイナーのサイトみたいにいい感じにする方法~」、みたいなのを知りたがっている人が多いように感じています。 僕もたまに聞かれることがありますが、デザインするとき意識してることとか、デザインテクニックだとか、そういうのを自分なりに説明したい時って、作り方を一から話すより、やっぱり既に作ってあるPSDのサンプル等を見ながら説明する方が断然早かったりするんですよね(僕が口下手だということもありますが)。サンプルがあって話をするのと、ゼロから作り方をお話するのとでは、教える側の時間も、教わる側の理解力も違ってくるんじゃないかと思うのです。 そこで今回は、僕が良く使うPhotoshopでのデザイン

  • Design a Clean Corporate Website Layout | PSDFan

    Final Image Here is a preview of the image that we are going to be creating: Step 1 Create a new document (1000X1000px). Fill your canvas with ebe4ce. Step 2 Then create a new layer called ‘top highlight’. Fill the top 100px of your canvas with a linear gradient ranging from white to transparent. To make the effect more subtle reduce this layer’s opacity to 80%. Step 3 Now it’s time to create a co

  • PhotoshopでWebサイトのモックアップをつくるチュートリアル

    Photoshopを使ってWebサイトのモックアップを作るチュートリアルです。ワイヤーフレーム、グリッドを使ってデザインを完成させていきます。Photoshopの詳しい知識は必要ありません。海外ブログの翻訳記事です。Webサイトをデザインする時に作るモックアップ。そのモックアップのチュートリアルです。自分のデザインでは気が引けるので...細かく読んでいくとPhotoshopの小技もいくつか出てきて面白いかも! Webサイトをデザインするときに、Photoshopを使う人は多いと思います。 今回はPhotoshopを使ってWebサイトのモックアップを作るチュートリアルを紹介します。 これからモックアップを作ってみようと思っている人にはとても有益なポストだと思います。 モックアップを作成する時に必須となるグリッドもダウンロードできますよ。 今までに、ウェブサイトレイアウトを設計するにはど

  • できた!をかなえるチュートリアルマガジン DEKIMAGA

    アドビは世界を変えるデジタルエクスペリエンスを提供しています。アドビのクリエイティブ、マーケティング、ドキュメントソリューションは、新進アーティストからグローバルブランドまでのあらゆるデジタルコンテンツを適切なタイミングで適切な人に提供することで最高の結果の実現を支援します。

    できた!をかなえるチュートリアルマガジン DEKIMAGA
  • Photoshop.com | Tools

    https://main--cc--adobecom.hlx.page/cc-shared/assets/img/product-icons/svg/photoshop-64.svg | Photoshop {{photoshop}} Next-generation AI. Now in Photoshop. Create stunning, lifelike images with the latest generative AI features and the most advanced Generative Fill yet, powered by the new Adobe Firefly Image 3 Model. Now in the Photoshop (beta) app. {{plans-starting-at}} PRICE - ABM - Photoshop{{s

    Photoshop.com | Tools
  • アドビ、オンライン版「Photoshop Express」のベータを公開

    Adobe Systemsは米国時間3月27日、Photoshopのオンライン版である「Photoshop Express」のベータ版を公開した。これは、画像を調整、共有、保管する簡単な方法を求めている多くの消費者にとって待望のウェブベースの画像編集アプリケーションである。 Photoshop Expressは、「www.photoshop.com/express」で無償公開されており、2Gバイトのストレージが利用可能となっている。同製品は、Adobeのデスクトップソフトウェアビジネスにとって大きな転換であり、同社がウェブサービスを消費者に直接提供することで利益を出すことができるかどうかの大きな賭けである。 Photoshop Expressを動かすにはFlash Player 9が必要となる。同アプリケーションはブラウザベースのアプリケーションの限界を押し広げ、数多く存在する無料のオンラ

    アドビ、オンライン版「Photoshop Express」のベータを公開
  • 1