3d коробка — уроки фотошоп

Бесплатные видеоуроки по созданию сайтов

3d коробка - уроки фотошоп

  • Главная»
  • Скачать»
  • Бесплатные видеоуроки по созданию сайтов

Здесь вы можете скачать различные видеоуроки, которые тем или иным образом относятся к теме сайтостроения.

  • В этом уроке вы познакомитесь с отличным плеером для показа видео на вашем сайте JW Player, а также научитесь взаимодействовать с ним, привязывая к разным моментам просмотра видео всякие события. Например, если вы делаете какую-то продающую презентацию и хотите, чтобы люди увидели кнопку заказа только ближе к концу презентации, то с помощью данного видео вы сможете это сделать.
  • Я думаю, вы уже много раз наталкивались на эффект дразнящего уголка на сайтах разных инфобизнесменов. Этот прием хорошо себя зарекомендовал, поэтому с помощью него вы сможете немного увеличить свою подписную базу или повысить продажи.
  • Многие мечтают о хорошей системе комментариев на своем сайте. Ведь большое количество комментариев к вашим материалам создают активность аудитории, благодаря которой видно, что сайт живой, и его посещают другие люди. Но проблема в том, что большинство стандартных систем комментирования, которые встроены в движки сайтов, позволяют оставлять комментарии только зарегистрированным пользователям. Либо, если открыть их для всех, то вас замучают спамеры.
  • Гостевые книги часто используются на сайтах в качестве эффективного способа обратной связи с людьми, которые заходят на ваш сайт. Посетители могут высказать свое мнение относительно сайта, дать какой-то совет или задать вопрос. И в этом уроке мы установим на сайт, работающий на движке джумла, компонент гостевой книги phoca guestbook.
  • Последние несколько лет все свои покупки на аукционе ebay и многих интернет-магазинах я оплачиваю с помощью системы PayPal. Это удобно, безопасно и быстро. О том, как открыть счет в этой системе, я расскажу в двух видеоуроках, которые записал специально для вас.
  • Возможно вы заметили, что сегодня в Рунете все больше и больше людей предпочитают размещать свои сайты на хостинг-площадках Германии и Голландии. С 2011 года я стал плотно интересоваться этой темой и стал эксперементировать с размещением своих сайтов на серверах в странах Западной Европы. Пока меня все устраивает и часть моих сайтов работает именно с них.
  • Недавно на одном из продающих сайтов я заметил мигающий заголовок, который достаточно хорошо привлекал к себе внимание. Я сразу взял эту идею на карандаш и решил подготовить инструкцию о том, как реализуется такой эффект через jquery.

Видеокурс «HTML с нуля»

Если вы давно хотите как следует изучить HTML, то у меня для Вас есть отличная новость!

Вы можете совершенно бесплатно получить полноценный курс по HTML из моего платного сборника. 33 видеоурока от Евгения Попова!

Бесплатно!

Список уроков и подробности получения курса здесь

Видеокурс «CSS с нуля»

Если вы уже изучили HTML и хотите двигаться дальше, то следующим шагом будет изучение технологии CSS.

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

Бесплатно!

Список уроков и подробности получения курса здесь

При регистрации введите промокод 1popov и получите 28 дней бесплатного использования.

Источник: https://ruseller.com/adds.php?rub=12&id=2490

Создаем 3D коробку в Photoshop при помощи экшена. Action 3D box for Photoshop — Лайн видеоролики

3 лет назад

This is a technique that helps you to present your designs to the client, without having to make mockups. You basically create your shadows and lights in layers on top of the design. This way you can have many design previews in one PSD file.

I have also created a basic 3D model in illustrator, just to have the correct perspective in my design. Download the ai and PSD files of this tutorial here: http://www.megafileupload.com/en/file/614715/Archive-zip.html My blog: http://dimitrisklonos.

blogspot.gr/

5 лет назад

Рисуем картонную коробку 3d в фотошопе http://vgrafike.ru/postoj-urok-risovaniya-korobki-v-fotoshop/. Этим значком часто обозначают загрузку файлов на сайте.

2 лет назад

В данном видео уроке рассмотрим как создать 3D обложку в программе Adobe Photoshop. Для использования данной объемной 3D обложки на сайтах для привлекательной презентации контента.

4 лет назад

Урок по разработке презентационного шаблона Mockup в photoshop. Данный макет подойдет для презентации визитных карточек, логотипов, флаеров. Шаблон строится на принципе работы смарт-объекта.

То есть дизайн загружается непосредственно в смарт-объект и к нему применяются все стили, объем эффекты, расположение и т.д. Сайт: http://fotodizart.ru Статья: http://fotodizart.

ru/kak-sozdat-mockup-v-photoshop-video-urok.html

4 лет назад

IMPORTANT: At 4:27 in the video, press Ctrl (Cmd) + E to merge the border with the shield. Photoshop CC tutorial showing how to design and create ancient-looking text on top of an iron shield decorated with a Viking ornamental border against a weathered, iron surface surrounded with a Viking border.

IMPORTANT: Please turn on your YouTube annotations! I added a step at 3:54 that I overlooked. 🙁 Ancient Metal Text document: http://goo.gl/JJnaTn Shield document: http://goo.gl/cwJc4y Cabaletta font: http://goo.gl/0bVxvN Subscribe to Blue Lightning TV!: http://goo.gl/HEpuJ4 Website: http://www.bluelightningtv.com/ : https://goo.gl/fHLJsh : https://.

com/bluelightningtv Check out my tutorials on Skillfeed!: https://www.skillfeed.com/instructor/12

1 лет назад

Уроки Adobe Illustrator/Photoshop. Делаем 3D шахматную фигурку. Ссылка на рисунок и текстуру: https://cloud.mail.ru/public/D7fS/hDnMqdko2

5 лет назад

This is my first Photoshop tutorial upload, Please leave any feedback and if you do come to use this effect, let me know how you get on!

3 лет назад

Процесс создания красивой обложки для 3д коробки

5 лет назад

★ МОЙ САЙТ: http://urokipk.ru/ Всем привет! В этом видео уроке мы с вами узнаем, Как перевернуть видео на 90 градусов, как перевернуть видео в movie maker, Как повернуть видео на 90 градусов.

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

В айфоне особенно часто это бывает! Ваше видео допустим верх ногами, встаёт вопрос, что нам делать? Ответ вы получите в этом видео.

Приступаем к изучению: 1 — 0:20 запускаем программу муви мэйкер если нету то скачиваем с интернета 2 — 0:30 загружаем нужное нам видео 3 — 1:05 заходим в видео эффекты и выбираем нужный эффект, например разворот видео на 90 градусов Спасибо за просмотр видео! Подписывайтесь на мой канал! ### ПОСМОТРИТЕ ЕЩЁ ВИДЕО ### Как установить виндовс 7, 8 или xp: https://www.youtube.com/playlist?list=PLOUFOCv3Qwuj3bi7jdVW4nVc3VCGV-l_m Покупки в интернете: https://www.youtube.com/playlist?list=PLOUFOCv3QwugJTyBF06YoWF6Rmjs2NJur Как пользоваться вебмани, я-деньги, киви, paypal: https://www.youtube.com/playlist?list=PLOUFOCv3QwugEjf2FiB6NQ9cf7Gr2ysn0 Как пользоваться скайпом: https://www.youtube.com/playlist?list=PLOUFOCv3Qwug170gN3DU16RpL4jlaB1D- Борьба с вирусами, хакерами, кражами, мошенниками: https://www.youtube.com/playlist?list=PLOUFOCv3Qwuih-tqfDxU15cdaMfprigVG Как пользоваться Интернетом: https://www.youtube.com/playlist?list=PLOUFOCv3QwuiG4BGChlXIeVmHL7MQomUQ Уроки по windows 7: https://www.youtube.com/playlist?list=PLOUFOCv3Qwuio-stbWWAsl-edT6R8BBef Очень полезные видео: https://www.youtube.com/playlist?list=PLOUFOCv3QwuiSV1ZyJuuL1eBeRs9ozFCL Как пользоваться ютубом: https://www.youtube.com/playlist?list=PLOUFOCv3Qwuhn3gr3xpwmefj3Yn_gNyoj Устройства компьютера, сборка, bios: https://www.youtube.com/playlist?list=PLOUFOCv3QwuhwJheDlO6SPz9ne2D21Kzb Установка драйверов, обновление: https://www.youtube.com/playlist?list=PLOUFOCv3Qwui2NrEYJyalKDcIAK0GHYLo Как пользоваться электронной почтой: https://www.youtube.com/playlist?list=PLOUFOCv3Qwuj-hksVzOPl—W0yDp53wfw

5 лет назад

ВИДЕО С САЙТА — http://expert-polygraphy.com/delaem-maket-shtampa-dlya-vy-sechki-korobki/ ——————————————————————————————— Высечка представляет собой ножик различных форм который встроен в фанеру (штанцформа). Удар такого ножа по бумаге позволяет получить готовое изделие с вырубкой, линиями сгибов, надсечкой и т. д.

4 лет назад

I Guarantee I Can Teach You to Master Photoshop. Learn How: https://phlearn.com/aaronwillteachyou In today’s episode, we give you the gift of facial hair! Whether for fun or for professional retouching, creating hair can always come in handy. Download Phlearn's Custom Facial Hair Brush here: http://phlearn.

com/make-facial-hair-photoshop Creating a custom brush: Step One The first and possibly most important step is to make one single hair with the brush tool. This hair should be as perfect as possible and match the other hairs on the face, because it will become the custom brush.

If you want to create stubble, simply make the brush a little smaller to resemble a single spot of stubble. Create a white background around the hair by using the marquee tool. Then, after selecting the boxed hair, go to Edit — Define Brush Preset. After it is saved, you can open it in the brushes panel.

Creating a custom brush: Step Two Spend time playing around in the brush menu! Many little adjustments add up to an amazingly realistic look. Make changes such as increasing the angle jitter, roundness jitter, scattering, opacity, spacing, etc.

A Hairier Face When you are satisfied with your custom brush, it’s time to paint! All you have to do is paint on the face where you want the hair to be. Remember: hair is not always the same color, so a good mixture of lights and darks is important when making realistic facial hair. Hold ALT/OPT and sample multiple colors as you go.

Читайте также:  Медовый текст в фотошоп - уроки фотошоп

You can also paint with white to create some highlights. VISIT PHLEARN.COM FOR MORE FREE TUTORIALS https://phlearn.com SUBSCRIBE TO OUR CHANNEL FOR MORE FREE TIPS AND TRICKS http://www.youtube.com/subscription_center?add_user=phlearnllc GET FREE TUTORIALS IN YOUR EMAIL + DISCOUNTS ON OUR PRO TUTORIALS! https://phlearn.

com/mail BUY THE TABLET AARON USES! https://phlearn.com/tablet LET'S BE FRIENDS! Instagram ► https://www.instagram.com/phlearn/ ► https://.com/phlearn ► https://.com/phlearn ► https://plus.google.com/116791098059215639405 Phlearn ► https://phlearn.com

5 лет назад

https://www.youtube.com/watch?v=BpgFKjpZyEw

Пошаговая настройка парсинга интернет магазина на WebAsyst в Datacol5.

Источник: http://videoline63.ru/watch/sozdaem-3D-korobku-v-Photoshop-pri-pomoshchi-ekshena-Action-3D-box-for-Photoshop/kpz6dk0ZBm4

Создаём 3D DVD коробку в Фотошоп

Цель этого урока не столько создание именно DVD Box, сколько еще одно знакомство с инструментами 3D в Adobe Photoshop CS5 Extended  и СS4 Extended, и хотя  окно 3D у них немного отличаются, этот урок можно выполнить в обеих версиях.

(нажмите на изображение, чтобы увеличить)

Шаг 1. Для начала вам нужно подготовить два изображения, которые будут на лицевой и обратной стороне коробки.

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

  Единственное условие,  они должны быть: Размер 370 на 490 пикс Разрешение 100 пиксдюйм.  Сохраните их так, что бы могли быстро найти.

Шаг 2. Создайте новый документ Размер 800 на 800 пикс. Разрешение 100 пиксдюйм. На панели инструментов выберите меню 3D,  создайте новую фигуру из слоя —  Куб.

Вы получите вот такую фигуру

Переименуйте этот слой в «Лицевая сторона»

Шаг 3. Сейчас у нас есть 3D куб, который пока не очень похож на коробку для диска.
Чтобы изменить его форму активируйте инструменты 3D

У вас появится вот такой инструмент управления 3D объектом по осям.

Шаг 4. Теперь я хочу немного отвлечься и показать, для чего предназначены разные фигурки на этих осях.

Каждая из стрел этого инструмента отвечает за одну ось: Красная – осьХ   Зелёная – осьY  Синяя – ось Z.

  Когда вы подводите курсор к разным частям стрел осей, некоторые из них изменяют свой цвет на желтый, это значит что активируется один из элементов управления
1. Если активируется острый наконечник то, зажав ЛКМ, вы можете перемещать 3D объект по одной оси.

2. При наведении курсора на второй элемент – дуга, появляется круг, который показывает, что вы можете вращать объект вокруг одной оси.

3. Третий элемент (назовем его прямоугольник) самый интересный для нашего урока, он изменяет размер 3D объекта по одной из осей.

4. Поставив курсор между двух стрелок осей, появится квадрат, который дает возможность двигать 3D объект по двум осям (например, когда нужно вверх и в сторону, но не нужно приближать или отдалять ).

5. Ну и последний элемент, это центральный кубик соединяющий все оси, управление ним дает возможность масштабировать 3D объект.

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

Шаг 5. Поверните ваш куб так, что бы он стал к вам стороной “Спереди”. Это можно сделать, просто используя готовые команды в окне положения на панели инструментов.

Подведите курсор к осям, так что бы активировать прямоугольник на оси Х.

Зажмите ЛКМ и тяните курсор влево, пока эта сторона не станет шириной 25- 30 пикс.

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

Шаг 6. Используя окно с командами положений, поверните ваш объект стороной “Справа”. Это будет передняя сторона нашего DVD Box, значит нужно предать ей соответствующую форму прямоугольника.

Для этого нужно поставить направляющие: две горизонтальные на 145 и 655пикс. и  две вертикальные на 205 и 595пикс.

 Теперь поочередно активируя управляющие прямоугольники на осях Y и Z (на рисунке отмечены красным кругом) и зажимая ЛКМ,

растяните до направляющих по оси Zи сожмите до направляющих по оси YКогда у вас будет вот такая фигура

можете удалять направляющие.

Шаг 7. Форму мы придали, теперь будем вставлять то изображение, которое вы приготовили для лицевой стороны нашего DVD Box. Для этого в палитре слоев сделайте двойной клик на “Слой 1”

Он откроется как новый документ с названием: Слой 1.psd

Загрузите, любым удобным для  вас способом (копировать – вставить, перетащить и т.д.), в этот документ то изображение, которое вы приготовили для лицевой стороны.

Так как размер вашего документа 800 на 800 пикс, а подготовленное изображение 370 на 490 , то вам нужно подогнать размер этого документа под вставленное изображение.

  Проще всего это сделать, перейдя в меню Изображение – Тримминг…

Поставив вот такие настройки

Нажать ОК.

Шаг8. Как правило, вставка с рисунком на коробках для дисков, оставляет по бокам немного места, где видим материал коробки, попробуем это повторить.

Перейдите менюИзображение – Размер холста, или  нажмите сочетание  Alt+Ctrl+CВ открывшемся окне поставьте галочку напротив- Относительная.

 Этопозволит нам избежать математических вычислений, и даст команду фотошопу, на сколько пикселей увеличить холст. Поставьте: ширину 20 пикс и высоту 20 пикс.

Теперь вокруг вашего изображения появилась окантовка с прозрачными пикселями. Выделите их с помощью волшебной палочки,  нажмите на клавиатуре “D” (что бы вернуть цвета по умолчанию) и Alt+Backspace (что бы залить выделение основным, черным, цветом). Снимите выделение.

Закройте документ “Слой 1” , у вас откроется окно подтверждения, нажмите Да.

Шаг 9. Как видите, лицевая сторона изменилась, теперь нам нужна надпись на торце коробки. Сделайте двойной клик на “Материал сверху – текстура по умолчанию” что бы он открылся в новом документе.

Возьмите инструмент Прямоугольное выделение , переключите стиль на: Заданные размеры, и выставьте значения: Ширина 30 пикс, Высота 510 пикс. Сделайте клик в любом месте документа. Залейте появившееся выделение основным (черным) цветом. Не снимая выделение, возьмите инструмент Вертикальный текст,

 измените цвет на белый. Размер шрифта 12-24 (это зависит от того сколько вы хотите написать). Поставьте курсор вверху полосы и напишите свой текст. Когда текст готов, снимите выделение,  слейте все слои и повторите Тримминг как в Шаг 7.

Закройте документ “Материал сверху – текстура по умолчанию.psd ”

Шаг 10. С помощью осей 3D передвиньте ваш объект вправо. Для этого подведите курсор так что бы активировать острый наконечник на оси Y(на рисунке в красном круге), зажмите ЛКМ и перетяните курсор вправо,

 чтобы ваш объект передвинулся как на рисунке.

Теперь его нужно немного повернуть. Сделать это можно двумя способами. Первый: Подведите курсор к осям, так что бы активировалась дуга на оси Y(вы увидите желтую полосу как на рисунке.)

изажав ЛКМ, поверните объект немного вправо

Второй: Нажимайте стрелку “вправо” на клавиатуре, объект будет поворачиваться. Но мне такой способ не очень нравится, так как поворот происходит рывками сразу на несколько градусов.

Теперь используя наконечник на осиZ и центральный квадрат, поднимите объект вверх и немного уменьшите его размер.

Шаг 11. Как видите, яркость лицевой стороны отличается от той яркости, которая была на вашем подготовленном изображении. Чтобы исправить этот недостаток займемся освещением 3D объекта.
Откройте меню 3D.

 Выберите первый источник света (на рисунке 1), переключите источник с бесконечного на направленный (на рисунке 2). Чтобы легче было ориентироваться, включите показ 3D-света и 3D-плоскость основания (на рисунке 3).

Шаг 12. Теперь у вас есть сетка, по которой можно ориентироваться и видимый источник света (на рисунке обведен красным.)

Клик ПКМ на инструментах управления светом, откроет три инструмента (в версии CS 5 можно использовать оси).

Используя которые вам нужно передвинуть и повернуть источник света, так  что бы он светил в центр 3D объекта, при этом также освещая торцевую сторону с надписью. В этом случае я не могу дать вам точных инструкций, тут все зависит от вашего изображения и навыков обращения с мышкой. Результат должен выглядеть примерно так

Теперь нужно подобрать Рассеивание, Центр освещенности и Интенсивность. Лучше всего это делатьименно в такой последовательности. У меня эти параметры получились такие: Рассеивание 90%  Центр освещенности 45%  Интенсивность 1.1. 

У вас эти параметры могут отличаться, это сильно зависит от цвета и яркости вашего изображения. Теперь можете отключить показ 3D-светаи3D-плоскости основания.

Шаг 13. В окне истории  сделайте снимок, и сразу поставьте его как источник для архивной кисти.

Шаг 14. Вернитесь в палитру слоев, и сделайте две копии вашего 3D слоя. Одну копию переименуйте в “Отражение”.  Вторую в “Изнанка”.

 Сделайте так, что бы ваш основной слой «Лицевая сторона», был верхним. Оставьте его видимым, а остальным отключите.

Подсказка: Чтобы оставить видимым  только один слой одним кликом, зажмите  Alt и кликните по глазику Слоя 1.

Шаг 15. Если вы сейчас немного увеличите своё изображение, то заметите что верхняя часть нашей коробки идет лесенкой.

https://www.youtube.com/watch?v=jRyc9NN9e74

Что бы убрать это, перейдите в меню 3D , и переключите качество на: Окончательная трассировка лучей. Придётся немного подождать пока пройдет обработка, в это время нельзя ни чего делать в фотошопе, иначе трассировка остановится. Когда заметите что верхний край стал более плавным и больше не похож на лесенку  можете, остановит обработку, просто кликнув мышкой.

Теперь растрируйте слой «Лицевая сторона»,  для этого клик ПКМ на «Лицевая сторона», и выберите команду Растрировать 3D.

Шаг 16. После трассировки, изображение на лицевой стороне  коробки совершенно размазалось и потеряло резкость. Что бы вернуть ему нормальный вид, мы используем снимок сделанный в Шаг13. Возьмите инструмент Архивная кисть  (Y) ,  Жесткость 100%

Изменяя размер кисти, аккуратно, не затрагивая края коробки, восстановите изображение.

Шаг 17. Активируйте слой “Изнанка”, включите его видимость. Видимость основного слоя «Лицевая сторона» пока отключите.

Возьмите инструмент “Поворот 3D объекта”используя дугу на оси Y , поверните его ровно. Сейчас нужно заменить изображение на  то, которое вы готовили для обратной стороны DVD Box.

Для этого в палитре слоев в слое “Изнанка” , сделайте двойной клик на “Слой 1”,

 как и в седьмом шаге этого урока он откроется в новом документе. Загрузите в открывшийся документ, то изображение, которое вы приготовили. Вставьте его так что бы оно заменило то что было, но не перекрыло черную обводку. Закройте документ “Слой 1” .  Растрируйте слой “Изнанка” .

Шаг 18. Включите видимость слою  «Лицевая сторона»  (но активным должен оставаться слой Изнанка)

Возьмите инструмент Перемещение  (V), переместитеслой Изнанка влево, так что бы он совсем немного перекрывался первым слоем

Активируйте Свободную трансформацию (Ctrl+T). Уменьшите слой “Изнанка” примерно до  95-97 процентов.

Шаг 19. Активируйте слой «Отражение».  Повторите начало седьмого шага этого урока, откройте в новом документе «Слой 1» с изображением лицевой стороны DVD Box.

Активируйте свободную трансформацию (Ctrl+T) и примените команду: Отразить по вертикали. Закройте документ «Слой1».

Повторите эти действия с «Материал сверху», что бы отразить надпись на торце коробки.

Шаг 20. Выберите инструмент  Панорамирование 3D объекта .

Теперь используя этот инструмент, либо острый наконечник на оси «Z» переместите «Отражение» вниз, так что бы оно соприкасалось своей верхней стороной, с нижней стороной «Лицевой стороны».

Как и в Шаг 12 этого урока, откройте палитру 3D и измените направление света, так что бы он освещал «Отражение». Растрируйте слой «Отражение».

Шаг 21. Отключите видимость слоя «Отражение». Активируйте самый верхний слой «Лицевая сторона». Возьмите инструмент Осветлитель  с такими настройками:Диапазон:  Тени.  Экспонир. : 100%.  Размер кисти: 10пикс. Жесткость: 0%. Проведитеосветлителем линию от точки 1 до точки 2

Чтобы придать видимость закругленного края коробки. Пройдите Осветлителем с меньшей интенсивностью по всем краям лицевой стороны. Затем включите видимость «Отражения», обработайте Осветлителем края слоя «Изнанка» и «Отражение».

Шаг 22. Создайте новый слой. Назовите его «Фон» переместите в самый низ палитры слоев и залейте белым цветом.  Двойным кликом по слою «Лицевая сторона», вызовите параметры наложения.

Примените Тень с такими параметрами: Непрозрачность 75. Смещение: 70. Размах: 10. Размер: 60. (Эти параметры у вас могут отличаться от показанных.

Все зависит от яркости и размера вашего изображения.)

Теперь нужно убрать тень там, где её не должно быть. Это можно сделать несколькими способами, я покажу вам один. Наведите курсор точно на знак параметров наложения на слое «Лицевая сторона». Клик ПКМ и выберите команду: Образовать слой. В открывшемся окне, нажмите ОК.

Теперь тень стала отдельным слоем,

 и с помощью Ластика  вы можете удалить её там, где нужно.

Шаг 23. Слейте слой Тень с слоем Изнанка (Ctrl+E). Создайте копию этого слоя (Ctrl+J.

Активируйте Свободную трансформацию (Ctrl+T), примените команду: Отразить по вертикали. Переместите изображение этого слоя вниз, так что бы его верхний край соприкасался с нижним краем слоя Изнанка.

В палитре слоев переместите этот слой «Изнанка копия», так что бы он располагался между слоем «Отражение» и слоем «Фон».

При активном слое «Изнанка копия», загрузите выделение слоя Отражение (Ctrl + Клик по миниатюре  слоя «Отражение»).

  Нажмите Delete на клавиатуре, это удалит все, что попало в выделение на слое «Изнанка копия» (иначе оно будет вам мешать в следующем шаге).

Снимите выделение (Ctrl+D).

Шаг 24. Осталось придать отражению прозрачность. Для этого добавьте слою «Отражение» маску слоя, возьмите градиент от черного к белому и проведите ним по маске слоя снизу вверх. Если вам кажется что отражение не достаточно прозрачно, можете уменьшить непрозрачность слоя до 50-70 процентов.
Повторите этот шаг с слоем «Изнанка копия».

Ваш DVDBox готов.

Надеюсь, этот урок помог вам узнать немного нового о возможностях использования 3D, в  Adobe Photoshop CS5 Extended.

Источник: photoshop-master.ru

Источник: http://bb3x.ru/blog/sozdayom-3d-dvd-korobku-v-fotoshop/

Создание 3D коробки для профессиональной презентации продукта

Предлагаю Вашему вниманию один из самых интересных уроков о том, как создать 3D коробку для профессиональной презентации конкретного продукта. Я хочу создать коробку для продукта программного обеспечения.<\p>

Итак, начнём! Для начала создаем новый документ с разрешением 500×500рх. Выбираем белый цвет в качестве цвета нашего холста.

Используем Rectangular Marquee Tool для создания прямоугольного выделения, как показано на моей картинке ниже. Затем создаем новый слой и заливаем его линейным градиентом, используя цвета #013a55 и #005f82.

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

Снимаем выделение с помощью Ctrl+D и переходим к следующему шагу. Я хотел бы добавить какую-то абстрактную картинку на нашу будущую коробку. Итак, я создаю графический элемент самостоятельно. Создаем новый слой и, используя инструмент Brush Tool, добавляем несколько мягких линий белым цветом.

Затем применяем фильтр Filter > Distort > ZigZag со следующими установками:

Меняем режим отображения слоя на Overlay и устанавливаем непрозрачность 35%.

Теперь нам необходимо очистить все белые линии, которые выходят за размеры коробки. Выделяем фигуру коробки (Ctrl+левая кнопка мыши на значке слоя в наборе слоев), затем инвертируем выделение с помощью Ctrl+Shift+I и нажимаем кнопку Delete на выделенной области.

Снимаем выделение с помощью Ctrl+D. Отлично, теперь можно добавить логотип программы на коробку. Вы можете найти какой-то логотип, используя Google Images или использовать мой логотип. Открываем эту картинку и копируем её на основной холст. Затем немного уменьшаем её.

Загружаем выделение логотипа через Select > Load Selection, затем удерживаем кнопку Alt, используем Polygonal Lasso Tool, чтобы снять выделение со всех лепестков, кроме самого большого. Заливаем выделенную область линейным градиентом, используя цвета #a8f522 и #547300.

Снимаем выделение с области с помощью Select > Deselect. Затем дублируем слой с помощью Ctrl+J, после этого меняем непрозрачность на 20% для текущего слоя и используем Edit > Flip Vertical, чтобы отразить картинку по вертикали.

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

Отлично, переходим к следующему шагу: пришло время добавить текст. Я хочу добавить название продукта первой строкой цветом #a3e30a посредине лицевой части коробки над логотипом.

На изображении выше я использовал шрифт Arial Narrow, который является одни из стандартных шрифтов Windows. Используя белый цвет, добавляем ещё несколько строк тем же шрифтом, но других размеров. Это должны быть небольшое описание, копирайт и т.д.

Переходим к следующему шагу. Мы должны добавить 2 строчки текста на боковую часть. Просто копируем название программы и короткое описание. Передвигаем их влево и, используя Ctrl+T, поворачиваем на 90 CCW. После чего немного уменьшаем, как показано на моей картинке ниже.

Чтобы закончить модель коробки я хотел бы добавить штрих-код. Вы можете загрузить его отсюда. Копируем его на наш основной холст и уменьшаем.

Отлично, теперь производим слияние всех слоев, кроме слоя фона, в один и начинаем создавать трехмерную модель для презентации. Нам нужно добавить перспективу нашему объекту. Используем инструмент Rectangular Marquee Tool, чтобы отделить лицевую часть от боковой.

Нажимаем Ctrl+Shift+J, чтобы отрезать выделенную область на новый слой. Затем применяем Edit > Transform > Perspective к новому слою, чтобы добавить перспективу.

Затем передвигаем курсор к правой средней точке трансформирующей сетки по вертикали. Когда Вы увидите две стрелки вверх и вниз, передвиньте курсор немного вверх. Результат должен быть таким же, как мой:

После этого дублируем слой с помощью Ctrl+D, чтобы создать отражение, и применяем Edit > Transform > Flip Vertical, после чего перемещаем трансформированную копию вниз. У Вас должна получиться такая же картинка, как и у меня:

Теперь применяем Edit > Transform > Skew, чтобы немного трансформировать нижнюю часть.

Отлично, теперь переходим на слой с боковой частью и применяем к нему тоже Edit > Transform > Perspective.

Затем нажимаем Ctrl+J, чтобы дублировать текущий слой, и применяем Edit > Transform > Flip Vertical, затем перемещаем отраженную копию вниз.

Затем используем Edit > Transform > Skew, чтобы трансформировать эту часть изображения, как показано на моей картинке ниже:

Производим слияние двух слоев, которые Вы отразили, и применяем режим Quick Mask Mode с градиентом, как показано ниже:

Теперь возвращаемся в режим Standard Mode. У нас появилась выделенная область. Нажимаем кнопку Delete, чтобы очистить выделенную часть изображения.

Снимаем выделение с помощью Ctrl+D и устанавливаем непрозрачность 37% для этого слоя.

На этом шаге наша работа заканчивается. Мы сделали 3D коробку для профессиональной презентации программного продукта. Надеюсь, Вы получили лучший результат, чем я! Если нет, просто не переставайте тренироваться, и Вы получите лучшие результаты!

Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
• Создание голливудской улыбки
• Типографская врезка
• Отбрасывание тени

Источник: http://www.4webmaster.ru/lessons/2067/

Используем экшены для Фотошопа, если нужно создать 3d обложку для инфопродукта

Приветствую вас, на блоге vitalykalinin.ru. Сейчас только ленивый не выпускает информационные продукты. Это могут быть курсы и видео уроки, книги и мануалы – да всё что угодно. И теперь совсем не важно, на какую тему ведётся интернет проект.

Из всего можно сделать инфопродукт. Но сегодня, его содержимое нас не интересует. Мы разберём, как красиво упаковать всё это. Давайте рассмотрим, как создать 3d обложку для информационного продукта с помощью экшенов для Фотошопа.

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

Допустим, вы уже создали информационный продукт. И простой ссылкой для его получения, уже обойтись нельзя. Во всем многообразии рекламных материалов ваша ссылка просто останется незамеченной.

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

Поэтому необходимо уделить пристальное внимание визуальной составляющей оформления продукта.

Одним из элементов такой визуальной составляющей является оформление подписной или продающей страницы. Про то, как ярко её оформить, я говорил в этой статье. Обязательно ознакомьтесь с ней.

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

Есть огромное количество вариантов их сделать. Начиная от Photoshop, заканчивая специально разработанными для этого программами. Но я хотел бы вас познакомить с самым простым и эффективным методом создания  3D обложки – используя экшны для Фотошопа.

Что нам понадобиться для работы:

  • Photoshop
  • Экшен
  • Картинка (фон обложки для нашего продукта)
  • Желание
  • 10 минут свободного времени
  • Микро познания работы в Фотошопе
  • Хорошее настроение (важно для креативности)

Зачем нужны экшены для Фотошопа?

Вообще, что такое экшены (action) – это запакованный сценарий для Фотошопа, запустив который, можно обыграть его с нашими данными. Экшены пригодятся не только для оформления инфопродуктов, а также для работы с фотографиями и видео. Работа с ними, это ещё одна интереснейшая часть такой многогранной вселенной, как Photoshop.

Где их взять, спросите вы?

Всё очень просто. Идем на  сайт www.psdcovers.com. Вы БЕСПЛАТНО можете скачать отсюда нужные экшены, с помощью которых вы захотите оформить свой продукт. Хочу сказать, что в интернете их сейчас полно, достаточно набрать в строке поиска браузера “экшены для Photoshop” и вы сам и в этом убедитесь.

Или можете скачать некоторые из них отсюда.

Вот так выглядит сам сайт. Кстати, не забудьте перейти на русский язык.

Давайте выбираем образец, который подойдёт для нашей задачи. Вот на этой коробке остановимся.

Давайте перейдём и посмотрим примеры, как это будет выглядеть:

Вот такой интересный экшен, на котором мы остановились. Нажимаем Скачать.

Как же создать 3D обложку для инфопродкута с помощью экшенов для Фотошопа?

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

А второй, это запустить его прямо из места, куда вы его распаковали. Что мы и сделаем.

Распаковываем и запускаем.

Попадаем в фотошоп и переходим в Окно – Операции. Открывается окно операций и в нём видим наш загруженный экшен.

Создание 3d коробки состоит из 2- этапов:

Мы открываем наш экшен, выбираем Step 1 (пункт 1) и нажимаем Play (пункт 2).

Происходит процесс разворачивания макета. Для нас подготавливается шаблон. Ничего не нужно делать до завершения процесса разворота (если будут выскакивать сообщения, подтверждайте их). В результате разворачивания, мы получили образец будущей обложки, но в развёрнутом виде. Заходим в Окно – Стили. Мы видим, что получили набор стилей, с которыми и будем работать.

Как работать с макетом, смотрите под видео ниже (пункт 1). В итоге, у нас получилась вот такая обложка. На этом этапе я рекомендую вам сохранить где-нибудь текущий проект в формате psd. Это позволит вам на этом этапе вносить коррективы, если что-то вас не устроит после того как коробка будет собрана. Выбираем Step 2 (пункт 2) и приступаем к компановке. Опять нажимаем Play (пункт 3).

На этом этапе у вас будут выскакивать окна настройки стилей. Если хотите, вносите изменения. Я этого не делал и всё подтверждал.

Завершающий процесс создания 3d коробки.

Есть, готово. Вот что у нас получилось. Размер полученного изображения будет большой. Поэтому заходите в Изображение – Размер изображения и меняйте по своему желанию. Всё. Сохраняем на компьютере в формате png.

Согласитесь, ничего сложного. Финальный результат вы можете увидеть в верхней части сайдбара этого блога.

Конечно, в интернете полно различных сервисов, онлайновых и офлайновых, с помощью которых можно сделать то же самое, но мне хотелось вам показать максимально быстрый и простой процесс, без глобального изучения Фотошопа. Рисование в Photoshop обложки без применением  экшенов – это предмет отдельного разговора и о нём поговорим в следующих статьях.

На этом всё. Надеюсь, что у вас всё получится, и вы теперь спокойно сможете создавать 3D обложки для своих информационных продуктов с использованием экшенов для Фотошопа без всяких сложностей. Не забывайте подписываться на обновления блога, до скорых встреч!

Как создать 3D коробку в Photoshop:

Подписаться на YouTube каналПодпишитесь на канал на YouTube

С уважением, Виталий Калинин!

Источник: http://vitalykalinin.ru/instrumenty/eksheny-dlya-fotoshopa-sozdat-3d-oblozhku.html

Ссылка на основную публикацию