Отправлено: 20.12.08 21:58. Заголовок: Полезные советы и уроки Photoshop и ImageReady

Давайте же научимся делать чудесные анимашки, обойки и просто красивые картинки!
Кто умеет, делится опытом и советами, а новички наматывают на ус!

 Отправлено: 17.02.09 19:50. Заголовок: Agatok пишет: Объяс..

Agatok пишет:

цитата:

Объясните мне валенку, как в ImageRedy надпись в анимашке приминять ко всем кадрам, а то у меня она ставится ток на один, а как к другим поставить понять не могу

Agatok, смотря, каким образом расположены слои...вариантов много и не видя работы сложно сказать, что не так))
Если надпись идёт отдельным слоем, то надо в каждом кадре сделать её видимой (т.е поставить галочку рядом с "глазиком" на панеле "layers/слои"...)
В крайнем случае, ты можешь залить заготовку на какой-нибудь файлообменник, а я посмотрю и расскажу потом, что было не так и как исправляется...

 Отправлено: 18.02.09 15:33. Заголовок: MaryAsha пасиб http..

MaryAsha пасиб

MaryAsha пишет:

цитата:

(нужно было поменять цветовую базу и сделать слои с сердечками целостными, т.е. не только сердечки, но и самого человечка поставить))

а эт как?

 Отправлено: 18.02.09 15:37. Заголовок: MaryAsha пишет: не ..

MaryAsha пишет:

цитата:

не только сердечки, но и самого человечка поставить))

Эт я кажется знаю как

MaryAsha пишет:

цитата:

нужно было поменять цветовую базу

А вот с этим проблемы

 Отправлено: 18.02.09 16:13. Заголовок: Киня пишет: MaryAsh..

Киня пишет:

цитата:

MaryAsha пишет: цитата: не только сердечки, но и самого человечка поставить)) Эт я кажется знаю как

Чот и с этим у меня не оч

 Отправлено: 18.02.09 18:54. Заголовок: Киня Не за что! http..

Киня Не за что! Про то, как делала расскажу в эти выходные (сделаю принтскрины, чтоб нагляднее, а то на словах тяжело)

 Отправлено: 19.02.09 22:56. Заголовок: Киня http://i079.ra..

Киня

Чтобы поменять цветовую базу, вместо custom поставь галку рядом с windows



А чтобы сделать целостными слои (кстати, я сейчас попробовала без этого пункта, и получается вроде тоже самое)), надо прыгнуть в фотошоп, там создать копии главного слоя, которые затем объединить с каждым сердечком поочереди....Но эт необязательно, просто иногда качество от этого шага выигрывает...

 Отправлено: 19.02.09 23:07. Заголовок: MaryAsha http://s44..

MaryAsha спасибо

 Отправлено: 28.02.09 10:17. Заголовок: Подскажите как в Ima..

Подскажите как в ImageRedy к анимации кисти применять.

 Отправлено: 04.03.09 01:05. Заголовок: Интересный урок Эффе..

Интересный урок
Эффект кадра фильма

Начнем с обычной фотки:




а по завершению мы получим вот такой замечательный киношный результат:



-------------------------

Ну-с приступим.

Корректировка цвета

1. Подкорректируем немного цвет с помощю Hue / Saturation: ⌘ U / CTRL-U

(между дизайнерами говорят: "покрутим хуе...")






2. Увеличим немного яркость и контраст нестандартным путем: Menu > Image > Adjustments > Exposure…







Добавим выразительности с помощю эффекта глубины резкости

3. Создадим продублированный слой фотки с помощю простого перетаскивания текущего слоя на иконку "make new layer" расположеной в нижней части палитры Layer (Слои)



4. Сделаем размытие на новосозданном слое: Menu > Filter > Blur > Lens Blur…

можете подвигать ползунки так как вам больше понравится:




5. Нажмите кнопку ‘add layer mask’ в нижней части палитры слоев. Затем нажмите и выберите ‘Layer mask thumbnail’ (получится белый прямоугольник рядом с картинкой)




6. затем выберите инструмент Кисть Brush задайте ей диаметр 400px и клацните в том месте где хотите чтобы было сфокусированно внимание зрителя






7. Теперь создайте новый слой клацнув на кнопку ‘create a new layer’

8. Зальем новый слой черным цветом: восстановим цвета по-умолчанию(d) выберем черный в качестве основного(x) и зальем им весь слой (⌘-del/CTRL-backspace)

9. Установим непрозрачность для этого черного слоя на 70% простым нажатием на цифру 7 на цифровой клавиатуре справа:




10. Теперь пришло время воспользоватся ластиком (Eraser) - установим ему диаметр 400px и клацнем по центру фотки






11. Соединим все слои в один Menu > Layer > Flatten Image и добавим немного зашумленности для усиления эффекта кадра из фильма Menu > Filter > Noise > Add Noise…






12. Cinemascope (как в кинотеатре)

Добавим черные полоски вверху и внизу как в широкоэкранном фильме.

Выберем прямоугольное выделение Rectangular Marquee Tool(m)

и обозначим им верхнюю часть фотки. Затем зажав shift выделяем нижню часть фотки.

Нажимаем ⌘-del/CTRL-backspace и вуяля - залили черным верхнюю и нижнюю части. Готово!

 Отправлено: 04.03.09 18:00. Заголовок: Хотим научится рисов..

Хотим научится рисовать дождик на картинке?
Нет проблем! Сейчас выложу несколько довольно простых уроков!

 Отправлено: 04.03.09 18:11. Заголовок: № 1. Сильный дождь ..

№ 1. Как имитировать дождь на фотографии


Для пользователей знакомых с фотошопом:
1) новый слой с заливкой серого заполняем шумом на 30, размываем слегка,копируем слой, филтр smudge stick, на максимум длину мазка, выделяем нижнюю часть, размываем края выделения, применяем фильтр "облака" к выделению, делаем слой полупрозрачным. скопированый слой берем и размываем в движении, не сильно под небольшим углом, снизу тем же способом что и в первом слою делаем туман и тоже делаем его полупрозрачным, играемся с цветовыми настройками фона, вуаля!

Для новых пользователей:

1) Берем фотографию ( ну это я думаю не сложно)

Возьмем эту:



ща будем мочить толкиинистов


2) создаем новый слой:




3) новый слой заливаем серым цветом ( для графиков снобов "#959595" )
ну получается короче вот так:



4) Теперь выбираем на панели инструментов сверху Фильтр > Шум > добавить шум ( filter > noise > add noise )

Вот так, Amount достаточно поставить на 30. (обьясняю, Шум и Amaunt Шума, это сколько черно белых точек, знаете когда телик не работает, выдает фильтр. )




5) теперь на панели фильтров с которой мы уже (вроде) знакомы, выбираем Artistic > Smudge Stick , как показано на рисунке: ( этот фильтр как бы смазывает рисунок наискосок )




6) вот теперь вылезет окно! в нем главное поставить Stroke Lenght ( это определяет длинну мазка) на максимум:




7) Теперь в тех же фильтрах жмем Blur > Blur : (так мы немного размываем изображение)




8) теперь Инструментом выделения ( Hotkey (просто жмем кнопку) - M ) выделяем нижнюю часть, там где у нас земля и ноги наших героев (Выделение позволяет нам работать только в выделенной области, тоесть все остальное не будет изменено нашими действиями пока мы не отменим выделение). жмем Alt + Ctrl + D , Опа! вылезло окно, это окно позволяет нам сделать края выделения более плавными, насколько плавными. это можно определить в графе feather radius напишем там 50.




9) Теперь, в знакомых нам уже хорошо фильтрах, выбираем Render > Clouds (этот фильтр создает рандомальные фигуры похожие на облака из цветов палитры (Forground & background ) ) :




10) жмем Ctrl + D тоб отменить выделение. У нас получается что-то такое:




11) теперь на панели слоев, наш новый слой делаем полупрозрачным (50%) :




Ну у меня вот так получилось:




над этим можно еще поработать. это будет для вас домашним заданием .
Создаем еще слой, заливаем серым, ставим Шум на 30.
теперь в фильтрах находим Blur > motion blur (это размывает изображение по линии, под указанным углом ) задаем в азимуте угол, чтоб не был таким же как прежние мазки, но и не слишком от них отдаленные. я выбрал такие настройки:




Теперь повторяем всю процедуру создания тумана:
выделение области внизу, нажатие Alt +Ctrl + D размытие краев выделения, создание облаков способом фильтра. Делаем слой полупрозрачным.
У меня получилось вот что:




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





Пользуясь этим, якобы, самоучителем, вы во первых поняли принцип работы используемых здесь инструментов, а во вторых закрепили свои знания сделав второй слой практически самостоятельно.

 Отправлено: 04.03.09 18:17. Заголовок: № 2. Как имитироват..

№ 2. Как анимировать имитированный дождь на фотографии


Исходное изображение:

[реклама вместо картинки]


Полученное изображение:

[реклама вместо картинки]



Хотите так же? Нет проблем!!!

Для этого используем урок ,вышеупомянутый мной, и немножко его дополним))

Итак, приступим.
Делаем все, как написал в уроке №1, но до Blur > motion blur (Размытие > размытие в движении). Да, кстати, я не использовала облака, но вы обязательно попробуйте!
Не размывая изображение в движении, сохраняем его под именем 1 (File > Save as или Файл > Сохранить как, или просто нажимаем комбинацию Shift+Ctrl+S).

[реклама вместо картинки]


Далее снова создаем новый слой, а мы это уже умеем)) Делаем все то же самое, как и до этого, но вместо Blur > blur (Размытие > размытие) делаем Blur > motion blur (Размытие > размытие в движении). Я брала значения как у MG.
Сохраняем файлик как в прошлый раз (Shift+Ctrl+S), но под номером 2.
Создаем отдельную папочку и закидываем туда оба файлика и изображениями. ВАЖНО: кроме них в папке ничего быть не должно!!!!

А теперь идем в Image Ready
Открываем нашу папочку (File > Import > A folder as frames или Файл > импортировать > папку как кадры).

[реклама вместо картинки]


Теперь наши картинки открылись как кадры
Ставим на каждом кадре время 0,1 секунды, жмем play и смотрим, что получилось.

Все нравится? Тогда сохраняем полученное!
Жмем Ctrl+Shift+Ail+S (File > Save optimized as или Файл > Сохранить оптимизированный как) и сохраняем под желаемым именем! Все!

[реклама вместо картинки]

 Отправлено: 04.03.09 18:22. Заголовок: № 3. Развиваем идею,..

№ 3. Развиваем идею, нам надо сделать чтоб дождь падал на камеру... перспектива.


Берем подходящею фотку:

[реклама вместо картинки]


1) жмем Ctrl+M и затемняем фотографию:

[реклама вместо картинки]


2) создаем новый слой, заливаем его серым.
Filter >Noise > Add Noise > amount = 17 ~ (Шум)
параметр наложения слоя ставим на Hard light

[реклама вместо картинки]


3) размываем слой с шумом в движении
Filter > Blur > Motion Blur ( ratio = 20~ под прямым углом (вертикально))
Увеличиваем слой с дождем ( Edit > Transfor > Scale )
играемся с перспективой:

[реклама вместо картинки]


у меня вот что получилось:

[реклама вместо картинки]

 Отправлено: 04.03.09 18:30. Заголовок: № 4. Проблемы и и..

№ 4.

Проблемы и их решения:

Капли воды в водухе приломляют свет, создавая сияющие "ауры" на местах источников света. Надобно имитировать этот эффект...

1) берем фотку:

[реклама вместо картинки]


2) Я еще сделала так чтоб волны повыше были, но это долго обьяснять, так что перескочим через этот этап. (как-нибудь выложу метод создания этого эффекта).

[реклама вместо картинки]


3) Затем проделываем всю знакомую до боли работу имитации дождя. (не пинайте за мою работу так как делала на скорую руку )

[реклама вместо картинки]


4) потом в новом слое, берем кисть, (белым цветом) закрашиваем те участки в которых хотим создать свечение:

[реклама вместо картинки]


5) Затем размываем этот слой по гауссу с параметром 10 ( Filter > Blur > Gaussian Blur ; Radius = 10 )
Ставим параметр смешивания слоя ( Blending Mode ) на Soft Light, при этом можно поиграться с прозрачностью слоя ( Opacity я поставила на 80% ) .

[реклама вместо картинки]


Дальше, на ваше усмотрение (перечислять все варианты дальнейшего дизайна, будет пожалуй утомительно) я немного изменила яркость и контраст через Curves ( Ctrl + M ), Levels ( Ctrl + L ) И сделала рамку ( как это делать можно тоже могу потом рассказать )
вот мой результат:

[реклама вместо картинки]


Как видите, при такой обработке, блики смотряться весьма эффектно..

 Отправлено: 04.03.09 18:31. Заголовок: Очень хотелось бы по..

Очень хотелось бы посмотреть и ваши результаты

 Отправлено: 04.03.09 23:01. Заголовок: Делаем юзербар Кто ..

Делаем юзербар

Кто не умеет, но хочет научиться - это очень просто!

На многих форумах в подписях пользователей можно увидеть так называемые user bars. Хотите сами научиться делать такие, а не искать по разным сайтам или просить друзей? Тогда вы попали по адресу))

Итак, начнем-с.
1) Создаем новый файл размером 350*19 пикселов. (Жмем Файл > Новый (или создать, у кого как переведено) или File > New, или Ctrl+N)

[реклама вместо картинки]

[реклама вместо картинки]


2) Заливаем файл фоновым цветом.

[реклама вместо картинки]


3) Создаем новый файл 4*4 пиксела для того, чтобы сделать узор (помните полосочки на юзербарах? Вот их мы будем делать). (создать файл - Ctrl+N) На самом деле размер зависит от того, насколько вы хотите сделать отступ между полосочками.
Приближаем изображение до 1600% (Жмем комбинацию Ctrl + )

[реклама вместо картинки]


4) Выбираем инструмент Карандаш и рисуем как показано на рисунке.

[реклама вместо картинки]


5) Сохраняем изображение как узор, выполнив команду Редактировать > Определить узор (Edit > )

[реклама вместо картинки]


6) Все, больше нам этот файлик не понадобится и его можно со спокойной душой закрывать. Вернемся к нашему юзербару.
Теперь надо заполнить нашу заготовку сделанным узором, то есть добавить полосочки. Жмем Редактировать > Выполнить заливку (Edit > ) или просто Shift+F5

[реклама вместо картинки]


7) Теперь сделаем надпись. Выберем соответствующий инструмент на панели инструментов и напишем что-нибудь. Я написала BestfoR Graphics User, используя шрифт Minion Pro.

[реклама вместо картинки]


8) Но буквы выглядят скучно и некрасиво. Добавим обводки. Для этого выберем Слой > Стиль слоя > Обводка (Layer > Layer Style > ) и выберем толщину в 1 пиксел. Если хотите сделать обводку потолще, то соответственно и значение надо ставить больше.

[реклама вместо картинки]
[реклама вместо картинки]

9) Теперь нужно вставить иконку. Выбираете любую на свой вкус и вставляете таким образом: выбираете инструмент "Перемещение" и перетаскиваете мышкой нужную картинку на свое изображение.

[реклама вместо картинки]


10) Уже лучше, правда? Но не хватает объемности. Этого мы добьемся с помощью инструмента "Овальная область". Примените его как показано на рисунке. Совет: делайте это на новом слове (Слой > Новый > Cлой или Layer > New > Layer)

[реклама вместо картинки]


11) Итак, вы вышли на финишную прямую. Осталось только залить выделенную область светлым тоном, снять выделение с помощью комбинации Ctrl+D и поставить прозрачность этого слоя в 50% .

[реклама вместо картинки]
[реклама вместо картинки]


Нравится? Тогда сохраняем! Ctrl+Shift+S

Готово! Вот что у нас должно было получиться:




вот еще несколько примеров на скорую руку:

 Отправлено: 04.03.09 23:23. Заголовок: Reka, спасибо тебе о..

Reka, спасибо тебе огромное за уроки!!!

 Отправлено: 04.03.09 23:25. Заголовок: MaryAsha Не за что..

MaryAsha

Не за что!

 Отправлено: 04.03.09 23:27. Заголовок: Reka огромнейшее спа..

Reka огромнейшее спасибо за уроки!!!

 Отправлено: 04.03.09 23:32. Заголовок: Попробуйте что-нибуд..

Попробуйте что-нибудь из этого использовать и покажите результаты, интересно же ,что у вас получится!