Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

3D картинка монитора

Alex | 11.03.2014 | нет комментариев

Как-то просматривая Интернет, я пришел к мысли создать картинку машины на мониторе, которая как будто выезжает из экрана. Это очень классный эффект. Хотя это технически не 3D графика, все равно, кажется будто она объемная.

3D картинка монитора

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

Следующая вещь – это фигура, которая будет картинкой на мониторе. Вы должны подумать, какую часть картинки вы выделите из экрана для создания 3D эффекта. Автомобили или мотоциклы будут хорошим вариантом. Также подойдут люди, чьи руки или ноги можно вытащить из экрана. Я буду использовать машину.

Как вы видите, картинка слишком большая для размещения на экране монитора. Я немного уменьшу ее. Выберите Image>Image size и уменьшите до необходимых размеров. Никогда не используйте картинки, которые слишком маленькие. Поэкспериментируйте с настройками, чтобы получить правильный размер. К сожалению, тут нет магического числа. Когда вы установите необходимый размер, воспользуйтесь move tool (V), чтобы перетащить картинку на экран монитора.

Измените opacity машины приблизительно до 60%. Это позволит видеть сквозь машину монитор. Теперь необходимо немного трансформировать, чтобы добиться правильной перспективы. Выберите Edit>Transform>Skew. Теперь необходимо перетащить углы картинки так, чтобы вертикальные и горизонтальные линии слоя с машиной совпали с вертикальными и горизонтальными линиями монитора. Это должно быть сделано очень точно, только примерно. Мы не пытаемся поместить картинку на экран.

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

Я собираюсь использовать Pen Tool, чтобы вырезать картинку для заполнения экрана монитора. Вот когда уменьшенная прозрачность действительно помогает, т.к. вы видите сквозь картинку, вы знаете куда щелкать. Щелкайте по краям экрана, чтобы выделить его. Когда вы дойдете до области 3d, выделите вокруг нее. Обойдите вокруг всего экрана, чтобы замкнуть контур, сделанный Pen Tool. Вам потребуется масштабировать картинку и изменять opacity, пока вы будете делать контур.

Теперь, когда есть замкнутый контур, необходимо изменить его на выделение. Сделайте это с помощью щелчка по закладке paths в палитре слоев. Затем правый щелчок мышкой по work path и выберите «Make Selection» с радиусом 1 пиксель. Когда вы это сделаете, вернитесь обратно на закладку layers. У вас получаться мигающие черточки, показывающие выделение.

Выберите Select>Inverse и нажмите delete. Это удалит все, что не должно быть на картинке. Нажмите Ctrl+D для снятия выделения. Верните opacity обратно на 100% и все готово. Вот, что получилось у меня.

Это 3D монитор! Вот еще примера данного эффекта.

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB