Отражение текста и изображений Photoshop Учебник

1 января 2006 Энтони · 24 Комментарии Отправить в Твиттер Отправить Yahoo Buzz Отправить Digg Отправить Reddit Отправить StumbleUpon




В этом учебнике вы узнаете, как создать очень современный и привлекательный образ зеркальным эффектом, который может быть использован с текстом и изображениями. Эффект будет повторить, что от объекта, сидя на безупречно чистой отражающей поверхностью.

Шаг 1

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

Для начала создайте пустой холст любого размера вы полагаете, и вид из строки текста (только, чтобы забрать на технике). При этом мы будем использовать TutorialBlog текст и сделать отражение от этого. Надо было что-то в таком виде:

зеркало Photoshop изображение эффекта Шаг 1

Шаг 2

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

зеркало Photoshop изображение эффекта Шаг 2

... А затем отпустите кнопку мыши. Вы должны иметь два слоя тот же текст, в настоящее время. Следующим шагом будет перевернуть эту вертикально. Для этого Вам необходимо обратиться в верхнем меню и выберите Edit> Transform> Flip вертикально. Вы должны в итоге холст, который выглядит следующим образом:

зеркало Photoshop изображение эффекта Шаг 2 2

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

зеркало Photoshop изображение эффекта Шаг 2 3

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

Шаг 3

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

зеркало Photoshop изображение эффекта Шаг 3

Для того, чтобы замаскировать текстовый слой, все, что нужно сделать, это просто щелкните левой кнопкой мыши и перетащите вверх-вниз текстовый слой на этот значок в окне слоев, и отпустите кнопку мыши. Теперь у вас есть активные маски слоя на этот слой текста. Можно заметить, что по краям текста получить принес немного. Маска планки с менее заметными края любое изображение или текст, делая его более четким и легче править без деградации. Другой трюк, что эти досадные программисты Adobe думать.

ИТАК, теперь у вас есть слой текста, который имеет активную маску. Пора объяснить, как маску слоя работы.

Слой маски в основном обеспечить слой с некоторыми дополнительными ценностями, которые позволяют ему быть тесно изменение в деталях или в целом, с добавленными бонус быть легко удалось скрыть некоторые части изображения, что от физического зрения. Это делается с помощью черного и белого цветов. Давайте эксперимент с нашими маске текстового слоя и спрятать некоторые из них!

Выберите инструмент Градиент, убедившись, что черный цвет установлен в соответствии с цветом, и убедитесь, что атрибуты для градиента посмотреть инструментом, как это:

зеркало Photoshop изображение эффекта Шаг 3 2

Теперь, когда инструмент установлен, и ваш слой находится в нужном месте, все, что вам нужно сделать, это перетащить градиент от чуть ниже, где в масках текст начинается (внизу), чтобы Точное место, где в масках текст концами (верхняя ). Для этого 4 из 5 раз, а затем установить прозрачность слоя до 40%. Вы должны иметь изображение следующего вида:

зеркало Photoshop изображение эффекта Шаг 3 3

Просто, как пирог! Теперь вы можете экспериментировать с новыми нашли отражение навыков и делать вещи, spiffier, чем никогда! Удачи, и наслаждайтесь.



Комментарии

24 Ответы на "Отражение текста и изображений Photoshop Tutorial"
  1. Daniel Rough - говорит:

    очень современный и привлекательный образ зеркальным эффектом

    хахаха ты сделать мой день!

  2. Брайант - говорит:

    Эти деньги! Спасибо.

  3. анонимное письмо - http://www.anonymousspeech.com говорит:

    Вы можете добавить поверхность с исчезновением серого цвета. Это могло бы сделать эффект более впечатляющим.

  4. Джерри - говорит:

    Nice учебник. Может быть, это я, но так как базовый "г" отличается от всех остальных текст, эффект отражения действительности не имеет смысла.

  5. Tjerja - http://www.esenciadesign.com говорит:

    Джерри: Вы правы по поводу 'G' ;-) . Но кроме этого, все другие читатели должны попробовать использовать Gradient Overlay (эффект стиль слоя) в нижней части объекта тень. Это гораздо проще (и неразрушающего!) Способ создать такой же эффект. Дает Вам больше контроля, а также. Вместо затухающего его прочь с маской, вы можете также исчезают градиент белый ... ;-)

    Cheers, Tj.

  6. IMI - http://www.car-sale.org.uk говорит:

    хороший учебник

  7. Nikki - говорит:

    Я полностью согласен с Tjerja. Я попробовал и так и эдак, и я нашел, что использование Gradient Overlay был гораздо более простой и более простой способ, чтобы получить желаемый эффект тот же!

  8. JayJay веб-дизайн - http://www.jayjaywebdesign.com говорит:

    Великий!

    Я часто думал так долго об этом ..

    Yhanks много

  9. Исмаэль - http://www.myspace.com/ismaelf4 говорит:

    а "г" не отражается хорошо, что вид
    письмо сделать не работают хорошие отражения

  10. Борат - говорит:

    бак у очень хороший : P: P: P

  11. Чарли "- говорит:

    Очень приятно! спасибо

  12. Брэндон - http://www.WizardHat.uk.to говорит:

    Ух я получил это, но я не knw это выглядит хорошо это или плохо, что вы думаете?

  13. Брэндон - http://www.WizardHat.uk.to говорит:

    Крики страничка:

    http://img523.imageshack.us/img523/6303/brand9nye3.png

  14. minimina - http://none говорит:

    Огромное спасибо! на самом деле это один полезно : D

  15. minimina - http://none говорит:

    означает, полезные

  16. bzsolt - говорит:

    ура! :)

  17. Gopinath M - http://mgopinath.blogspot.com говорит:

    Прекрасную статью. Я никогда не знал, что это так легко создать размышления. Спасибо большое. Я собираюсь перестроить текст и изображения в моем блоге http://mgopinath.blogspot.com с этой техникой. Спасибо большое.

  18. Роан - http://roanne.blogsome.com говорит:

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

  19. Роан - http://roanne.blogsome.com говорит:

    О, я получил его. Ха-ха. Спасибо, это было так здорово!

  20. Кассия - говорит:

    Это не будет работать с фотографиями ... Мне нужно, чтобы отразить изображение по горизонтали, а не отражать текст. они не работают так же. Может кто-то мне помочь?

  21. iMarh - http://imarh.blogspot.com говорит:

    Хорошее ай. В моем блоге я перечислил некоторые полезные учебники по Adobe Photoshop.

  22. CubidoN - http://www.gfx.ge говорит:

    Спасибо вам за эту этот учебник!

    Вы помогли мне очень нравится!

    Еще раз спасибо!

  23. Брэд Най - http://daily-rambler.blogspot.com/ говорит:

    Вы получаете золотую звезду!

Учебник блог