タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

designとphotoshopに関するgologo13のブックマーク (2)

  • 「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ!

    Photoshopでデザインカンプを作成して、いざコーディング!となると面倒くさいのが画像のスライス作業。 その画像のスライスを超絶楽にしてくれるツール「Slicy」を今さらながら導入しましたので使い方をご紹介。 レイヤー・グループに名前を付けて保存 アプリはMac App StoreでDLでも良し、公式サイトから体験版をダウンロードするも良し。 試しにこんなカンプを作成してみました。世界中のイケメンを紹介する、IKEMEN.comです。第一回目のモデルから頓挫しております。 データができましたら、切り出したいパーツのレイヤーorグループに名前(○○.jpgや○○.png)を付けて保存します。 あとはその保存したPSDデータをSlicyにぶち込むだけ。 見事、名前を付けた通りに画像がスライスされました:) あとはドラッグアンドドロップか、画像を選択して上のSaveボタンをクリックして任意の

    「Slicy」Photoshopからのスライス作業が死ぬほど楽になるツールが便利だ!
  • 【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう

    PhotoshopでWebサイトのデザインをしよう「連載!実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( 実践で学ぶ Web サイト制作ガイド:その 4目標:実際の幅にあったサイトデザインが作れる・Photoshop の基的なツールを使った装飾ができる必要なもの:Adobe Photoshop対象レベル:Photoshop の基的なツールの使い方がわかる目次誰のため?何のため?Web サイトを作り始める前に。Web サイトの構成図を簡単に作れる便利ツールWeb サイ

    【UI デザイン 練習用 - エアメール風】 - Webサイトのデザインをしよう
  • 1