Урок №2. В этом уроке расскажу, как убрать тиснение со старой фотографии + оцветнение по уже обкатанной технологии. Урок содержит видео. В рамках проекта "Фотошоп без соплей". Photoshop уроки от Попова Виталия.
Вот такой результат получился у меня
Вот быстрый пересказ в формате видео
Существует несколько вариантов «как убрать тиснение (текстуру) с фотографии». Есть варианты с 180 градусном сканированием. Есть вариант, в котором используют только ручной метод (самый кропотливый). Сейчас я покажу один из вариантов, как быстро, качественно убрать тиснение со старой фотографии с сохранением полезной информацией.
Этот метод предполагает использование плагина-модуля FFT IFFT . Этот плагин специально для программы Photoshop , придумал Александр Чироков. Данный плагин основан на принципе преобразования Фурье.
2. Сайт Александра и скачивание самого плагина http://www.alexchirokov.narod.ru/archive.htm (что бы скачать, прокрутите вниз. 2D Fast Fourier Transform plugin for Adobe Photoshop).
Внимание! Некоторые версии этого плагина могут быть не загружены программой Photoshop. Поэтому сначало пробуйте первый вариант плагина
1. Extract files from archive into any folder (Извлеките два файла из архива плагина в любую папку).
2. Copy files FFT.8bf from FFT folder and IFFT.8bf from IFFT folder into your "Plugins" folder such as C:\...\Photoshop\Plugins (Скопируйте два файла (копировать-вставить) в папку с плагинами фотошопа).
Для систем х64 - c:\Program Files (x86)\Adobe\Adobe Photoshop CS5\Plug-ins\Filters\
Для всех остальных - c:\Program FilesAdobe\Adobe Photoshop CS5\Plug-ins\Filters\
3. Start you Adobe Photoshop as usually. Installed plugins FFT and IFFT should appear in your plugins list (Запустите фотошоп, дождитесь инициализации плагина в ваш Фильтр лист / Filter list).
1. Open any image for processing (откройте нужное изображение).
2. Increase color depth before processing if necessary.
Make sure your image have 16.7 million colors (24bit image) (Поставьте 8 битов на каждый канал. Следовательно, 8*3 = 24. Значит в фотошопе ставьте режим 8 бит/канал RGB
(это ВАЖНО!)
. В других режимах плагин будет не активный, не возможно нажать / серый цвет).
3. Select FFT, from menu (Выберите FFT из меню Фильтры).
4. Complex phase information is stored in HUE* channel while complex amplitude is stored in lightness channel (Теперь вся комплексная информация хранится в 3 каналах. Выберите нужный канал в палитре каналов фотошопа. Обычно информация о текстуре хранится в красном канале).
5. Split channel to HSL** (or HSV***) in order to access different channels separately (Нужный канал должен быть активным, выбранным, а все остальные неактивны).
6. Changes in any channel Red, Green, Blue (HUE-Phase, Lightness-Amplitude). Вносите изменения в каналы, согласно инструкции на этой странице.
7. When you are done with editing, make all channels visible in one image (Когда редактирование каналов закончено, выберите (сделайте видимыми) все каналы в палитре каналов фотошопа).
8. Select IFFT from menu (Переходите на палитру слоёв и выбирайте обратное преобразование, выбрав в меню Фильтр (Filter) IFFT).
* HUE - тон, насыщенность, яркость (hue, saturation, brightness)
** HSL - тон, насыщенность и светлота (hue, saturation, lightness)
*** HSV - тон, насыщенность, значение (hue, saturation, value)
Преобразование Фурье (символ ℱ) - операция, сопоставляющая одной функции вещественной переменной другую функцию вещественной переменной. Эта новая функция описывает коэффициенты («амплитуды») при разложении исходной функции на элементарные составляющие - гармонические колебания с разными частотами (подобно тому, как музыкальный аккорд может быть выражен в виде амплитуд нот, которые его составляют). По отношению к фотографии происходит следующее. Фотография преобразовывается на частотные составляющие. Отделяет крупные и мелкие повторяющиеся детали. Но всё строится только по одной формуле.
Плагин работает в режиме FFT и вывода IFFT (прямое и обратное преобразование ). Поэтому. В режиме FFT мы и будем убирать тиснение со старой фотографии . Кстати удалить можно и различные узоры и текстуры.
Итак, всё начинается со сканирование фотографии. Когда сканируете, лучше отключить все автокоррекции и профили цвета в настройках вашего сканера. Сканируйте фотографию в хорошем качестве . Но не стоит раздувать её, потому что это может затормозить работу компьютера.
Очень важно предварительно откадрировать фотографию и сделать небольшие БЕЛЫЕ поля. Если белые поля не сделать, то качественного удаления тиснения можно не получить. Эту особенность, я узнал с опытом использования плагина FFT.
Еще одна особенность – это обязательное включение плагина ТОЛЬКО в присутствие нижнего слоя с замком. Если замок будет снят, то плагин будет работать некорректно.
Важно! Перед фильтром FFT запрещена любая деформация, цветокоррекция, иная обработка, кроме описаных в этой статье. Это связанно с тем, что плагину необходима чёткая информация о тиснение. Обработкой вы её можете разрушить, следоватльено, убрать тиснение качественно не получится.
Обесцветить фотографию - Ctrl+Shift+U . Применяем плагин FFT во вкладке «Фильтр». Получаем зеленое изображение. Не волнуйтесь, всё в порядке.
Далее переходим на палитру каналов. Выбираем Красный канал (RED) и видим светлые точки на нашем изображение (иногда бывает на другом канале, но чаще на красном). Именно эти точки (бывают тонкие линии) и есть тиснение.
Теперь берем кисточку с РЕЗКИМИ КРАЯМИ и закрашиваем черным цветом все точки. Закрашиваем так, что бы черный цвет особо не заходил на серый фон, но и не стоит слишком педантично относится к этому. Сразу предупреждаю для особо умных (таких как я), проставить черные точки, на одной четвертинке изображения и скопировать на все остальные три, не получится . Они не симметричны. Все точки имеют разные координаты и разные формы, которые очень похожи на друг друга. Работы много, поэтому запасаемся временем, чаем, кофе и вперед.
После продолжительной работы, когда все светлые точки и линии закрашены, нажимаем на канал RGB (все каналы), что бы появилось изначальное зеленое изображение.
Отлично! Теперь нажимаем на обратное преобразование IFFT во вкладке «Фильтр».
Финальный результат меня полностью устраивает. Тиснение полностью удалилось без повреждения полезной информации и удалением ненужной. Есть виды текстур и тиснений, которые остаются после применения IFFT. Такие текстурки можно задавать фильтром для удалением мелких царапин, пыли.
Данный плагин переводит цветную фотографию в черно-белую. Работает корректно только с чб изображением , поэтому, если фотография цветная, то в конце просто поставьте режим наложения Яркость (Luminosity), предварительно выставив нижний слой оригинального цветного изображения. И фотография будет в цвете и без текстуры. Чудеса да и только.
Остаётся только выполнить ретушь и оцветнение, из черно-белой в цветную (желание клиента) фотографию.
Как я делаю ретушь и оцветнение, имеется видео на другом примере
Краткая инструкция по удалению тиснения с помощью на ложения в Photoshop.
Сканируйте фотографию вертикально, затем поверните ее на 180° и сканируйте еще раз (параметры строго одинаковые).
Кидаем в фотошоп два файла.
В фотошопе второй скан развернуть на 180° и при помощи инструмента Move Tool перетащить его на первый скан (файл).
Теперь оба скана находятся в одном файле и их необходимо точно совместить. Для этого удобно установить верхний слой в режиме наложения Difference (Разница) и подогнать его до тех пор, пока общее изображение не станет максимально темным.
Чтобы устранить тиснение (двойная экспозиция), установите прозрачность (Opacity) верхнего слоя 50% (эффект наложения должен быть при этом Нормальным Normal). Иногда лучше использовать режимы наложения Darken (Темнее) или Lighten (Светлее).
Если потребуется наложить друг на друга три или более сканов (например, сканирование было 4 раза с шагом 90 градусов), их прозрачность должна быть соответственно равной 33% (3 скана), 25% (4 скана), и т.д.
Такой метод часто нужно дорабатывать с помощью маски слоя.
What You"ll Be Creating
В этом уроке я покажу вам, как с помощью двух стилей слоя создать супер лёгкий, но весьма реалистичный выжженный текст на коже. Итак, давайте приступим!
Данный текстовый эффект был вдохновлён другими текстовыми эффектами , которые доступны на сайте GraphicRiver .
Следующие исходные материалы были использованы для создания данного урока:
Создайте новый документ в программе Photoshop со следующими размерами 1024 x 683px , а затем идём Файл - Поместить связанные (File > Place Linked), чтобы загрузить текстуру кожи.
Примените масштабирование, чтобы текстура подходила под размеры рабочего документа, а также постарайтесь растянуть текстуру так, чтобы тёмный нижний правый угол текстуры остался за краем рабочего холста.
Поставьте галочку в окошке Дополнительные параметры (Show More Options), а затем примените следующие значения для остальных настроек:
Щёлкните по значку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню, выберите опцию Градиент (Gradient).
Установите градиент от прозрачного к цвету переднего плана. Установите следующие цвета градиента: #eaeaea слева и #816f69 справа.
Поменяйте Стиль (Style) на Радиальный (Radial), Масштаб (Scale) на 350 , а также поставьте галочку в окошке Дизеринг (Dither).
Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Линейный затемнитель (Linear Burn).
Создайте текст, используя шрифт Big Top . Установите Размер (Size) шрифта на 200 pt , а значение Трекинга (Tracking) на -50 .
Уменьшите значение Заливки (Fill) для слоя с текстом до 0 .
Продублируйте слой с текстом.
Дважды щёлкните по оригинальному слою с текстом, чтобы применить следующие стили слоя:
Добавьте стиль слоя Тиснение
Добавьте стиль слоя Контур
Добавьте стиль слоя Текстура (Texture) со следующими настройками:
Добавьте стиль слоя Наложение цвета (Color Overlay) со следующими настройками:
Добавьте стиль слоя Тень
Щёлкните по вкладке Параметры наложения (Blending Options) в верхней части окна настроек Стилей слоя (Layer Style).
В нижней части параметра Наложение, если (Blend If), сместите белый бегунок Подлежащего слоя (Underlying Layer) влево.
Обратите внимание, как это влияет на заливку текста, и вы увидите, как начнут проявляться яркие участки.
Теперь удерживая клавишу ‘Alt ’, потяните за бегунок, чтобы разделить его на две части. Смещая каждую половинку бегунка, создайте плавный переход.
Поиграйте с бегунками, пока вас не устроит результат.
В основном, это поможет защитить световые блики текстуры от воздействия стилей слоя, которые вы применили.
Дважды щёлкните по дубликату слоя с текстом, чтобы применить следующие стили слоя:
Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки:
Добавьте стиль слоя Контур (Contour) со следующими настройками:
Добавьте стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Щёлкните по значку ‘ + ‘ справа от вкладки Внутренняя тень (Inner Shadow), чтобы добавить ещё один стиль слоя Внутренняя тень (Inner Shadow) со следующими настройками:
Добавьте стиль слоя Внешнее свечение (Outer Glow) со следующими настройками:
Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
Добавьте ещё один стиль слоя Тень (Drop Shadow) со следующими настройками:
Вы можете увидеть итоговый результат на скриншоте ниже.
В этом уроке мы создали простой задний фон, используя текстуру, а также слой с заливкой градиента.
Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.
Уверен, что красивый набор иконок пригодится всегда. Значки и иконки, при правильном их использовании, являются очень ценным инструментом для дизайнера. Они притягивают наше внимание или обращают внимание на какую-либо вещь. У многих пользователей сайтов функционал запоминается исключительно визуально т.е. с помощью картинок.
Эта коллекция иконок выпущена в помощь дизайнеру. Коллекция абсолютно бесплатна. Пожалуйста, прочитайте лицензионное соглашение перед использованием значков — лицензия может время от времени меняться. Значки также могут оказаться полезными для корпоративных проектов, блогов, интернет-журналов, дневников, интернет-приложений. Пожалуйста, не стесняйтесь предлагать свои наборы иконок в комментариях к данному посту.
Chalkwork HTML является бесплатным набором HTML-тематические иконки. Они прекрасно сочетаются со всей семьей иконок Chalkwork. Эти иконки Вы можете устанавливать абсолютно бесплатно для личных и коммерческих целей. Комплект доступен в 3 размерах и 6 форматов: прозрачный PNG, TIF, GIF, BMP, ICO Windows и Mac ICNS.
Иконы рука указатель.
Бесплатные иконы, которые включают 36 рук-указателей, 6 различных типов с 6 цветовыми вариантами. Также имеется исходник.psd формата.
452 иконки свободно доступных для частных и коммерческих целей.
Базовая комплектация.
42 высококачественные иконки в 64 × 64, 32 × 32 × 16 и 16 размеров. Mac OS, Win and .PNG-formats. Mac OS, Win и. PNG-формате.
Эта бесплатный пакет икон предназначен для использования в личных и коммерческих проектов, и должен быть использован без присвоения. Комплект не может быть перераспределен. Комплект включает в себя 26 стильных икон разработанных Midtone Design Studio. Каждая икона является.PNG 48 × 48px. Значки были созданны дизайнером Jonatan Кастро Фернандес.
Комплект Файл статус иконки включает 16 икон, которые могут быть использованы для веб-приложений.
Danish Royalty Free.
Дизайн: Jonas Rask.
Иконы Onebit Set.
80 красивых иконок в резолюции 48 × 48px,. PNG.
Скачать также часть1.
On Stage Icons Set.
Набор содержит 49 свободных векторных иконок, в том числе PSD, которые могут быть полезны для корпоративных и личных проектов. Вы можете использовать набор бесплатно, без каких-либо ограничений. Иконки доступны в формате PNG в резолюции 128 × 128 пикселей. Также включены иконки формата.PSD.
Этот набор содержит 9 браузеров иконок в 64 × 64, 32 и 32 × 16 × 16 пикселей. Включает в себя основные браузеры, как Mozilla Firefox, Internet Explorer, Opera, Google, Chromeи многие другие.
Milky Icons Set.
Набор содержит 131 икону в большинстве своем зеленого цвета, что имеет очень приятный внешний вид для темного фона.
Марк Джеймс (FamFamFam) создал большой набор 1022-гладкую шелковистого цвета 16 × 16 иконы в формате PNG.
В четвертой части «кокеток» добавлено еще 50 икон. Основное назначение этих икон – это добавить любовь и игривость Вашим проектам. Иконки следующих размеров: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px и 128 × 128px и 32-битной прозрачности PNG формата файла.
В 5 части «кокетка» содержится 50 высококачественных иконок. Размеры: 16 × 16px, 32 × 32px, 48 × 48px, 64 × 64px и 128 × 128px и 32-битной прозрачности PNG формата файла.
Chalkwork платежи доступна в 3 размерах и 6 форматов: прозрачный PNG, TIF, GIF, BMP, ICO Windows и Mac ICNS.
Значки бесплатны для личного использования, а также бесплатны для коммерческого использования, но и дизайнеры требуют ссылок на веб-сайте. The archive contains the icons in all sizes, Windows, Mac and PNG formats. Архив содержит значки всех размеров, Windows, Mac и PNG форматах.
23 значка кредитные карточки бесплатно для свободного скачивания.
Комплект свежих икон.
Этот набор содержит 59 растровых и векторных иконок. В комплект входят иконки в PNG, ICO и ICNS форматов. В EPS векторный файл доступен также.
Набор бесплатных мультимедийных векторных иконок различных цветов и стилей.
Fortune 500 бэджи.
Свыше 200 иконок известных брендов, PSD включены.
Комплект из 50 пассажирских и пешеходных символы, разработанные AIGA теперь доступна в Интернете бесплатно. Есть EPS и GIF формат.
Аудио иконы.
Небольшой набор из 48 × 48px иконы: M-Box, на M-Audio Axiom 25 Midi-клавиатура и монитор TAPCO S5 колонок. Эти иконы являются бесплатными для личного использования. Имеются в.ICNS, .PNG.
Социальные медиа мини упаковка иконок.
Этот набор состоит из 30 (16 × 16) тонко разработанных социальных медиа мини иконок. Они могут свободно использоваться в некоммерческих целях.
Социальные иконки в виде облаков. Формат.PNG.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Набор содержит 16 социальных икон (прозрачной) PNG формата.
Эти иконки содержат Facebook, Blinklist, Feedburner, Flickr, FriendFeed, Furl, Gmail, Google, Heart icon, Last FM, Linked IN, Magnolia, Newsvine, PayPal, Skype, Sphinn, Twitter, Vimeo, Yahoo and You Tube icons. Все иконы в четырех размерах: 16 × 16, 32 × 32, 64 и 64 × 12 × 128px. И все они являются свободными.
Каждая иконка в формате. JPG и поставляется в двух размерах: 48 × 48px и 96 × 96px. Каждая иконка темносерая на белом фоне.
YouTube, Delicious, RSS, Twitter, Facebook, Flickr, Digg, StumbleUpon, mySpace, Feedburner, Skype, Yahoo, Last.fm, Linkin, Reddit and Gmail.
Dead-Простые Социальный медиа Иконы | Мастер Fidgeter.
Просто, чисто и красиво. 16 × 16px мини-социальных икон.
28 иконок в формате PNG (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16), ICO (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16) и ICNS (256 × 256, 128 × 128, 48 × 48, 32 × 32, 16 × 16).
В этот набор входят иконки для Blip.fm, Digg, Facebook, Firefox, Flickr, Meneame, Myspace, Technorati, Twitter, Vimeo, WordPress, Youtube, LastFM, RSS, Blogger, GMail, Reddit and StumbleUpon. Иконки доступны в размерах 24 × 24, 32 × 32, 48 и 48 × 64 × 64. Выпущен под лицензией Creative Commons.
Циркуляр социальные иконы.
ZIP-файл включает в себя 3 размера на 17 иконок: 128 × 128px, 64 × 64px и 32 × 32px. There is an icon for the following: Blogger, Delicious, DesignFloat, Digg, Facebook, Flickr, Google, a heart icon that will work for anything (such as bookmark), MySpace, Reddit, an RSS icon, StumbleUpon, Technorati, Twitter, WordPress, Yahoo! Дизайн Eli Burfordиз Австралии.
Стиль почты.
Коллекция иконок мешочков была разработана Paul Kadysz. Она содержит 5 высококачественных иконок. На этот раз у нас есть 3 различных форматах (. ICO,. Icns и. PNG) и 6 размеров! 512px-16px (except .png). 512px-16px (кроме. PNG). Вот как набор выглядит.
350 бесплатных красивых иконок на рабочем столе, также могут быть использованы online. Дизайн мастер David Lanham.
30 бесплатных иконок, которые имеют размер: 256 × 256, 128 × 128, 64 × 64, 48 × 48, 32 × 32, 24 × 24, 16 × 16 пикселей и форматах PNG, ICO и icns.
Проекты иконок для бесплатного скачивания.
Набор содержит 18 красивых значков, связанных с управлением проектами. Набор включает в себя иконы адрес карты, гистограммы, календарь, часы и времени, конференц-устройство, контакты, документы, проекты, поиск, карта сайта и т.д. Абсолютно бесплатно. Использование для любых целей.
Полезный набор векторных икон (256 × 256 пикселей). Он содержит книги, кисти, пастель, клип, цветные карандаши, документ, ластик, блокнот, палитра, ножницы.
29.04.16 24.1KИконки PSD – незаменимый элемент любого дизайна UI , не уступающий по важности даже шрифтам, однако на практике редко кто занимается разработкой собственных иконок для каждого веб-проекта. С другой стороны, на поиск подходящих по качеству и оформлению иконок также уходит немало времени, но сегодня мы решили помочь вам, и подготовили подборку бесплатных наборов иконок на все случаи жизни.