Наши кнопки

Баннер

Авторизация



Сейчас онлайн

Сейчас 2 гостей и 0 пользователей онлайн
Нет пользователей онлайн.

altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

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

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Луч фонаря
Автор: Алиса   

С помощью этого урока мы сможем создать эффект "выявления" нашей картинки из темноты с помощью луча фонарика. Вот мой результат:

 

alt

 
С чем мы познакомимся в этом уроке: инструменты "Paint Bucket Tool" и  "Eraser Tool"
 
Потребуется знание урока: Плавный переход между кадрами


Урок, основанный на идее девушки по имени goldblade, большое спасибо!

 

Исходник:

 

alt
 

PSD Урока

Попробуем?

Для тех, кто в Фотошопе разбирается достаточно хорошо, краткое описание действий этого урока:

1. Создаем над нашей картинкой новый слой и заливаем его черным цветом.
2. Созданный слой заранее растягиваем за края нашего изображения, так, чтобы черный слой был в два раза больше, чем наша картинка.
3. Далее берем ластик с нечеткими краями, щелкаем им где-нибудь в середине изображения, "прорезая насквозь" дырку, под которой мы видим наше изображение. Потом чуть увеличиваем наш ластик, меняем значение его прозрачности до 60 % и щелкаем в тоже место, таким образом мы добиваемся схожести со светом фонарика - в цент ре свет ярче, к краям - слабее.
4. Переходим в Имедж Риди. Там создаем новый кадр и на нем перемещаем наш черный слой с "дыркой" в другое место, например вниз картинки, таким образом высветляя другую часть изображения.
5. Между двумя кадрами - изначальным и с перемещенным фонариком - делаем растяжку в несколько кадров.
6. Если хотим, чтобы фонарик и дальше "путешествовал" по нашей стене - снова делаем новый кадр и снова перемещаем слой с дыркой, не забывая сделать растяжку между кадрами. Вот и все smile

Для тех, кому сложно еще понять по такому краткому описанию - ниже урок подробнее и со скриншотами smile Удачи в освоении!

 

1. Выберите нужную картинку и откройте ее в фотошопе, воспользовавшись командой "File - Open". (Файл - Открыть)

2. В панели "Layers" (Слои) создайте новый слой, воспользовавшись кнопкой в правой нижнем углу окна "Create a new layer" (Создать новый слой):

 

alt
 

Ваш новый слой должен быть над вашей картинкой:

 

 
alt
 

3. Ваш новый слой необходимо залить черным цветом. Для этого воспользуемся инструментом "Paint Bucket Tool" (Заливка), выбрать на панели основным - черный цвет и щелкнуть по нашей картинке:

 

alt
 

4. Наш черный слой должен быть куда больше, чем наша изначальная картинка, позже вы поймете зачем. Для того, чтобы увеличить слой, нужно выбрать в меню "Edit" (Редактирование) - "Free Transform" (Свободное трансформирование), или сочетание клавиш клавиатуры - Ctrl + T. Вокруг слоя появится рамка, за которую вы и растяните ваш слой за границы изображения:

 

 

Не забудьте нажать "Enter", чтобы подтвердить, что вы закончили трансформирование.

 

5. Далее имитируем свет фонарика. Для этого воспользуемся инструментом "Eraser Tool" (Ластик), выбрав кисть с мягкими краями:

 

 

alt
 

Ставим пятно в любой части картинки.

Потом у этого же ластика меняем прозрачность до 60 % и ставим поверх предыдущего пятно еще одно, тем самым мы имитируем свет фонаря - внутри ярче, к краям более бледный и размазанный.

 

6. Следующим шагом переходим в Имедж Риди. File - Edit In ImageReady (Файл - Редактировать в Имедж Риди):

 

alt

 

В панели "Animation" (Анимация) создаем второй кадр нашей анимации, воспользовавшись кнопкой "Duplicates Current Frame" (Дублировать слой):

 


7. Проверив заранее, что выделен черный слой с фонариком и активен инструмент Move tool (инструмент перемещения) - на своем втором кадре переместите этот черный слой. Т.е. зажмите мышь на картинке и потащите в сторону. Сдвинув слой - отпустите мышь и посмотрите на результат. Теперь свет фонарика освещает другую часть нашей стены в темноте.

 

alt
 

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


9. Перед нами три кадра - на каждом фонарик освещает свою часть картинки. Применив команду "Tween" в несколько промежуточных кадров - мы получим замечательный плавный переход между кадрами, имитирующий движение луча фонарика по стене. Не забудьте связать этой командой и первый с последним кадры, чтобы луч фонарика ходил по кругу. Также поэкспериментируйте с паузами.

 


Примечание: подробнее о растяжке кадров в уроке "Плавный переход между кадрами"
 
А вот и результат:

 

alt
 

Не забыайте экспериментировать! Вместо черного фона вы можете использовать любую картинку, вместо исходника - любое фото.

 

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)

 

Комментарии  

 
#5 Alisa 26.08.2010 12:30
Цитирую Leka Veselka:
Замечательная идея и прекрасный урок! Спасибо. :) Так можно оформлять аватарки с надписями, высвечивая фонарём по букве или группе букв. ;-)

по-настоящему с этим принципом можно делать совершенно неожиданные вещи.:)
Цитировать
 
 
#4 Leka Veselka 23.08.2010 11:57
Замечательная идея и прекрасный урок! Спасибо. :) Так можно оформлять аватарки с надписями, высвечивая фонарём по букве или группе букв.
Цитировать
 
 
#3 Alisa 27.02.2010 11:23
Цитирую Fiore:
Спасибо! Прикольный эффект)

очень здорово!
Цитировать
 
 
#2 Alisa 21.12.2009 12:34
Цитирую djgurza:
Спасибо! замечательный урок - очень подробно и понятно.

На здоровье :)
Цитировать
 
 
#1 djgurza 11.12.2009 23:38
Спасибо! замечательный урок - очень подробно и понятно.
Цитировать
 

Добавить комментарий


Защитный код
Обновить