С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Как сделать зеркальное отражение в фотошопе. Подробный урок

Как сделать зеркальное отражение в фотошопе. Подробный урок

 

В этом уроке я расскажу, как сделать эффект зеркального отражения иконок в фотошопе.

Урок выполнен с пошаговой инструкцией.

 

В конце урока у нас получится вот такой стеклянный стол, с отржанением объктов стоящих на нем:

 

 

1. Создаем новый документ форматом 400х100 пикселей (Файл>Новый).

 

 

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

 

 

3. Теперь нам нужно перенести фоновый рисунок на наш документ.
Для этого берем инструмент Трансформация и перетаскиваем его на наш холст
(подробно я описывал все действия в этом уроке).

 

 

4. Вот, что у нас получилось:


5. Теперь мы будем рисовать наш стол.
С начала включим линейку (нажатием клавиш Ctrl+R), а потом переместим горизонтальную вспомогающюю на уровень, где примерно будет в вверх стола.
(см. рисунок)


6. Теперь выбираем инструмент Линия, чтобы нарисовать стол.


7. Объясню, как рисовать: Курсором мышки подводим к нижнему углу картинки и с нажатой клавишей Shift рисуем линию до вспомогательной полоски (голубого цвета).
И так же с другой стороны.


8. Затем рисуем еще одну линию поверх вспомогательной, а затем можно будет убрать линию с линейки.
Она нам больше не понадобится.

9. В слоях у нас должно появиться 3 слоя с фигурами, которые мы нарисовали.


10. Теперь каждый слой нужно Растеризовать.
Для этого выделяем поочередно каждый слой с линиями и щелкаем правой кнопкой и выбираем пункт Растеризовать векторную маску.


11. После того, как 3 слоя прошли растеризацию, мы выделяем наши 3 слоя
(ставим курсор на первом слое, нажимаем клавишу Shift и ставим курсор на последний слой).

12. А затем идем Слой>Объединить с видимым.
Либой нажимаем на выделенных слоях правой кнопкой мыши и выбираем пункт объединить.


13. Из трех слоев у нас получился один, с цельной фигурой.
Для удобства я назвал этот слой стол.


14. Теперь нам надо придать цвет столу'.
Выбираем инструмент Ведро и ставим первый цвет в палитре Черный.


15. И заливаем Ведром внутри фигуры.
Вот, что должно выйти.


16. Теперь нам нужно сделать стол прозрачным.
Для этого выделяем наш слой со столом и вверху выставляем Непрозрачность примерно на 60%
(см. рисунок).


17. Вот, что должно у вас примерно получиться:


18. Теперь опять вернемся к Линейке.
Выдвигаем вспомогательные линии, как показанно на рисунке
(это нужно для того, чтобы ровно разместить иконки на столе).


19. Далее, как на рисунке размещаем наши иконки, при этом выравниваем их по верхнюю линю (голубого цвета).


20. После размещения иконок у нас в слоях будет каждая иконка в отдельном слое.


21. Теперь перетаскиваем каждый слой с иконкой на кнопку Создать новый слой.


22. У нас дублировались все слои с иконкой. Это нужно для того, чтобы придать нашим формам отражение.


23. Теперь с помощью инструмента Трансформация можно подвинуть и убедиться, что наши слои дублировались.


24. Теперь мы должны перевернуть наши дубликаты.
Для этого поочередно выделяем слои и идем Редактирование > Трансформация > Отразить Вертикально.
Тем самым мы превернули иконку для отражения.



25. Анологично переворачиваем каждую иконку и подгоняем ее под основную форму, как показанно на рисунке.


26. Затем нам нужно эту тень преобразить.
Для этого опять поочередно выделяем слой копии иконок и нажимаем на кнопку Создать маску
(появится белое окошко на этом слое).
см. рисунок.


27. После того, как мы сделали на всех слоях маски, будем затемнять наше отражение.


28. Нажимаем на слой с Маской и выбираем кисточку при этом в палитре должен стоять первый цвет Черный.
(подробный урок с наложением маски я опубликовал тут).


После того, как мы затерли немного отражение оно стало более реалистичным.


Ну вот и все,  в этом уроке нет ничего сложного.
Главное понять логику построения Маски.

Автор урока: Евгений Айбазов
---------------------------------------------------------------------------------------------------------------------------
Также вы можете ознакомиться с моим  уроком Как сделать фавикон на сайт в фотошопе за 10 минут .
 
 




Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 16.08.2012
  •   Просмотров: 9479
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки