Главная
Блог разработчиков 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
При перепечатке ссылка на источник обязательна
Оставить комментарий
БАЗА ЗНАНИЙ
СЛУЧАЙНАЯ СТАТЬЯ
СЛУЧАЙНЫЙ БЛОГ
СЛУЧАЙНЫЙ МОД
СЛУЧАЙНЫЙ СКИН
НОВЫЕ МОДЫ
НОВЫЕ СКИНЫ
НАКОПЛЕННЫЙ ОПЫТ
Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2017 © BB3x.ru - русская поддержка форума phpBB