白の要素を透明にするPhotoshopアクション - saucer
少し前にTwitterでユミソラさん（@yumisora）とロゴの抽出についてお話していて、以前「Photoshop 楽・速・美」という書籍で書いた「炎を奇麗に抽出する」というネタを思い出したので、画像の白い部分を透明にするように内容を展開してアクションにしてみました。興味があれば使ってみてください。（2014.2.8 15:55更新） どういう処理ができるか画像の中の白い部分を透明にします。グラデーションなども半透明でキレイに抜けます。グレースケール画像に限っては、エッジのフリンジ（ギザギザ）もない状態でキレイに抽出が可能です。白黒のロゴや線画をすばやく透明化したときは、便利に使えるんじゃないかと思います。 ダウンロード以下からどうぞ。zip圧縮していますのでダウンロードしたあと解凍してください。今のところCS5、CS6、CCでの動作を確認しています。もしそれ以下のバージョンで欲しい方が
画像アセット用リネーム エクステンション「Asset Renamer」 CC 2018対応
Photoshop CCからレイヤーまたはレイヤーグループの名前にファイル形式の拡張子（.jpg/.png/.gif）を追加することで自動で画像アセットが生成され、ソースの PSD ファイルと同じサブフォルダーに保存されるようになりました。 このリネームの作業を効率化させるために今までAdobeが公式に提供している「Adobe Layer Namer」を使用していたのですがPhotoshop CC 2018にアップデートしたら使用できなくなってしまいました。 なので急遽「Asset Renamer」というエクステンションを作成したので配布させていただきます。 「Asset Renamer」のインストール方法について ダウンロードしたzipファイルを解凍します。 解凍されたフォルダ「AssetRenamer」を下記ディレクトリに移動します。 【Mac OS】 Library/Applicat
WordPressのローカル環境のためのGUIツール”Local by Flywheel”が便利 – Capital P – WordPressメディア
便利すぎて、正直びっくりした。 Local by Flywheel のウェブサイト WordCamp US へ参加した際にブースを出していたのを見かけていたのが “Local by Flywheel” というローカル環境を構築するためのツール（https://local.getflywheel.com/）。 MAMP (Pro) の UI が綺麗で速くて各サイトが分離されていて、機能がとても多い版というと分かりやすいでしょうか。また、WordPress の環境に特化しており、ワンクリックインストールやマルチサイト、SSL、Apache/Nginx の選択や切り替え、メールのデバッグツールや開発中のサイトの一時的な公開など、WordPressを使ってウェブサイトを作りましょう、となった場合に必要になりそうな機能を備えています。 で、無料です。 トップページに書かれているその機能は以下のように
今さら聞けない！XAMPPをインストールする方法【超初心者向け】現役エンジニアが解説
Webアプリケーションの開発環境「XAMPP（ザンプ）」をインストールする方法を、画像を13枚使って初心者向けに解説する記事です。インストール方法の他に、ApacheとMySQLの使い方もあわせて紹介します。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 プログラミング初心者にとって、開発環境の構築は最初難しいこともあると思います。 そこで、今回は開発環境のうち、使われることも多い「XAMPP（ザンプ）」をインストールする方法と、簡単な使
Browsersyncを利用してお手軽ブラウザ確認環境をつくろう - メドピア開発者ブログ
皆様はじめまして。メドピアエンジニアの中村です。 好きなブラウザは Vivaldi です。 本記事ではWeb開発効率化の為のひとつの手段として、Browsersyncの利用方法と幾つかの機能をご紹介します。 Browsersyncとは Browsersyncはファイル変更を監視し、自動でブラウザリロードを行ってくれるツールです。 Browsersync - Time-saving synchronised browser testing 同種のツールとしてLiveReloadが有名ですが、 ブラウザ側でExtentionや拡張が不要 複数ブラウザで操作の同期もできる その他の機能も豊富 などのメリットから、最近はBrowsersyncの方が人気のようです。 さっそくBrowsersyncを試してみよう まずはBrowsersyncをインストールしてみましょう。 nodeのパッケージマネージ
絶対つまずかないGulp入門。インストールからSassのコンパイルまで – ICS MEDIA
ウェブサイト制作には煩雑な処理を自動化する「タスクランナー」や「ビルドシステム」というツールがあります。この記事では、タスクランナー「Gulp.jsガルプ」の導入手順を解説します。 導入は簡単で、本記事の手順では5分程度でセットアップできます。Gulpはコマンドラインで使うのが一般的ですが苦手な人でも安心して学べるよう、ビデオでも解説します。 この記事で学べること イマドキのGulpの導入手順 Gulp 4に対応した書き方 Sassサスの導入手順 GulpやSassの導入や使い方にはいろんな方法がありますが、この記事では現場で使われている方法を紹介します。Gulpの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。本記事は最新版に対応させているので、安心して読み進めてください。 ※この記事では、Node.js v18とv19で動作検証をしています。 ※Sass
CSS Nite LP54「Coder's High 2017」（2017年11月4日開催）
すべてのフォローアップコンテンツが出揃いました。 公開ポリシー このページは、本イベントの参加者（およびフォローアップ参加者）限定のコンテンツです。 ただし、90日を目安に一般公開する予定です。 このページのID/パスワードの情報はツイートなどされないようにお願いします。 CSS Niteのコンテンツの再利用について ブログ 「こんなセミナーに行った」「ここが印象に残った」等、ブログなどで取り上げていただければ嬉しいです。 こちらのバナーはご自由にお使いください。Facebookにてイベントでの写真アルバムを公開しています。ブログ等に転用くださっても結構です。 次のブログで取り上げていただきました。ありがとうございます。 【イベント】CSSnite LP54 Corder’s highに参加しました | deep-space.blue 昨日CSS Nite LP54に行ってきた | man
【入門編】Node.JSとは|4つの特徴とおすすめ教材6選｜フリエン
Node.jsとは、UNIX系のプラットフォーム上で動作するサーバーサイドのJavaScriptです。ですが、従来のJavaScriptとはことなり、ウェブブラウザ内で実行されるのではなく、サーバーサイドで実行されます。今回は、この『Node.js』に焦点をおき、初心者向けになるべく簡単にご紹介していきます。 【目次】 ■Node.jsとは|4つの特徴と出来る事 ◆Node.jsの4つの特徴 ◆なぜJavaScriptでサーバーサイド開発を行うのか ◆Node.jsで開発できる5つのもの ◆Node.js上で動くフレームワーク5選 ■Node.jsのインストール方法 ■Node.jsで開発されたもの4選 ■Node.jsのおすすめ教材6選 ■Node.jsの需要と案件・求人例 ◆JavaScriptのため、入門しやすい ◆JavaScriptでサーバーサイド開発が出来る ■まとめ Node
レイヤーとレイヤーグループの作成
Photoshop ユーザーガイド Photoshop の概要 夢をカタチに Photoshop の新機能 初めての写真編集 ドキュメントの作成 Photoshop | よくある質問 Photoshop の必要システム構成 Photoshop とは Photoshop を最新の状態にする Photoshop とその他の Adobe 製品およびサービス Photoshop で Illustrator アートワークを作業する InDesign での Photoshop ファイルの操作 Photoshop 用 Substance 3D マテリアル Photoshop の Capture アプリ内拡張機能の使用 Photoshop iPad 版（中国本土ではご利用いただけません） Photoshop iPad 版 | よくある質問 ワークスペースについて システム要件 | Photoshop iP
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作を劇的に効率化するGulpとは？｜オンライン動画授業・講座のSchoo（スクー）