ГЛАВНАЯ ФОРУМ F.A.Q ПРАВИЛА КОНТАКТЫ
Всё для Adobe Photoshop - photoshop-free.ru
Добро пожаловать в мир Adobe Photoshop! На сайте Вы можете найти уроки для фотошопа, файлы для фотошопа,принять участие в конкурсах,скачать Adobe Photoshop[cs5,сs3,cs4]. На форуме Вы можете задать любой вопрос и быстро получить на него ответ, в перерывах между Photoshop'ом - просто пообщаться на любые темы.
Каталог файлов Уроки для фотошопа Фотоальбом
Логин:
Пароль:
Забыл пароль · Регистрация |
RSS Файл-хостинг

Категории каталога

НАВИГАЦИЯ ПО САЙТУ

Главная » Каталог статей » Уроки по веб-дизайну:

 


  дезайн саита

Часть 1.



1. Создайте новый файл размера 800x720 px 72 dpi.

Создайте новый слой и залейте градиентом

Присоединённое изображение

Параметры градиента:

Присоединённое изображение

Присоединённое изображение


2. Используя Rounded Rectangle Tool (U), создайте на новом слое основную панель сайта, как показано на рисунке:

Присоединённое изображение

Установите следующие параметры слоя:

Blending Options>Gradient Overlay:

Присоединённое изображение


Параметры градиента:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение


3. Используя Rounded Rectangle Tool (U), на новом слое нарисуйте кнопку панели меню в заголовке сайта и поверните ее (Ctrl+t). Цвет кнопки #C92130.

Присоединённое изображение

Установите следующие параметры слоя:

Blending Options>Stroke:

Присоединённое изображение

Сделайте 4 копии слоя с кнопкой и установите цвета кнопок, как показано на рисунке:

Присоединённое изображение


4. Используя Ellipse Tool (U ), нарисуйте круг снизу меню:

Присоединённое изображение

Установите следующие параметры слоя:

Fill 0%

Blending Options>Gradient Overlay:

Присоединённое изображение

Параметры градиента:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение

5. Используя Ellipse Tool (U), нарисуйте маленький круг снизу сайта:

Присоединённое изображение

Установите следующие параметры слоя

Blending Options>Drop Shadow:

Присоединённое изображение

Blending Options>Inner Glow:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение

6. Используя Ellipse Tool (U), нарисуйте еще один круг, как показано на рисунке:

Присоединённое изображение

Установите параметры слоя с кружком:

Blending Options>Gradient Overlay:

Присоединённое изображение

Параметры градиента:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение

7. Сделайте несколько копий слоев с кругом, трансформируйте (CTRL+T) и разместите как показано на рисунке:

Присоединённое изображение


8. Нарисуйте еще три круга для того, чтобы отделить участок сайта:

Присоединённое изображение

Все три слоя должны иметь одинаковые параметры:

Цвет: #FF627A

Blending Options>Drop Shadow:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение


9. Нарисуйте еще один маленький круг:

Присоединённое изображение

Установки слоя с кругом:

Blending Options>Drop Shadow:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение


10. Теперь подпишите названия пунктов меню сайта, применяя свободную трансформацию (CTRL+T) слоев с текстом. Установки для текста представлены ниже:

Присоединённое изображение

Присоединённое изображение


11. Добавьте название сайта. Параметры текста для названия:

WEBSITE:

Присоединённое изображение

NAME:

Присоединённое изображение

Присоединённое изображение

Установите следующие параметры слоя с названием сайта:

Blending Options>Stroke:

Присоединённое изображение


12. Добавьте названия подразделов сайта.

Параметры текста:

Присоединённое изображение

Присоединённое изображение

Установите следующие параметры слоев с названиями подразделов:

Blending Options>Gradient Overlay:

Присоединённое изображение

Параметры градиента:

Присоединённое изображение


Blending Options>Stroke:

Присоединённое изображение


13. Используя Pencil Tool, белым цветом нарисуйте иконку на кнопке:

Присоединённое изображение

Присоединённое изображение


14. Пронумеруйте подразделы сайта. Используйте шрифт с параметрами:

Присоединённое изображение


Присоединённое изображение


15. Заполните подразделы текстом с параметрами:

Текст оранжевого цвета:

Присоединённое изображение

Основной текст:

Присоединённое изображение


Утолщенный текст:

Присоединённое изображение

Присоединённое изображение


Найдите в интернете логотипы и разместите их в подразделе сайта:

Присоединённое изображение

Присоединённое изображение


16. Используя Ellipse Tool (U), нарисуйте окно для представления скриншота сайта:

Присоединённое изображение

Установите следующие параметры слоя:

Blending Options>Drop Shadow:

Присоединённое изображение

Blending Options>Stroke:

Присоединённое изображение


Сделайте 3 копии слоя с кругом и разместите их как показано на рисунке:

часть 2http://photoshopto4ka.moy.su/index/0-21

Присоединённое изображение

АНГЛО-РУССКО-НЕМЕЦКИЙ ПЕРЕВОД ОСНОВНЫХ МЕНЮ В ФОТОШОПЕ
Режимы смешивания/Режимы наложения
Фотошоп для начинающих
Рейтинг: 3.0/2



Добавил: To4kA Изменить репутацию Вручить награду
Название материала : дезайн саита
Дата добавления материала: 07.08.2007 , 01:38 , Вторник
Просмотров : 2174
Категории: Уроки по веб-дизайну:
Другие новости по теме:
Как добавить сайт в закладки/избранное?
Chrome
Mozilla Firefox
Opera
Еxplorer


Написать администрации сайта

E-mail отправителя *:
Тема письма *:
Ссылка на страницу *:
Комментарии:
Защитный код *:

 
  Всего комментариев: 0
 

Имя*:
Email:


  

=)
Код *:

классический тренинг продажи по телефону. Система от комаров - 33500 руб: уничтожитель комаров.. восстановление эмали ванн

ПОИСК

Поиск

ПОМОЩЬ НОВИЧКУ

ЧАТ

ДРУЗЬЯ САЙТА

СТАТИСТИКА САЙТА


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



 
Анализ сайта Каталог-Молдова - Ranker, Statistics

статистика
WOlist.ru - каталог качественных сайтов Рунета


 
Rambler's Top100
Вход | Регистрация | Контакты
При использовании любых материалов с сайта ссылка на http://photoshop-free.ru/ обязательна!
Хостинг от uCoz | Все для Adobe Photoshop. Кисти(Brushes) , стили(Styles) , клипарт(Kliparts) , действия(Actions) , фигуры(Shapes), шрифты (Fonts) , текстуры (Textures) , градиенты (Gradients) бесплатно, виньетки, шаблоны для фотомонтажа, иконки , рамки!