-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в New_Photoshopinka

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.03.2006
Записей:
Комментариев:
Написано: 5404


Как сделать блестящую картинку

Четверг, 09 Марта 2006 г. 20:02 + в цитатник
Лика_Сатанеева все записи автора Вы попросили, а мне вдруг захотелось разместить этот урок) Раз уж он был написан, то должно ему пользу приносить) Предупреждаю сразу: урок писался для девушки, которая открывала фотошоп второй раз в жизни. Поэтому ОЧЕНЬ подробно. Но может мне и кажется, что это подробно. Если нет, говорите – будем редактировать.

roza.gif (268x236, 29Kb)




Как сделать блестящую картинку?
Вначале нам нужно то, что мы будем «блестить» ))))
Я взяла шаблон в фотошопе и раскрасила его:
1.jpg (186x188, 37Kb)
Создадим второй слой. Если панель «слои» не открыта то: окна>слои. В окне «слои» на слое 1 правой кнопкой мыши: дублировать слой.
3.jpg (371x338, 37Kb)
Итак, у нас два слоя. Если представить реальную блестящую наклейку, то, скорее всего, она имеет неровную поверхность. И блестки, те, которые в данный момент не отсвечивают, могут иметь цвет как темнее, так и светлее основного. Можно взять кисточку и терпеливо натыкать в нее «не светящихся» блесток. Этот способ хорош еще и тем, что можно добавить какой-нибудь посторонний цвет, что может оказаться интересно. Но мне захотелось решить эту проблему быстрее, поэтому я добавляю шум: Фильтр> Noise > Add Noise в открывшемся окне я выбрала вот такие параметры:
2.jpg (311x421, 55Kb)Теперь тоже самое следует сделать и с другим слоем с небольшим отличием. В моем случае во втором слое параметр Количество имеет 45% .
У нас получилось две немного отличающиеся картинки « в точечку» 
Теперь создадим два пустых слоя. Ну, в целом можно и не создавать, но если потом захочется что-то стереть, то с отдельными слоями работать будет легче ;)
Для этого в окне «слои» нажимаем 2 раза кнопочку с листочком:
4.jpg (127x20, 11Kb)Берем карандашик нужного размера, - я взяла размером в 3 пикселя, -и рисуем блестки на одном из пустых слоев:
5.jpg (442x293, 74Kb)
Потом делаем активным оставшийся пустой слой и рисуем блестки на нем так же произвольно. Их может быть меньше или больше.
Переходим к самому красивому этапу. Создаем блики. Для этого у меня есть специальная кисточка в виде крестика. Если такой нет, можно нарисовать вот такую картинку размером 21 на 21 пиксель черным карандашом размером в 1 пиксель.
6.jpg (115x128, 22Kb)Ее легче нарисовать, если лист увеличить с помощью лупы. А ровные линии получаются благодаря удерживанию клавиши shift во время рисования.
Далее: Редактирование> определить кисть
7.jpg (276x457, 43Kb)Получилась кисточка для бликов.
Выбираем белый цвет.
Рисуем блики там же, где и точки в произвольном порядке. В начале на одном слое, потом на другом.
Можно сделать интереснее! На следующем слое блики можно немного повернуть.
Вообще-то кисти можно развернуть силами фотошопа, но конкретно такая кисть почему-то портится в размере. Может это лично мой глюк.. не знаю. Так что проще всего создать еще один блик с немного другим направлением лучей.
Итак, у нас все готово!!!

апд: с этого места урок устарел, т.к. писался давно в какой-то старой версии фотошопа. Вместо следующего пункта нужно пойти в меню window>animation в открывшейся панели в правом нижнем углу есть кнопочка для перехода на покадровую анимацию. И дальше по уроку.


_________старый вариант________________
Переходим в программу Adobe ImageReady, нажав самую нижнюю кнопку на панели инструментов:
7-2.jpg (64x114, 16Kb)
(можно сохранить заготовку в формате psd. И запустить программу Adobe ImageReady. ) Открываем рисунок там.
_________старый вариант________________


Внизу у нас имеется панель с кадрами. Там уже появился один кадр. В нем видны все слои нашей розы одновременно. Нам нужно видеть только два: первый слой с первой розой и первый слой с блестками.
В панели слоев убираем мышкой глазики у ненужных нам слоев:
8.jpg (223x263, 35Kb)В панели кадров нажимаем уже знакомый листочек для создания еще одного кадра:
9.jpg (301x133, 28Kb)

Теперь в этом втором кадре делаем видимыми два других слоя: второй цветок и вторые блестки.
Почти готово!
Можно уже нажать на панели кадров на кнопочку 10.jpg (21x18, 8Kb) и посмотреть что вышло!
Осталось отрегулировать.
У каждого кадра есть подпись 0 sec. Если нажать на стрелочку рядом с надписью, можно будет выбрать быстроту перемещения с одного кадра на другой. Как я заметила, обычно блестяшки имеют продолжительность по 0,2 секунды каждый кадр.
Теперь осталось только сохранить в формате gif.
апд: для этого идем в File>save for Web

_________старый вариант________________
На листе с розой вверху есть 4 закладки: Original\ Optimized\ 2-Up\ 4-Up
Выбираем 4-Up и у нас появляется 4 варианта картинки: то, с чего начали, и три варианта оптимизации. Включаем наш гиф и смотрим из этих 3ех что выбрать. Если качество не очень отличается, то выбираем тот, который весит меньше килобайт.
Далее File > Save Optimized
_________старый вариант________________

Можно кричать ура)))

roza.gif (268x236, 29Kb)


В архиве роза в psd – если кому нужно в слоях покопаться ;).

Вложение: 3516553_roza.rar

Рубрики:  _Уроки_
_Анимация_


Процитировано 55 раз
Понравилось: 3 пользователям

svetico1   обратиться по имени Четверг, 09 Марта 2006 г. 20:33 (ссылка)
Молодчина, спасибо! 8))
Ответить С цитатой В цитатник
Лика_Сатанеева   обратиться по имени Четверг, 09 Марта 2006 г. 20:54 (ссылка)
Добавка)) Мерцающая звезда

Sexy_Lady пожаловалась, что знает как, но блестки получаются не блестящие и бледные.
Лучше всего взять любимый блестящий гиф, открыть его в ImageReady и посмотреть, что там такого сделали, что получилось красиво.
А вообще желательно блеск делать белым на контрастном фоне. Лучи бликов на одном слое направлять в одну сторону. И разворачивать их немного, если есть еще один слой с бликами.
Для примера вот такая звезда:
По кадрам:
zvezda.jpg (356x132, 42Kb)
Готовая:
1.gif (62x54, 4Kb)
Ответить С цитатой В цитатник
dagen_randas   обратиться по имени Четверг, 09 Марта 2006 г. 21:44 (ссылка)
Лика_Сатанеева, спасибо :)
Ответить С цитатой В цитатник
-the_wild_stinker-   обратиться по имени Пятница, 10 Марта 2006 г. 14:30 (ссылка)
а теперь всё хорошо,спасибо
Ответить С цитатой В цитатник
нечта   обратиться по имени Пятница, 17 Марта 2006 г. 16:42 (ссылка)
а вот моё творение.. я чуть побольше слоев с бликами сделала, а точки я вообще не делала, только блики с той кисточкой. и ещё я не белые сделала, а чуть светлее кожи.. вот. зацените. (эт на скорую руку)
haitek.gif (337x450, 68Kb)
Ответить С цитатой В цитатник
Kitty_Irinka   обратиться по имени Понедельник, 20 Марта 2006 г. 09:45 (ссылка)
мммм...класный туториал! Давно хотела такую штуку сделать! Пасибки! Когда времечко будет пойду эквперементировать!
Ответить С цитатой В цитатник
forever_flowers   обратиться по имени Понедельник, 20 Марта 2006 г. 11:43 (ссылка)
Какой супер! Всё понятно, и с первого раза! Офигенна! Те надо учебники писать))
Ответить С цитатой В цитатник
Сумасшедшая_фанатка   обратиться по имени Суббота, 03 Июня 2006 г. 16:55 (ссылка)
а у меня вот так получилось...
 (450x100, 22Kb)
Ответить С цитатой В цитатник
PhotoAngel   обратиться по имени Понедельник, 17 Июля 2006 г. 15:57 (ссылка)
спасибо,это моя первая анимация...
 (450x450, 155Kb)
Ответить С цитатой В цитатник
Sweet_Batterfly   обратиться по имени Воскресенье, 06 Августа 2006 г. 15:35 (ссылка)
у меня маленький вопросик... Почему, когда я делаю точки и блики, у меня их не видно? И еще. Какой шум делать на обычной картинке или фотке?
Ответить С цитатой В цитатник
White_Winter   обратиться по имени Четверг, 07 Сентября 2006 г. 05:02 (ссылка)
ГИГАНТСКОЕ спасибо!:good:
 (400x419, 218Kb)
Ответить С цитатой В цитатник
hudyuha   обратиться по имени Пятница, 05 Января 2007 г. 01:44 (ссылка)
molodci klassno obyasnili,u menya vot kak poluchilos......
 (241x343, 81Kb)
Ответить С цитатой В цитатник
AngelXlovE   обратиться по имени Среда, 04 Апреля 2007 г. 19:20 (ссылка)
Привет! Подскажите пожалуйста, где карандашь находиться?
Ответить С цитатой В цитатник
Спрайтик   обратиться по имени Четверг, 19 Апреля 2007 г. 14:18 (ссылка)
спасиб))
 (85x85, 6Kb)
Ответить С цитатой В цитатник
Гуляя_по_потолку   обратиться по имени Воскресенье, 22 Апреля 2007 г. 15:26 (ссылка)
да урок отличный.спасибесли ктото возьмёт мою анимашку напишите ок?)))
 (500x500, 124Kb)
Ответить С цитатой В цитатник
Лика_Сатанеева   обратиться по имени Вторник, 22 Мая 2007 г. 21:11 (ссылка)
Ничего себе, комментарии появляются до сих пор))) А мне почему-то уведомления не приходят.
Сумасшедшая_фанатка, PhotoAngel, White_Winter, hudyuha, Спрайтик, P_and_T,
Красота, бальзам на душу) Написание урока занимает обычно черте скока времени и так радостно когда не зря))) Спасибо)))
Ответить С цитатой В цитатник
Аноним   обратиться по имени Пятница, 06 Июля 2007 г. 20:53 (ссылка)
только прочитала урок...попробовала сделать,но у меня НЕТ Image ready(все фотошопские программы есть,а этой нет-везде смотрела) где можно взять эту программку да и можно ли вообще ведь сам фотошоп уже установлен....
Ответить С цитатой В цитатник
-кури_меня-   обратиться по имени Вторник, 07 Августа 2007 г. 19:01 (ссылка)
BitchSturberry мой тебе совет удали фотошоп и скачай по другой ссылке)
Ответить С цитатой В цитатник
Знойная   обратиться по имени Воскресенье, 02 Марта 2008 г. 21:13 (ссылка)
Сенькью вери мач.
Ответить С цитатой В цитатник
Аноним   обратиться по имени Пятница, 01 Мая 2009 г. 15:16 (ссылка)
Молодец!))))У меня всё получилось!)))
Ответить С цитатой В цитатник
NRadkova   обратиться по имени Воскресенье, 17 Мая 2009 г. 19:49 (ссылка)
А где взять Adobe ImageReady?У меня нет кнопочки внизу(
Ответить С цитатой В цитатник
Аноним   обратиться по имени Понедельник, 13 Июля 2009 г. 13:59 (ссылка)
класс!!!!У меня получилось!!!тебе спасибо огромное!!!
Ответить С цитатой В цитатник
Аноним   обратиться по имени Вторник, 26 Января 2010 г. 08:34 (ссылка)
Вот что получилось :) (Фото взято с NailClab)
Спасибо большое за урок!
 (300x450, 172Kb)
Ответить С цитатой В цитатник
Аноним   обратиться по имени Понедельник, 08 Марта 2010 г. 17:43 (ссылка)
javascript:void(0);
Ответить С цитатой В цитатник
Аноним   обратиться по имени Суббота, 15 Мая 2010 г. 12:28 (ссылка)
а где достать эту програмку??
Ответить С цитатой В цитатник
Аноним   обратиться по имени Четверг, 16 Сентября 2010 г. 22:09 (ссылка)
У меня руский фотошоп и я не могу найти "Adobe ImageReady" где мне его искать подскажите пожалуйста!если у меня нет в низу этой кнопочки.
Ответить С цитатой В цитатник
Аноним   обратиться по имени Четверг, 13 Января 2011 г. 14:57 (ссылка)
Очень красиво! Дайте пожалуйста ссылочку, где скачать нормальный фотошоп, где все есть, а то у меня нет Adobe ImageReady, если можно, то такой,которым пользуетесь вы в данном уроке! Заранее огромное спасибо!
Ответить С цитатой В цитатник
Лика_Сатанеева   обратиться по имени Среда, 13 Апреля 2011 г. 15:45 (ссылка)
ух ты елки... сколько времени прошло, а все еще поступают комментарии )))
Дело в том что в последних версиях adobe, ImageReady в пакете действительно нет. Зато анимация появилась прямо в фотошопе. Вместо перехода в ImageReady: window>animation в открывшейся панели в правом нижнем углу есть кнопочка для перехода на покадровую анимацию. И дальше по уроку.
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку