krissja: (Default)
krissja ([personal profile] krissja) wrote2009-02-09 03:18 pm

про картинки

Фотографировала кучу бусиков для приятельницы, предупредила:
- Только обрабатывать сама будешь. А я тебе покажу, как.
Отсняла, показала, как обрабатывать. Смотрю на Галку - а она на меня полными паники глазами.
- Ты ведь напишешь мне, как это делать?
Вот, пишу.

Итак, открываешь фотошоп, в него кидаешь картинку.



Что в этой картинке не так?
Во-первых, она темноватая, во-вторых, со сбитым балансом белого (я специально такую выбрала), в-третьих, она горизонтальная, а должна быть вертикальная, и в-четвертых, она три с половиной тысячи пиксел по большей стороне - для веба многовато.
Значит, ее нужно а) осветлить б) поправить цвета в) обрезать и повернуть г) уменьшить без потери четкости и сохранить под веб.
Осветляем.





Левый ползунок делает черное еще более черным, правый - белое еще более белым, средний - затемняет или осветляет тени. Подвигай их до приемлемого результата. Я подвинула правый влево и средний влево же - сделала белое светлее и чуть осветлила тени, чтобы были видны цвета в тенях.
Теперь поправим цвет - белое должно быть белым, а не голубовастеньким.



Если получилось сли-и-и-ишком, но в принципе направление верное - всегда можно уменьшить степень применения последней команды. Смотри сюда:



Команда "Fade [последнее действие]" уменьшает степень применения последнего действия - делает результат не таким категоричным. Выбери ее и в открывшемся окошке подвигай ползунок, пока картинка не покажется тебе приемлемой.
Готово, теперь надо обрезать.
Слева у тебя в фотошопе - панель инструментов. Выбери кадрирование:



Стрелка курсора сменится рамкой. Подведи ее к картинке, прижми левую кнопку мыши, и, не отпуская, растяни рамку вокруг картинки. Отпусти кнопку. Все затемненное будет отрезано. Рамку можно подвигать, хватая мышкой за углы или середины сторон.



Обрезали, теперь надо повернуть.





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



В появившемся окне выставь такие цифры:



ВНИМАНИЕ! Я не помню, где я их такие взяла, но меня это устраивает, и не надо мне объяснять, что цифры могут быть другими - для данной задачи вполне подходит такое решение.
Так вот, выбери такие цифры и нажми ОК. Картинка стала чуточку четче, но ты этого не увидишь. Теперь нужно применить фильтр Unsharp Mask еще дважды - чтобы не идти к нему через все меню, обрати внимание на список фильтров:



Последний примененный фильтр отображается сверху, и применить его еще раз можно, прижав кнопку Ctrl и одновременно с ней нажав F на клавиатуре.
Итак, всего ты сделала Unsharp Mask трижды. Теперь уменьшай картинку:





По вертикали было три с чем-то тысячи пикселов, я уменьшила до двух тысяч.
Нажми ОК.
Теперь еще дважды - Ctrl+F, два раза воспользовавшись Unsharp Mask.
Теперь снова уменьши картинку до 1000 пиксел по большей стороне.
Теперь еще раз Ctrl+F
Теперь уменьши картинку до 600 пиксел по большей стороне.
Готово!
Если она стала слишком маленькой - не отчаивайся. Обрати внимание на меню в правом верхнем углу - это масштаб отображения картинки:



Если он будет сто процентов, ты увидишь картинку такой, какая она теперь есть - маленькая, светлая, не чрезмерно резкая, с правильными цветами.
Осталось только сохранить - перед этим я обычно рисую однопиксельную черную рамку.
Как это делается?
Обрати внимание на панель инструментов. Слева вверху у тебя - инструменты выделения: параллелепипед, овал, горизонтальная однопиксельная линия и вертикальная однопиксельная линия. Скорей всего, ты увидишь только квадрат - нажми на него, покажутся остальные.
Выбери горизонталь.
И обрати внимание на цветные квадратики внизу панели инструментов. Верхний должен быть любым, а нижний - обязательно черным, если он не черный, щелкни по нему - вылезет меню цветов, выбери черный-пречерный, он живет в правом нижнем углу.
Так вот. Выбрала горизонталь, ведешь мышку к верхней границе картинки и щелкаешь по серому полю чуть выше границы - тогда выледяется крайний верхний пиксел по всей горизонтали.



Поползли черточки? Выделила! Теперь залей этот пиксел черным цветом - для этого прижми Ctrl и нажми Del - это сочетание кнопок заливает выделенную часть картинки "задним цветом" - Background color, цветом нижнего квадрата.
Теперь так же выдели и залей нижнюю и боковые границы - для боковых границ, соответственно, в панели инструментов выделения выбери вертикаль.



Ура, осталось только сохранить.





Обрати внимание на качество сохраняемой картинки - чем оно выше, тем лучше; а сорок килобайт по нынешним временам - невеликий вес. Я выбрала Very High, 80% качества.
Жми Save, выбирай для картинки место и имя - и перед тобой готовый результат.
(показать не могу - случайно стерла картинку).
Есличо, спрашивай :)

[identity profile] dzotty.livejournal.com 2009-02-09 12:25 pm (UTC)(link)
У меня есть еще такая фича - уменьшать каждый раз ровно вдвое, а в последнее уменьшение уже вбивать окончательный размер, даже если он не кратный.

И перед каждым следующим уменьшением Unsharp Mask применяю с цифрой, в два раза меньшей, чем в предыдущий раз.

Но это такая вкусовщина уже...

[identity profile] krissja.livejournal.com 2009-02-09 01:46 pm (UTC)(link)
Так я, чтобы не менять значение Unsharp Mask, делаю его минимальным и повторяю - три, два, один раз :)
Ровно в два раза уменьшать - очень правильно, но меня на это не хватает :)

[identity profile] dzotty.livejournal.com 2009-02-09 01:55 pm (UTC)(link)
А у меня муж сотворил какой-то хитрый макрос, и я это могу делать автоматом. Но предпочитаю вручную все-таки, потому что иногда приходится подрихтовывать, и вообще - не доверяю я технике, которая лучше меня знает, чего я хочу. :-)

[identity profile] dzotty.livejournal.com 2009-02-09 12:26 pm (UTC)(link)
Крысь, а чем ты скрины снимаешь?

[identity profile] krissja.livejournal.com 2009-02-09 01:48 pm (UTC)(link)
Кнопочкой Print Screen, и потом открываю новым файлом в фотошопе же.

[identity profile] dzotty.livejournal.com 2009-02-09 01:57 pm (UTC)(link)
Я по работе част скрины снимаю - так вот SnagIt рулит, но почему-то если из него сохранять скрины непосредственно в джипег, то они получаются с сильным зерном по границам цветов. Так что я использую сочетание Снагит + Фотошоп, что немножко муторно.

[identity profile] boruch.livejournal.com 2009-02-09 12:34 pm (UTC)(link)
Бляпиздец. Раздумал навеки трогать фотошоп.

[identity profile] olenita.livejournal.com 2009-02-09 01:38 pm (UTC)(link)
да!!!

[identity profile] krissja.livejournal.com 2009-02-09 01:47 pm (UTC)(link)
да ты попробуй! просто же все, как не знаю даже что. Объяснять дольше, чем делать.

[identity profile] larqui.livejournal.com 2009-02-09 05:19 pm (UTC)(link)
Плюс тыща. Я на первом же ктрл+Ф сломаюсь.

[identity profile] olyasik.livejournal.com 2009-02-09 12:47 pm (UTC)(link)
а что за золотой шнурок?

[identity profile] olka81.livejournal.com 2009-02-09 01:05 pm (UTC)(link)
Вроде, маленькие золотые бисеринки.

[identity profile] krissja.livejournal.com 2009-02-09 01:47 pm (UTC)(link)
Ага, они.

[identity profile] oksani.livejournal.com 2009-02-09 12:50 pm (UTC)(link)
Вроде рамочку можно через
ctrlA
select -> modify -> border -> 1

[identity profile] oksani.livejournal.com 2009-02-09 12:51 pm (UTC)(link)
Еще удобно что там любое количество пикселей можно выбрать, а то особо криворукие кривоглазые никак рамку симметричной сделать не могут :)

[identity profile] krissja.livejournal.com 2009-02-09 01:45 pm (UTC)(link)
Я знаю этот способ, но у меня рамка получается шире, чем значение border'a, поэтому я его не люблю.

[identity profile] dzotty.livejournal.com 2009-02-09 02:00 pm (UTC)(link)
А "Редактирование" - "Выполнить обводку" (не знаю, как это в английской версии будет)? Выделяешь всю картинку, в опции указываешь 1 пиксел - и четко получается ровно один пиксел.

[identity profile] oksani.livejournal.com 2009-02-09 02:08 pm (UTC)(link)
Кажется это именно то что я посоветовала, нет?

[identity profile] dzotty.livejournal.com 2009-02-09 02:29 pm (UTC)(link)
Я попробовала Ваш способ - он другой :-)))
Мой находится в пункте меню "Edit".

[identity profile] zlatenika.livejournal.com 2009-02-09 01:54 pm (UTC)(link)
Круто. :)

[identity profile] busconductor.livejournal.com 2009-02-09 02:15 pm (UTC)(link)
мегамонстр :)
про рамочку теперь буду знать :D

[identity profile] krissja.livejournal.com 2009-02-09 02:41 pm (UTC)(link)
ЖОПСЕЛЬ :) ой сорри, капслок случайно включился :)

[identity profile] mymrik.livejournal.com 2009-02-09 02:22 pm (UTC)(link)
спасибо ;о))) и в мемориз)))

[identity profile] marta-ketro.livejournal.com 2009-02-09 02:29 pm (UTC)(link)
О, спасибо.

[identity profile] krissja.livejournal.com 2009-02-09 02:39 pm (UTC)(link)
На здоровье :)

[identity profile] dmitrik-b.livejournal.com 2009-02-09 02:38 pm (UTC)(link)
Занес в мемориз. Буду изучать. Image Image

[identity profile] krissja.livejournal.com 2009-02-09 02:41 pm (UTC)(link)
Так я ж тебе днями рассказывала!

[identity profile] dmitrik-b.livejournal.com 2009-02-09 02:45 pm (UTC)(link)
Так тут же с картинками! Image

[identity profile] funny-polly.livejournal.com 2009-02-09 07:55 pm (UTC)(link)
+ 1!

[identity profile] monella.livejournal.com 2009-02-09 03:36 pm (UTC)(link)
приятельница благодарна, но боится даже приступить...

[identity profile] krissja.livejournal.com 2009-02-09 04:05 pm (UTC)(link)
глаза боятся - руки делают! ты умеешь делать настоящий ка...ку.. ну тот хитрый соус к макаронам, который монахи придумали и который загущают желтком... карбонаре, во! Так что картинки точняк получатся :)

[identity profile] song-thrush.livejournal.com 2009-02-09 06:07 pm (UTC)(link)
Крысь, огромное спасибо. :)

[identity profile] olka81.livejournal.com 2009-02-09 07:38 pm (UTC)(link)
Еще бы такой же тьюториал по бусинкам =).

[identity profile] krissja.livejournal.com 2009-02-09 07:44 pm (UTC)(link)
Бусинки я делать не умею.

[identity profile] brmr.livejournal.com 2009-02-09 10:51 pm (UTC)(link)
ух ты! :)

[identity profile] hedgy.livejournal.com 2009-02-10 11:10 pm (UTC)(link)
Рамочку я делаю через Edit - Stroke, там можно выбрать и цвет, и толщину. А вот про "Fade [последнее действие]" вообще не знала, и правильные циферки Unsharp Mask подобрать никак не удавалось. Спасибо :)

[identity profile] unibaken.livejournal.com 2009-02-13 09:11 am (UTC)(link)
Спасибо:)

спасибон!

[identity profile] midnight-mouse.livejournal.com 2009-03-04 11:11 am (UTC)(link)
я кое-что не делала, учту :)