Архив категории: ‘Дизайн/графика’

Photoshop: делаем темные фото светлее

Tuesday, 13 Nov 07 в 2:26

Photoshop: делаем темные фото светлееПредисловие. Осень в Киеве в этом году выдалась достаточно мягкой – не было никаких затяжных дождей, температура дважды поднималась и некоторое время стабильно держалась на отметке более 15ти градусов. В общем, было не сильно тепло, но в то же время весьма комфортно. Но продолжалось это, увы, всего два месяца. С первых чисел Ноября осень предстала в совсем другом обличии. Если бы мне лично не пришлось ощутить все это на себе, никогда бы не поверил, что за одни выходные все вокруг может настолько преобразиться – холодный пронизывающий ветер, порой дополненный неприятным дождем, вызывали только негативные ассоциации. Подняв ворот куртки повыше, шагал как можно быстрее к месту своего назначения и почему-то на ум приходили только негативные мысли и слова. Красивые силуэты красно-желтых крон деревьев сменились голыми ветками, асфальт был просто усыпан опавшими листьями. Все вокруг явно дает понять, что дальше предстоят только холода.
(PS. Я тогда еще не знал, что ожидает наш славный город ближе к 10-тому числу)

Суть. От лирического отступления переходим к делу. Недавно сфоткал на мобильный всю эту «красоту» преобразившейся природы. Но, сбросив фотки на комп, слегка ужаснулся. Дело не в качестве, которое там явно хромает, а в том, что из-за недостаточного количества освещения снимки получились очень темные. Я не специалист в Photoshop, знаю продукт весьма поверхностно, поэтому решил заняться изучением данного вопроса. Возможно, мне или кому-то еще в будущем пригодиться.

Что же я почерпнул в процессе свого обучения. Разделим все это на несколько этапов. Если говорить в общих чертах, то, в принципе, процесс коррекции выполняется «на глаз», то есть доступно несколько настроек, с помощью которых можно тем или иным образом повлиять на изображение.

Решения. Внимание, сами фотографии, приведены мною далее являются достаточно посредственно качества, посему прошу не судить строго. Это лишь пример, который не меняет сути рассматриваемого вопроса. Для обработки темных фотографий можно использовать следующие общие настройки. Все они находятся в главном меню Image – Adjustments - …

1. Яркость/Контраст (Brightness/Contrast). Выбираем на ваш взгляд оптимальный вариант значений, например:

Яркость/Контраст (Brightness/Contrast)И получаем результат:

Яркость/Контраст (Brightness/Contrast)

2. Тень/Свет (Shadow/Highlight). Насколько я понял, инструмент хорошо подходит для обработки фотографий с темными силуэтами на ярком фоне – портрет например, какой-то. В настройках ползунки Shadows будут влиять только на затемненные участки изображения, а ползунки Highlights на осветленные.

Тень/Свет (Shadow/Highlight)При выборе данного типа обработки система изначально самостоятельно установит стандартные настройки. Немного лучшего эффекта можно добиться поэкспериментировав с ними самостоятельно. При клике возле галочки Show More Options в левом нижнем углу получим доступ к дополнительным опциями. Если вам не все понятно по этому варианту, то здесь можно посмотреть немного более развернутый урок с наглядным примером.

3. Уровни (Levels). На первый взгляд наиболее продвинутая опция, с еще большим количеством преднастроек. Мне помогли изменения ползунков, изображенные на рисунке:

Уровни (Levels)В результате получаем нечто вроде:

Уровни (Levels)Вообще никто не запрещает использовать все эти возможности вместе, чуток подправили там, потом здесь. Правда, это доступно больше для профи, я думаю.

4. Пошаговые примеры. Нашел еще 2 варианта примеров осветления изображения:
Первый – комбинированное использование уровней и некоторых других инструментов.
Второй - работа с темной фотографией в Adobe Photoshop с использованием плагинов AKVIS Enhancer и AKVIS Noise Buster.

5. Наложение слоев в режиме Screen.
Достаточно оригинальный метод можно найти здесь. Алгоритм его заключается в следующем:
а) Создаем копию слоя фотографии.
б) Меняем режим наложения получившегося слоя на Screen.

Наложение слоев в режиме Screenв) Повторяем данные действия до тех пор, пока не получим нужный результат.
г) Для последнего слоя можем слегка уменьшить прозрачность (в примере до 30%).

Вот что получилось в итоге:

Наложение слоев в режиме Screen6. Использование плагина. И последний вариант осветления фотографии в Photoshop это использование плагина Kodak Eastman Digital Sho Pro v2.0.0. Скачать его можно здесь и здесь (UA-ix) (для версий ОС XP и NT2000) ~ 5,38mb. В архиве есть crack.

Чтобы воспользоваться плагином нужно:
1. Скачать и разархивировать.
2. Выбрать нужную версию и запустить установочный exe-шник.
3. Заменить файл файл плагина, который может предположительно находиться в директории Program Files/Adobe/Adobe Photoshop CS2/Plug-Ins/Filters на файл, что содержится в папке crack.
4. Запустить Photoshop и открыть нужное для обработки изображение.
5. В меню Filter – Kodak выбираем только что установленный плагин.
6. В открывшемся окне в самом верхнем правом углу есть кнопочка для регистрации. Нажимаем и вводим любой пароль (я вводил 12345), после чего можем пользоваться данным инструментом совершенно свободно.
7. После запуска плагина он по умолчанию установит настройки для осветления фотографии, которые вы можете подправить вручную.
8. Нажимаем OK и получаем готовую картинку.

Лично мне больше всего понравились первые 3 пункта. Собственно с их помощью я наиболее легко и быстро сделал нужные мне преобразования. Конечно, приведенные примеры в силу их плохо качества не могут служить явным доказательством и, возможно, наиболее требовательным пользователям результат не подойдет. Именно поэтому я рассмотрел дополнительные варианты решения проблемы. Выбирайте на свой вкус.
Не забываем подписываться на RSS

.

Дизайнерский пост: градиенты и стили для Photoshop, интересные сайты

Friday, 19 Oct 07 в 3:41

Наткнувшись в одном дизайнерском блоге на набор из 130 вебдванольных градиентов для Illustrator, вспомнил, что тоже хотел запостить у себя нечто подобное. Только не для Illustrator, а для Photoshop, так как последний я хоть чуть-чуть знаю (где какие кнопки и все такое). Но сначала еще пару слов о вышеупомянутом блоге. «Подсел» на него достаточно давно потому что проект очень стильный, информативный и актуальный. Автор размещает всякие инструменты для дизайнера, например, иконки, кисточки, логотипы, шаблоны, вектор, стили и многое другое. Можно встретить советы, уроки и множество другой полезной информации. Очень приятно, что владелец ресурса уважает понятие копирайта, если можно так выразиться, и размещает ссылки на оригинальные ресурсы. Отдельный ему за это респект. Не подумайте, что опять пишу рекламный пост:) Просто действительно хороший сайт, грех не упомянуть.

Так вот о градиентах и стилях для фотошоп. Смотрю на картинки-иллюстрации к этим двум темам и думаю – «а какая между ними разница вообще?»

Photoshop: градиенты и стили (styles)Поискал немного в инете, посмотрел один видео-урок и до меня дошло, что градиент это лишь вид заливки, который позволяет сделать переход из одного цвета в другой. Стиль же – набор разных эффектов типа тени, свечения, контура и, конечно же, самого градиента. Вот так вот.
Теперь, собственно, ссылки на то, где бесплатно можно скачать стили (styles) для Photoshop и градиенты (Gradients, 130 шт.) все для того же Photoshop.
Недавно, кстати, на одно шароварном ресурсе нашел файлик с шестью тысячами вариантов градиентов! Залил на бесплатный файловый архив сюда. Для успокоения совести скажу, что взял информацию здесь, хотя сомневаюсь, что авторы подборку сами делали.
Еще больше «улыбает» на таких сайтах отображения логотипа на всех фотках (watermark).

Кстати, установить дополнительные стили или градиент достаточно вовсе не сложно. Для этого нужно зайти в меню Edit, найти и выбрать пункт Preset Manager (ближе к концу перечня). Появится окошко вроде этого:

Photoshop - установка дополнительных стилей и градиентовЗдесь, в выпадающем списке, вы можете выбрать какие именно элементы хотите загрузить, например, кисти (brushes), градиенты (gradients), стили (styles) и т.д. После выбора появится перечень уже существующих элементов. Чтобы загрузить новые нужно нажать кнопочку Load. После завершения жмем Done. Теперь можете использовать загруженные супер классные градиенты и стили.

Если вы ничего не поняли и являетесь абсолютнейшим новичком, то вам может помочь следующее видео, свободно гуляющее по Интернету (на русском). Весит около 3,7 мб, не пугайтесь, что файл exe.

Еще по поводу копирайтов. Я, в принципе, постоянно для своих постов использую разные картинки, взятые из сети. Некоторые модифицирую, добавляю текст, экспериментирую, но в любом случае не рисую с нуля. Благо есть такая штука, как Google и поиск по картинкам. Так вот, хочу официально заявить, если кто-то из настоящих авторов пожелает добавить свой копирайт на фотку – милости прошу в комментарии, исправим. Дабы восторжествовала справедливость. Хотя, с другой, стороны мне кажется это все не сильно принципиально, поскольку авторство я себе не присваиваю, то есть не выдаю материалы за свои собственные и не дай бог пытаюсь их продать. Так просто, чтобы красиво было.

Кто сильно переживает насчет этого, могу посоветовать подборку из 100 сайтов с бесплатными фотографиями. Можете использовать со спокойной совестью. Только жаль выбор там весьма скромный, а найти что-то и вовсе проблематично. Разве что методом перебора:) Но, тем не менее, кому интересно можете взглянуть на фотки.

Еще почитать:
Создание Flash анимации, баннера. Разбираем Flash Banner Creator
Создание gif анимации, баннеров

А еще можно подписаться на RSS фид блога.

Создание Flash анимации, баннера. Разбираем Flash Banner Creator

Wednesday, 03 Oct 07 в 0:35

Создание Flash анимацииНедавно мне пришлось столкнуться с задачей создания flash-ролика на сайт. Он должен был быть абсолютно примитивным – смена нескольких картинок с определенным эффектом. Возможно, это реально выполнить и с помощью gif анимации, созданием которой я уже интересовался на минимально-базовом уровне. Но не хотелось тратить на это много времени, вникать в какой-то сложный пакет от Marcomedia или копаться в тонкостях gif анимации, а найти простую программку для создания элементарных flash-роликов.

Остановил выбор на программе Flash Banner Creator. Во-первых, она максимально проста в использовании, во-вторых, обладает достаточным функционалом, и, наконец, в-третьих, полностью подходит для выполнения задачи создания простой (а может и не очень простой) flash анимации. Итак, рассмотрим процесс создания примитивного ролика.

Окно программы разбито как бы на 3 основных раздела, представляющие, по сути, шаги при создании «флэшки»: 1. загрузка фотографии, 2. выбор «темы» и 3. непосредственно создание анимации.

Выбираем пункт Photo. Нам необходимо найти или создать несколько изображений, которые будут использоваться в будущем ролике. Чтобы загрузить их в программу можно воспользоваться специально кнопкой Add либо просто «перетащить» в окно программы. Изображения можно менять местами, удалять, поворачивать.

Flash Banner CreatorОтдельно следует заметить кнопочку Edit, которая становится активной при выборе фотографии. Нажатие на нее вызывает всплывающее окно с настройками для той или иной фотки. Дело в том, что по умолчанию в поле URL прописывается ссылка на официальный сайт, и при клике на flash-ролик пользователь будет направлен туда. В общем, ссылку желательно убрать. Насколько я понял, в демо версии программы идет какая-то проверка по этим ссылкам, то есть для нормальной работу нужен кряк.
В этих же свойствах можно добавить текст и элемент КлипАрта на изображение (см. закладки Text и ArtClip). Немаловажными пунктами в окне настроек есть Transition Effect, где выбирается тип преобразования для данного кадра, и Transition Duration с Show Duration – время преобразования (действия эффекта) и просто отображения картинки. Здесь можно выставить как конкретные значения, так и выбрать опцию «по-умолчанию» (default).

Flash Banner CreatorВо второй закладке Theme мы задаем способ отображения flash анимации. Здесь можно выбрать множество видов отображения – начиная показом только фотографий и заканчивая целыми фотоальбомами на flash! Выбор действительно потрясающий.
На этой странице помимо выбора «темы», мы должны задать еще несколько параметров для нашей флэшки.

Создание Flash анимации, баннераЭто название альбома (Album title) ширину и высоту изображения (width, height), цвет фона (Background color), частоту кадров (Frame rate), а также время преобразования и отображения отдельной фотографии. Судя по всему, если вы для картинок на предыдущем этапе установили знания default, то временные значения будут браться из этих настроек. В этой же части окна есть кнопочка с дополнительными опциями – «More Options». Открываем и видим еще один «подарочек» от разработчиков:

Создание Flash анимации, баннераСамым первым полем идет ссылка для всех картинок флэшки. Не забудьте ее убрать либо настроить, так как вам нужно. Дальше можно выбрать параметр для ссылки - открываться в отдельном окне либо в том же, а также указать еще несколько опций для flash-ролика.

Возвращаемся в закладку Theme. В центральном блоке этого окна кроме выбора темы есть выпадающее меню Decorate the photo with. Здесь можно выбрать определенные эффекты для изображений, например, падающие листья или снежинки.
В самом низу данного раздела «Темы» есть возможность добавить музыки в ваш ролик, достаточно загрузить файл с помощью кнопочки Add.

После всех сложных (и не очень) настроек переходим к последней закладке – Publish. Здесь все предельно просто – можно сохранить только что созданный ролик в Flash формате (при этом создается еще файл *.html для просмотра) либо записать ролик-презентацию на диск! Последняя опция достаточно интересная, так как в темах есть несколько вариантов с достойными фотоальбомами – весьма неплохая комбинация стильного оформления любимых фоток с музыкальным сопровождением. К сожалению, разбираться с этим всем не было времени, но на первый взгляд там все должно быть просто.

Итак, чтобы создать вашу Flash анимацию достаточно нажать Publish now. После чего программа сразу предложит ее просмотреть. Очень удобно:)
Радует, что для внесения каких-то изменений или исправлений достаточно перейти на один из предыдущих пунктов и сделать эти правки несколькими кликами мышки, не нужно рыться в слоях, многочисленных настройках и опциях. Сделали изменения – вернулись и снова нажали «Publish now» - удобно и быстро. И для всего этого абсолютно не обязательно знать тонкости и особенности Flash.

Скачать программу (+crack) можно здесь (~6,35 Мб).

Внимание! Я рассчитываю на вашу сознательность и совесть, посему предполагаю, что вы будете использовать данную ссылку только в ознакомительных целях. А если вам действительно понравиться программа, то купите ее на официальном сайте. Ее стоимость всего лишь $29.95 (не реклама).
Подписаться на RSS блога можно здесь.

Страница 3 из 4«1234»