?

Log in

denisleonov [entries|archive|friends|userinfo]
denisleonov

[ website | moyzhurnal.ru ]
[ userinfo | livejournal userinfo ]
[ archive | journal archive ]

Урок по пакетной обработке фотографий для публикации в интернете [апр. 5, 2013|03:05 am]
denisleonov

Привет, друзья.
Хочу поделиться своим способом подготавливать фотографии для публикации в интернете на примере программы Photoshop CS3.
Обратите внимание! Этот урок подразумевает хотя бы минимальное знание интерфейса Photoshop. Итак, приступим!

Для начала, желательно создать копию папки с исходными фотографиями. Обычно, я ее называю WEB.

Этап I: подготовка картинки с копирайтом

Для водяного знака, наносимого на фотографии, можно использовать какую угодно картинку. Будь то логотип компании, либо текст на полупрозрачном фоне.

Создаем в Photoshop новый файл любого размера, с прозрачным фоном и разрешением 240  dpi (pixels/inch). Затем, по в любом месте рабочей области рисуем, пишем, вставляем ту графику, которая будет использоваться в качестве водяного знака. Главное — не переусердствовать, а то для фотографии места не останется. Когда файл нарисовали, обрезаем все лишнее: Image > Trim, и выбираем: Transparent Pixels + все галочки в блоке Trim Away.



Ну вот, теперь у нас только то, что мы нарисовали, без лишних полей:

Теперь исходник сохраняем в формате .psd, чтобы водяной знак можно было подредактировать при необходимости, склеиваем все слои, но так, чтобы фон остался прозрачным: Layer > Merge Visible и сохраняем на диск еще один файл в формате .psd, его мы и будем использовать в качестве водяного знака.

Этап II: подготовка макроса (экшена)

Операция по созданию макроса делает один раз. Учтите, что после полной подготовки макроса, желательно перезапустить Photoshop  чтобы сохранить настройки, т.к. если он вдруг зависнет, макрос потеряете.

Копируем куда-нибудь любую фотографию, чтобы не жалко было ее затереть.

Открываем эту фотографию в Photoshop.

Открываем окошко Actions (Window > Actions) и создаем новый макрос. Вводим название макроса, при желании задаем клавишу (Function Key), при нажатии которой будет выполняться макрос. Нажимаем Record, с этого момента начинается запись всех ваших действий.
Не делайте никаких действий, не относящихся к нашиму макросу, т.к. теперь все действия записываются. При необходимости, можно нажать кнопку Stop, а затем продолжить запись.


начинаем запись нового макроса

1) Сначала нам нужно  привести разрешение обрабатываемой фотографии к разрешению картинки с копирайтом. Для это выбираем: Image > Image Size, в этом окошке отжимаем галочку Resample Image, для того, чтобы при изменении разрешения не поменялся фактический размер фотографии, и меняем разрешение на 240 dpi (pixels/inch).
Нажимаем OK, первый шаг у нас записался. Это очень важный шаг, если этого не сделать, то размер копирайта на разных фотографиях может изменяться.

2) Меняем цветовой профиль на пригодный для публикации в вебе: Edit > Convert to Prifile и, независимо от текущего профиля, в Destination Space выбираем sRBG IEC61966-2.1.

3) Меняем размер фотографии: Automate > Fit Image и в оба поля вводим одинаковое значение — размер фотографии по большей стороне. У нас, последнее время, это значение — 1000 пикселей.

4) После изменения размера фотографии, неплохо бы вернуть ей потерянную резкость: Filter > Sharpen > Smart Sharpen. Выбираем режим Basic, Amoun: 100%, Radius: 0.3 pixels, Remove: Gaussian Blur.

Конечно, этот этап можно и пропустить или прибавить резкости другим способом, тут на вкус и цвет.

5) Теперь вставляем водяной знак, тот самый значок копирайта, который мы создали на первом этапе: File > Place. Выбираем файл с копирайтом, его содержимое будет помещено посередине фотографии, нажимаем Enter.

6) Выделяем всю фотографию: Select > All.

7) Для размещения значка в нижний правый угол выбираем: Layer > Align Layer to Selection > Bottom Edges, затем там же: Right Edges. Вы можете выбрать другие положения.

8) Склеиваем все слои: Layer > Flatten Image.

9) Убираем выделение: Select > Deselect.

10) Сохраняем файл: File > Save, мы обычно выбираем Quality: 10.
К сожалению, Save for Web в данном случае не подходит, т.к. фотографии каждый раз будут сохраняться в папку, указанную при записи макроса.

11) Закрываем фотографию.

Все шаги записаны, нажимаем кнопку Stop на панели Action.

Если все сделано правильно, у вас получится примерно такой макрос:
Должно получиться примерно так


После тестового запуска макроса, получаем уменьшенную и резкую фотографию с копирайтом:
Результат работы макроса

Этап III: обработка всех фотографий в папке

Теперь нам надо подготовить к публикации в интернете целую папку с фотографиями.

Для этого идем: File > Automate > Batch.

Окно для запуска пакетной обработки


Выбираем созданный нами макрос, источник указываем Folder, выбираем обрабатываемую папку. Снимаем все галочки. Если нужно обработать все подпапки, можно включить Include All Subfolders.

Выбираем Destination: Save and Close. Ставим галочку Override Action "Save as" Commands, чтобы перехватить записанное нами действие Save As и сохранить обработанную фотографию в папку, указанную в этом окошке.

Нажимаем ОК и процесс пошел. Теперь ждем, когда все фотографии будут обработаны.

Если все сделано правильно, вы останетесь довольны результатом!

З.Ы. никогда не указывайте для обработки папку с исходными фотографиями! Не забывайте создавать копию!

СсылкаОставить комментарий

Представляем новую версию нашего сайта [мар. 21, 2013|03:34 am]
denisleonov
[Tags|, , , ]

http://moyzhurnal.ru

Дорогие друзья! Представляем новую версию нашего сайта. Теперь он доступен по адресу: http://moyzhurnal.ru/.

После утраты прошлой версии, сайт пришлось создавать практически «с нуля». Мы постарались сделать его максимально простым и удобным для комфортного просмотра наших фотоальбомов.

Еще имеются недоработки и ошибки, но мы их оперативно исправляем. От предыдущего сайта, запущенного еще в 2004 году, осталась только база данных, поэтому, в старых галереях все еще можно встретить повторяющиеся подписи и фотографии маленького размера. Постепенно все они будут обновлены.

Вместе с новым сайтом представляем и новые альбомы. Для них мы придумали раздел «Что-то новенькое».

Чтобы первыми узнавать о новых альбомах, подписывайтесь на нашу страничку в Facebook: http://www.facebook.com/moyzhurnal.

Приятного просмотра!
Денис и Татьяна Леоновы
СсылкаОставить комментарий

Конец света с сосиской в руке [дек. 23, 2012|05:11 pm]
denisleonov
[Tags|, , , , , , ]


Конец света так и не наступил, зато провели время в компании приятных людей. 

Спасибо за прекрасный вечер всем работникам радиостанции «Серебряный Дождь» и лично Мише Козыреву и Фёкле Толстой, группе Pompeya, игравшей волшебную музыку на двадцатиградусном морозе, и конечно, компании «Дымов» за сосиски!

Пока ведется работа над новым сайтом, репортаж можно посмотреть на моей страничке в Facebook.
СсылкаОставить комментарий

Сто лет не писал в ЖЖ [окт. 28, 2012|03:46 am]
denisleonov
[Tags|]

Все в Фейсбуке всякую фигню перепостиваю и лайкаю. )))
Думал, что и учетную запись ЖЖ уже удалили, оказалось жива еще. ))
Кстати, если какие-либо фотки или ссылки на мой сайт не открываются, странного в этом ничего нет — ведь сайта тоже нет, уж года полтора как. ))))))
СсылкаОставить комментарий

Обращение к Президенту РФ — Дмитрию Медведеву [дек. 11, 2011|11:28 pm]
denisleonov
[Tags|]

Дмитрий Анатольевич чем же вам так не понравился лозунг «За честные выборы»?

Вообще, еще совсем недавно, мне очень хотелось верить, что вы, Дмитрий Анатольевич, способны стать настоящим президентом и немного волшебником и сделаете чудо — уволите за утрату доверия Владимира Владимировича, выпустите Ходорковского, станете прислушиваться к народу, чьи деньги распиливают ваши жулики и воры.
Но чуда не произошло, и трон пришлось вернуть царю. Поигрались и хватит.

А теперь еще вы не хотите признать, что Чуров никакой не волшебник, а самый обычный ворюга, да еще и заявляете: «я не согласен ни с лозунгами, ни с заявлениями, прозвучавшими на митингах»... Как то это все не по-мужски.

Придется, Дмитрий Анатольевич, мне вас тоже разочаровать: ваши фотки — унылое говно!
СсылкаОставить комментарий

Привет из каменного века [ноя. 14, 2011|09:43 am]
denisleonov
[Tags|, ]

Браузер Internet Explorer 6 — головная боль веб-разработчика. Пользователи, для которых этот браузер является основным, как правило, просто не подозревают, что это и их головная боль тоже и что просмотр сайтов может быть гораздо удобнее и безопаснее.

Почему не стоит пользоваться старым браузером?

  • Это небезопасно. В старых браузерах, особенно производства компании Microsoft, много «дыр», через которые на компьютер пользователя могут проникнуть вирусы.
  • Это неудобно. Что можно сказать о браузере, в котором даже нет закладок, а каждый сайт открывается в новом окне?
  • Это несовременно. Браузер IE6 был создан десять (!) лет назад, в 2001 году. По компьютерных меркам это огромный срок. Интернет-технологии шагнули далеко вперед, и в старом браузере многие современные сайты отображаются неправильно и с ошибками.

От поддержки старых браузеров отказываются многие крупные компании, такие как Google, Microsoft, Youtube, ВКонтакте (см., например, здесь). С 2011 года большинство разработчиков отказались от поддержки IE6, IE7, Firefox версии ниже 3.6, Opera 10, Safari 3.

Сама компания Microsoft, разработчик IE6, неоднократно призывала обновить его на браузер восьмой версии или выше. Седьмая версия Internet Explorer также является устаревшей, к тому же она была переходной, содержала очень много ошибок и не поддерживала официальную спецификацию W3C. Вместо улучшения браузера IE7 компания Microsoft выпустила IE8.

Поскольку браузер Internet Explorer установлен в Windows по умолчанию и не обновляется автоматически, многие пользователи либо не знают, что его надо обновить, либо не умеют это делать и годами пользуются старой версией. При этом, например, браузер Google Chrome обновляется автоматически: третья версия, установленная на компьютер родителей три года назад, к настоящему времени стала пятнадцатой без какого-либо вмешательства пользователя. Таким и должен быть современный браузер!

Есть мнение, что хороший разработчик должен поддерживать все версии браузеров. С одной стороны это так — по глобальной статистике, в России устаревшие браузеры до сих пор применяют 2–6% пользователей, в том числе IE6 — 1,6% (причем эти показатели каждый год стремительно снижаются). Но с другой стороны — это абсолютно неоправданные дополнительные трудозатраты, которые могут достигать 50–70% от общего объема программирования сайта. Стоят ли немногочисленные пользователи такого повышенного внимания, необходимо решать индивидуально. Но, как показывает практика, обычно устаревшие браузеры используют не из принципа, а по привычке, и достаточно просто проинформировать клиента о целесообразности обновления. В среде разработчиков это даже считается хорошим тоном.

Небольшая история из личного опыта. Два года я работал над сайтом крупного производителя биологически активных добавок. Когда я пришел в компанию, функционал сайта сильно расширялся, поэтому для постоянной адаптации его под старые браузеры не хватало ресурсов специалистов, а более 80% звонков и писем в службу поддержки были связаны с ошибками в старых браузерах. Было принято решение отказаться от поддержки IE6 и IE7. На этот шаг руководство пошло крайне неохотно, ведь целевая аудитория сайта — дистрибьюторы, в основном немолодые люди, очень далекие от компьютеров. Было разработано хорошо заметное предупреждение, которое отображалось в шапке сайта для пользователей устаревших браузеров. Результат превзошел все ожидания — количество звонков по этой проблеме существенно снизилось и через пару месяцев сошло на нет. А бесстрастная статистика показала значительное уменьшение доли IE6 и IE7. Зато мы, разработчики, смогли сосредоточиться на внедрении новых, полезных и удобных функций.

На сайте enoughie6.com приведены аргументы «за» и «против» использования IE6. Большинство аргументов «за» выглядят саркастическими, например самый популярный: «C его помощью можно скачать нормальный браузер на любой Windows XP». Также на этом сайте есть обширный каталог сайтов, отказавшихся от поддержки IE6.

На мой взгляд, сегодня необходимо сделать упор на новые технологии HTML5 и CSS3, которые поддерживаются большинством современных браузеров, в том числе на мобильных устройствах. И чем больше таких технологий будет внедряться на сайте, тем сложнее будет адаптировать его под старые браузеры. Да и необходимость в этой адаптации отпадет сама собой.

Правильные цитаты с разных сайтов:

«Потребовать совместимость сайта с IE6 без договоренности — это как потребовать совместимость Office 2012 с DOS. И потом сказать: “Ведь вы же разработчики, я не обязан ставить новую винду”».

«Если поддержка IE6 является частью моей работы или включена в договор, то я первым делом задумаюсь, как же могло получиться таким образом и почему я позволил себе оказаться в таком положении».

«Мне кажется, что в 2011 году уважающий себя веб-технолог просто не станет соваться в такие проекты, где от него могут потребовать поддерживать IE6 или Netscape 4. Это же, пардон, всё равно, что позволить заказчику отыметь тебя».

СсылкаОставить комментарий

Поезд в шоке [сент. 25, 2011|01:24 am]
denisleonov
[Tags|]


СсылкаОставить комментарий

Спасибо тебе, Гугл! [сент. 22, 2011|05:00 pm]
denisleonov
[Tags|, , ]

Спасибо за рекламу Хрома по телеку. Появился лучик надежды на беззаботное верстальщиковское будущее!
СсылкаОставить комментарий

Визуальный редактор ЖЖ [сент. 5, 2011|03:16 am]
denisleonov
[Tags|, ]

Мне вот интересно, из какого места растут руки у программистов LJ?
Уже какой день подряд ни хрена не работает WYSIWYG редактор. Ни одну из старых записей отредактировать не испортив, невозможно: при переключениях «визуальный» или «html» пропадает часть форматирования, ссылку отредактировать невозможно, — она просто удаляется, удаляешь лишние пробелы вверху, они удаляются внизу. И это малая часть тех косяков, которые я нашел за те пять минут, которые я пытался справиться с этим уродством, на большее терпения у меня не хватило. Браузер — Chrome.

В качестве альтернативы сейчас поставил Semagic 1.7.8.9U — тоже не подарок, тоже иногда слетает форматирование, но хоть как-то можно посты писать и редактировать. 
СсылкаОставить комментарий

Обновление enjoyphoto.ru [сент. 4, 2011|03:00 am]
denisleonov
[Tags|]

Наш сайт enjoyphoto.ru снова радует посетителей фотографиями и обрастает новым, надеюсь, полезным функционалом.

1) Чтобы получить прямую ссылку на фотографию в альбоме, нажмите на нее и скопируйте ссылку из адресной строки браузера. Идею спионерил позаимствовал у ilupin, за что ему огромное спасибо.

2) Появилась возможность прокомментировать альбом, используя аккаунт facebook. Чтобы сослаться на конкретную фотографию, укажите ее номер.

3) Вы можете рассказать о понравившемся альбоме своим друзьям через популярные соц. сети. Для этого воспользуйтесь соответствующими иконками наверху страницы.
Ссылка1 комментарий|Оставить комментарий

navigation
[ viewing | most recent entries ]
[ go | earlier ]