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

Создание профессионального лептопа

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

В данном уроке мы попробуем создать профессиональный лептоп. Вот что у нас получилось.

Создание профессионального лептопа

Откройте новый документ размером 1000х600 px. Затем вставьте изображение лептопа в документ. Создайте новый слой и назовите его «laptop», поместите изображение лептопа на этот слой.

Теперь я хочу создать точку перспективы для экрана лептопа. Многие пользователи Photoshop, включая меня самого, не имеют еще Photoshop CS2 или CS3, поэтому этот урок не использует полезный фильтр vanishing point присутствующий в этих версиях программы. Вместо этого мы создадим ненастоящую точку перспективы.
Выделите экран лептопа, используя lasso tool. Затем копируйте выделение, создайте новый документ photoshop и вставьте выделение. Зайдите image>image size и увеличьте в два раза размер изображения. В данном случае оригинальный экран был размером 204px, поэтому я удвоил до 408px.
Затем вставьте новый большой экран в оригинальный документ. Расположите его, где вам кажется будет лучше смотреться перспектива.

Выберите line tool и яркий цвет для него, нарисуйте линии из каждого угла большого экрана сквозь углы оригинального экрана и к точке перспективы. У вас получиться следующее:

Дублируйте большой экран лептопа и выберите edit>free transform. Затем в меню вверху экрана измените W (ширина) и H (высота) с 100% до 90%.
Переместите это уменьшенное изображение, так, чтобы оно совпало с перспективными линиями, которые мы создали ранее. Убедитесь, что разместили уменьшенный экран под большим, но над оригинальным слоем с лептопом.
Повторите эти действия, используя уменьшение процентов до 80%, 70%, и 60% от большого экрана. Помните, что оригинальный экран лептопа составляет 50% от большого экрана.
Вот, как будет выглядеть изображение после создания новых экранов:

Теперь создайте новый слой и назовите его «photo». Вставьте изображение, с которым будете работать. Включите сетку на вашем изображении и затем воспользуйтесь free transform tool для изменения размера фотографии, чтобы она соответствовала квадратам сетки. Убедитесь, что фотография вписывается в четное число квадратов сетки по ширине и высоте. В этом примере фотография изменена так, чтобы занимать 8 квадратов в ширину и 6 квадратов в высоту.

Теперь дублируйте слой с фотографией, поскольку Вы хотите сохранить копию. Убедитесь, что скрыли дублированный слой и вернитесь к оригиналу. Выберите single column marquee tool из панели выделения (он под Rectangle и Elliptical marquee tools). Используя сетку, щелкните по линии сетки, которая обозначает центральную точку изображения, и удалите центральную колонку шириной в 1 пиксель. Затем переключитесь на single row marquee tool и проделайте то же самое для удаления линии в 1px поперек изображения. Если вы хотите, чтобы линии были больше, чем 1px, то возьмите magic wand tool и щелкните вне фотографии. Выделиться вся область вокруг фотографии, а также вырезанная линия в 1px. Затем зайдите в select>modify>expand и установите параметр на 3px. Теперь нажмите delete, чтобы получить результат как на рисунке:

Теперь скройте все дублированные экраны лептопа кроме самого маленького (тот, что составляет 60% от самого большого). С выбранным слоем с фотографией (той, что только что обрезали с помощью сетки) зайдите в edit>transform>distort и исказите фотографию так, чтобы она вместилась в самый маленький экран лептопа. Чтобы хорошо вписать, вам потребуется изменить opacity слоя для просмотра сквозь изображение. На рисунке ниже показан слой с фотографией с прозрачностью 57%, чтобы были видны экраны расположенные ниже. Убедитесь, что этот слой с фотографией расположен ниже следующего большего экрана лептопа, чтобы он перекрывал его.

Теперь вернемся к оригинальному слою с фотографией. Дублируйте его снова и, используя туже технологию с single row/column marquee tools, разрежьте его на 2X2 квадратов с помощью сетки. Также, как и изображение в 8 квадратов в ширину и 6 квадратов в высоту, в результате получиться 12 квадратов по 4 квадрата в линии. Снова воспользуйтесь magic wand tool, чтобы выделить область вокруг фотографии и вырезанные линии, затем увеличьте выделение на 3px и нажмите delete. Затем воспользуйтесь distort transform tool, чтобы вписать новое изображение во 2 по величине экран лептопа. Снова помните, что эта фотография должна быть расположена под более большим экраном лептопа. На рисунке ниже показан результат этого, слой с фотографией опять прозрачен на 57% для удобства вписывания изображения в экран.

Теперь повторите эти шаги, уменьшая каждый раз в половину количество квадратов. Используйте сетку 1X1, 1/2X1/2, 1/4X1/4. Для разрезания фотографии на 1/2 и 1/4 сетки я рекомендую использовать линейки. Другой способ – это дублировать фотографию после разрезания на квадраты, поскольку это спасет вас от необходимости повторять процесс разрезания с самого начала каждый раз.

Вот тоже изображение, только все дублированные экраны лептопа скрыты, а все слои с фотографией 100% непрозрачны.

Скройте все слои с фотографией кроме самого маленького слоя с фотографией. Используйте your magic wand tool с параметром tolerance 255 для выделения целых квадратов и удаления их, чтобы добиться эффекта шахматной доски. Чтобы сделать это, идите вниз каждой колонки и удаляйте квадраты, убеждаясь, что оставили квадрат между каждыми двумя удаленными. Затем переходите к следующей колонке и повторите те же действия, убеждаясь, что квадраты, которые вы удаляете, не следующие после только что удаленного квадрата, удаленные квадраты должны располагаться по диагонали друг с другом. На рисунке ниже показано, как это должно выглядеть:

У вас должен остаться оригинальный слой с фотографией, который мы дублировали в начале урока. Дублируйте еще раз слой и поместите его так, чтобы он был первым слоем над изображением лептопа. Затем перейдите в edit>transform>distort и впишите фотографию в экран лептопа. Затем скройте все линии перспективы и убедитесь, что все фотографии видимы.

Правый щелчок мышкой по одному из слоев с квадратиками фотографии и выберите blending options. Примените drop shadow со следующими настройками. Затем правый щелчок мышкой по этому слою и выберите «copy layer style» и вставьте стиль слоя во все остальные слои с квадратиками фотографии. Результат показан ниже:

Теперь создайте новый слой ниже всех слоев и назовите его «background». Скройте все слои с лептопом и фотографиями. Создайте новый слой и залейте его радиальным размытием от белого к светло-серому.

Вставьте металлическую текстуру на новый слой над слоем с радиальным градиентом и измените opacity до 20% .
Теперь создайте немного сгибающихся линий через фон, используя pen tool. Убедитесь, что выбрана белая кисть размером 1px, и затем правый щелчок по линии и выберите «stroke path». Затем просто дублируйте слой с линией пока не получите белые линии через фон. Я склеил все слои с линиями вместе и уменьшил opacity до 30%.

Вы закончили! Для завершения я добавил текст.

АВТОРСКИЕ ПРАВА
Источник: 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