С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

Недавно пересматривал по телевизору еще раз великолепный фильм Пираты Карибского моря и у меня родилась идея создать шаблон в стиле фильма. Для него я использовал несколько изображений из фильма, создал темную гамму с помощью текстур дерева и камня. Окончательный результат шаблона идеально подходит для веб-мастеров, работающих в пиратском бизнесе (шутка)!


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

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Все, теперь мы готовы к работе. Откройте Photoshop и начнём..

 

Шаг 1: Создание нового документа

 

Зайдите в меню Файл> Новый (File> New), введите имя документа и нужные размеры и нажмите кнопку Ок. Новый документ появится на экране.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 


 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Чтобы создать фон для этой темы вам понадобится текстура камня, перейдите на эту страницу: http://www.grafpedia.com/stock-images/product/cement/#r и скачайте текстуру.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создайте новый слой с заливкой (для этого перейдите в меню Слои> Новый слой заливка> Цвет (Layer> Fill Layer> Solid colour)) этим цветом: # 2e210c.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Уменьшите слой с текстурой на 40% и залейте фоновый слой этим цветом: # 151005.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 2: Создание меню


 

Создайте новую группу и назовите её «меню». Импортируйте файл papyrus.png в ваш документ.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Выберите слой с папирусом и перейдите в меню Слои> Стили слоя> Тень (Layer>Layer styles>Drop shadow).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

С этой страницы http://freewallpaperspot.com/pirates-of-the-caribbean-background-1.html я скачал изображение с черепушкой. Выделите черепушку, скопируйте её и поместите над папирусом.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создайте новый слой и поместите его над слоем с черепушкой. Используйте инструмент Кисть (Brush Tool (B)) с черным цветом и круглой формой для создания тени.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Перейдите на эту страницу http://www.dafont.com/pieces-of-eight.font и скачайте шрифт. Установите шрифт на вашем компьютере. Используйте инструмент Горизонтальный текст (Text Tool (T)) и добавьте ссылки в меню. Добавьте тень на текст.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Теперь с помощью инструмента Горизонтальный текст (Text Tool (T)) добавьте название вашего сайта на шаблон. Добавьте три стиля слоя на этот текст: Тень (Drop shadow), Наложение градиента (Gradient Overlay) и Наложение узора (Pattern Overlay).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 3: Создание слайдера

 

Скачайте текстуру дерева с этой страницы http://steves3dblog.blogspot.fr/2008/12/september-scene.html и импортируйте его в ваш документ.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Перейдите в меню Слои> Слой-маска> Показать всё (Layer> Layer Mask> Reveal All). Затем с помощью инструмента Кисть (Brush Tool (B)) с жесткой формой и черным цветом создайте рамку, как показано ниже.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Дублируйте слой с заливкой которая уже используется для фона и после разместите его в кадре. Щёлкните на слое правой кнопкой мыши и в контекстном меню выберите Создать обтравочную маску (Create Clipping Mask).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Поищите в Google картинки по мотивам фильма и импортируйте их в ваш документ (в соответствии с деревянной рамкой). Добавить Внутреннюю тень (Inner shadow) на изображения.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 4: Создание факелов

 

Перейдите на страницу http://freewallpaperspot.com/wallpapers/pirates-of-the-caribbean-wallpaper-8.jpg  и с помощью инструмента Прямоугольная выделенная область (Rectangular Marquee Tool (M)) выделите факел с правой стороны и скопируйте его в свой ​​шаблон. Используйте инструмент Ластик (Eraser Tool), чтобы стереть все ненужные детали факела.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создайте новый слой и выберите инструмент Кисть (Brush Tool (B)), выберите мягкую форму, уменьшите непрозрачность до 20% и возьмите белый цвет. Пройдитесь кистью по факелу, чтобы создать некоторое размытие.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создать ещё два новых слоя и поместите их под слоем с факелом. Используйте инструмент Кисть (Brush Tool (B)), чтобы создать белый свет на переднем плане, и оранжевый на втором. Измените Непрозрачность (Opacity) до 40% для этих двух слоев.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Сгруппируйте все слои, которые относятся к факелу, в группу. Дублируйте эту группу. Выделите ее и перейдите в меню Редактирование> Трансформирование> Отразить по горизонтали (Edit> Transform> Flip Horizontal). С помощью инструмента Перемещение (Move Tool (V)) поместите факел в левой части кадра слайдера.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 5: Создание блоков событий

 

Создайте новую группу и назовите ее «сокровище». Еще раз загрузите текстуру дерева, чтобы создать небольшую планку (см. рисунок ниже). Добавьте слой с заливкой цветом, не забудьте применить к нему обтравочную маску.  

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Добавьте к планке те же тени, что и ранее для меню.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Теперь с помощью инструмента Горизонтальный текст (Text Tool (T)) добавьте заголовок блока.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

С сайта http://freewallpaperspot.com/wallpapers/pirates-of-the-caribbean-9.jpg возьмите сундук с сокровищами и череп, вырежьте их и поместите их с правой стороны вашей планки.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создайте новый слой и поместите его под слоем с деревянной планкой. Используйте инструмент Кисть (Brush Tool (B)) с черным цветом и мягкой формой, чтобы создать тень под сундуком и черепом.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Используйте тот же метод для создания второй деревянной планки. Добавьте заголовок. Череп возьмите с предыдущей планки, а карту можно найти здесь http://mymetaldetector.blogspot.fr/2011/05/old-maps-of-florida-usa.html

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Вот, что должно получиться у вас на данный момент.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 6: Создание превью видео

 

Для того чтобы создать превьюшки видеоклипов, сперва создайте новую группу и назовите ее «клип 1». Используйте ту же текстуру дерева, чтобы создать небольшую рамку. Используйте инструмент Ластик (Eraser Tool), чтобы подправить границы .

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Трижды дублируйте рамку и сделайте такую же конструкцию, как показано на рисунке ниже.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Добавьте слой-заливку, используйте обтравочную маску и тень, как у меню.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Используйте инструмент  Элипс (Ellipse Tool (U)), чтобы создать гвоздь на передней стороне древесных плит и добавьте три стиля слоя: Тень (Drop shadow), Наложение градиента (Gradient Overlay) и Обводка (Stroke).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Дублируйте этот гвоздь три раза и используя инструмент Перемещение (Move Tool (V)), чтобы переместить копии по всем углам рамки.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

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

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создайте новую группу и назовите ее «плейер», а затем поместите её над деревянной рамкой. Далее с помощью инструмента Элипс (Ellipse Tool (U)) создайте круг (используйте этот цвет # 453522).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Примените следующие стили слоя.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Далее используйте инструмент Произвольная фигура (Customized Shape (U)), чтобы создать значок воспроизведения. (Используйте цвет # 14110b).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Дублируйте группу «клип 1» три раза. Используйте инструмент Перемещение (Move Tool (V)), чтобы поместить все клипы по всей ширине шаблона.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 7: Завершение слайдера

 

Чтобы завершить слайдер нам нужно добавить значок воспроизведения на общую картину. Для этого дублируйте значок воспроизведения еще раз и поместить копию на картинке. Теперь выберите его и нажмите комбинацию клавиш Ctrl + T для активации инструмента Свободная трансформация (Free Transform). Зажмите клавишу Shift и увеличьте размер значка. Измените стили.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 8: Создание формы подписки

 

Это последний шаг этого урока. Здесь мы создадим блок, который будет использоваться для получения адреса электронной почты ваших посетителей, чтобы иметь возможность отправить им рассылку. Чтобы сделать это, используйте в последний раз текстуру дерева для создания древесной плиты по всей ширине документа. Добавьте коричневый слой заливки (не забудьте про обтравочную маску отсечения).

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Скопируйте гвозди и поместите их в каждом углу доски.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

С помощью инструмента Горизонтальный текст (Text Tool (T)) добавьте название блока, а затем добавьте тень на текст.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Создайте новый слой, затем с помощью инструмента Кисть (Brush Tool)  создайте коричневый # 0e0b06 прямоугольник. Создайте неровные границы для имитации дерева.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Добавьте следующие стили слоя.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

С помощью инструмента Горизонтальный текст (Text Tool (T)) добавьте метку внутри поля формы.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Используйте текстуру дерева, чтобы создать небольшой деревянный прямоугольник и добавьте стиль слоя Тень (Drop shadow). 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

С помощью инструмента Горизонтальный текст (Text Tool (T)) добавьте название кнопки. Используйте те же стили, что и для надписи на доске.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Шаг 9: Копирайты

 

Шаблон содержит мои авторские разработки, именно поэтому я решил создать простой блок авторских прав. Используйте инструмент Горизонтальный Текст (Text Tool (T)), чтобы создать авторские права, и используйте те же стили, какие добавляли в заголовок из верхней части документа.

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

Вот и все, мы закончили!

 

 

Шаблон сайта в стиле Пиратов карибского моря в Фотошопе

 

 

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

 


Автор урока: Команда сайта grafpedia.com


Переводчик урока: Ирина Шипилова 

Ссылка на источник

 



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 20.05.2012
  •   Просмотров: 6224
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Alex (03.11.2012 | 13:42)

Жаль psd нету :(

Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

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

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки