Создаём страничку фотопортфолио - Веб дизайн - Уроки фотошоп/ Photoshop lessons - ..:: Музыка Фильмы Игры Дизайн ::.. - ..::Скачать бесплатно фильмы, игры, софт, скрипты::..
Понедельник, 24.05.2010, 11:42
Приветствую Вас Блудный
Категории раздела
Смешно...))
Женщины — такие трогательные существа, так бы трогал и трогал...
Реклама
FRIENDS
Мини-ЧАТ



Главная
» Файлы » Уроки фотошоп/ Photoshop lessons » Веб дизайн
[ Добавить материал ]

Создаём страничку фотопортфолио
[ ] 11.06.2009, 16:17
1. Для работы нам понадобятся мозги: включите их

2. Если Вы будете делать все пункты правильно, то в конце у вас должно получиться такая страничка

----

1. Создайте новый документ с параметрами 800х800рх и 72dpi, цвет фоновой заливки #111111

2. Используйте Rounded Rectangle Tool (U) с радиусом в 7 px, рисуя первый слой - кнопку навигации, будучи находящейся сверху страницы

3. Параметры слоя с кнопкой

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

4. Результат

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

6. Параметры блика

Fill 0%
Blending Options>Gradient Overlay

Gradient’s parameters:

7. Результат

8. ипольйзуйте тот же инструмент и с тем же радиусом для того, чтобы нарисовать индикатор кнопки. Когда будете рисовать прямоугольник слева(Rectangle Tool (U)), то зажмите кнопку Alt, чтобы обрезать.

9. Для нового слоя поставьте Fill 20%

10. Скомбинируйте слои, входящие в кнопку, в группу(выделите все слои зажав кнопку Ctrl, потом перенесите их на кнопку Create a new group) Скопируйте эту группу, выберите инструмент Free Transform Tool и переместите кнопку правее.

11. Копии нужно поменять параметры слоя

1) Праметры основного слоя

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

2) Параметры для слоя с бликом

Fill 0%

Gradient’s parameters:

3) Параметры для слоя с индикатором

Fill 10%

12. Скопируйте копию три раза, передвиньте новые копии инструментом Free Transform Tool

13. Нарисуйте инструментом Rounded Rectangle Tool (U) с радиусом в 7 px панель для логотипа и поискового меню

14. Параметры нового слоя

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

15. Теперь нужно нарисовать иконки кнопок. Для этого можно использовать как Pencil Tool (B) (1 px), так и Custom Shape Tool (U), цвет фигур - белый(#ffffff)

16. Напишите названия кнопок

17. Параметры выделенной кнопки (Home page)

Blending Options>Stroke

18. Параметры не выделенных кнопок

Blending Options>Stroke

19. Теперь надо нарисовать первый слой логотипа. Используйте Rounded Rectangle Tool (U) с радиусом в 7 px. Зажмите Alt рисуя Rectangle Tool (U) прямоугольник, для отбезания не нужной части

20. Параметры нового слоя

Fill 0%

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

21. Сделайте логотип

PHOTO

PORTFOLIO

22. Сделаем блик для логотипа. Инструментом Rectangular Marquee Tool (M) выделите область блика. После этого выберите Brush Tool (B) с Opacity of 50%, разрисуйте выделенную область белым цветом

23. с Fill 30%

24. Рисуем меню поиска и остальное. В принципе надо тупо повторить 19тый шаг

25. Параметры нового слоя

Blending Options>Gradient Overlay

Gradient’s parameters:

Blending Options>Stroke

26. Создаём меню поиска

27. Нарисуйте указатели инструментом Pencil Tool (B) (1 px), цвет #FF9E00

28. Нарисуйте область ввода слов для поиска инструментом Rectangle Tool (U). цвет #2D2D2D

29. Параметры нового слоя

Blending Options>Stroke

30. По желанию можно написать, что эта строка поиска

31. Нарисуйте кнопку начала поиска, инструмент - Rounded Rectangle Tool (U) с радиусом в 3 px, цвет #cc6600

32. Параметры кноки поиска

Blending Options>Stroke

33. Название кнопки



 






34. Теперь будем делать контент, инструмент Rounded Rectangle Tool (U)(радиус 7 px), цвет #111111

35. Параметры нового слоя

Blending Options>Inner Glow

Blending Options>Stroke

36. Используйте всё то же, что и в п.35, чтобы создать другое место для фотографии

37. Параметры нового слоя

Blending Options>Inner Glow

Blending Options>Stroke

38. Сделайте копии этого слоя, инструментом Free tranform Tool переместите копии согласно рисунку

39. Теперь выберите необходимые фотографии для портфолио. Обрежьте их углы согласно размерам недавно сделанных слоев. Поместите соответствующие фотографии выше слоев, зарезервированных для фотографий (на панели слоев). Нажмите кнопку Alt, кликните мышью между резервированным слоем и слоем фотографии. Проделайте эту операцию для каждой фотографии и ее резервационного слоя.

40. Для следующей операции нужно выбрать Rectangle Tool (U) чёрного цвета, нарисуйте фигуру, она будет использованна для написания текста

41. Fill 30%

42. Пишем на недавно сделанний полоске текст

43. Параметры нового слоя

Blending Options>Stroke

44.Используйте Rounded Rectangle Tool (U)(радиус 7 px), для того, чтобы нарисовать область для информации аффтора снимка. Затем зажимая Alt нарисуйте ту же фигуру, но на месте, где надо вырезать не нужное. цвет конечной формы #333333

45. Этот пункт должен бытьвыполнен с помощью Rounded Rectangle Tool (U)(радиус 7 px), цвет #939393. Этот слой для аватара аффтора

46. Параметры нового слоя

Blending Options>Inner Glow

Blending Options>Stroke

47. Повторите п.39

48. Текст информации

слово WELCOME

слово TO MY WEB SITE

Bold text

Simple text

Ссылки

49. Указатели к ссылкам рисуем инструментом Pencil Tool (B)(1px), цвет белый(#ffffff)

50. Найдите в интернете фотку с фотокамерой, удалите её фон и вставьте на страничку

51. Сделайте копию слоя с камерой и поверните новый слой на 180*

52. Создайте маску слоя Add a Mask и выберите на панели инструментов Gradient Tool (G) цветовым диапозоном от чёрного до прозрачного

53. Создайте нижнее меню

54. Инструментом Pencil Tool (B)(1 px), цвет белый(#ffffff) нарисуйте вертикальные разделяющие полосы

55. Полюбуйтесь на своё творение

Оригинал:Вам сюда

Источник: http://paint.3dn.ru/

Категория: Веб дизайн | Добавил: dakota
Просмотров: 173 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email:
Код *:

Admin Меню
  • Нам нужны люди,присоеденяйтесь
    Подробности тут

  • Самому активному пользователю сайта в конце месяца будет выдаваться 7-ми значный ICQ номер
    Подробности тут

  • Наш тулбар

  • Обмен баннерами

  • Как качать с файлообменников?
  • Профиль
    Привет: Блудный

    Сообщения:

    Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
    Логин:
    Пароль:
    Поговорим?
    Опросник
    Какой браузер лучше?
    Всего ответов: 7
    Помощь сайту
    Кошельки:
    R 270966599442
    Z 416518274191

    Статистика


    Онлайн всего: 1
    Гостей: 1
    Пользователей: 0


    Сегодня нас посетили:
    Наша кнопка
    Если вам понравился наш сайт, поставьте в благодарность себе нашу кнопку



    код кнопки:


    Для красивого отображения этого блока требуется Flash Player 9 или выше.