Пятница, 24.09.2010, 15:20

Навигация
Главная страница Файловый архив Онлайн фильмы Файлообменник Онлайн ролики Cyber Arena Мониторинг Онлайн PS Статьи Форум Поиск Чат

Продвижение сайтов

TOP сайтов Регистрация доменов Реклама на сайте Создай себе баннер Страхование сайтов Автораскрутка сайта Бесплатная раскрутка Привлечения поситителей Добавить сайт в поисковики SEO,Оптимизация,Раскрутка

Система Ucoz

Скрипты Шапки Шаблоны Иконки групп HTML таблица Кнопки для форума

PhotoShop

Кисти Иконки Стили Уроки Градиенты Шрифты Уроки от Sinners Вопросы о фотошопе Готовые PSD работы

Софт и программы

Windows Графика Утилиты Антивирусы Мультимедия Рабочий стол Прочие программы Интернет программы Системные программы Для раскрутки сайта

Counter Strike 1.6

Cкачать Counter-Strike 1.6 Модели Игроков CS 1.6 Модели Оружия CS 1.6 Другие модели CS 1.6 Программы CS 1.6 Темы меню CS 1.6 Логотипы CS 1.6 Спрайты CS 1.6 Карты CS 1.6 Видео CS 1.6 Патчи CS 1.6 Боты CS 1.6 Моды CS 1.6 Читы CS 1.6

Сервер CS 1.6

Готовые сервера Программы Античиты Плагины Карты Боты Моды

Помощь по CS 1.6

Как создать сервер ? #1 Как создать сервер ? #2 Как сд.серв на 2 протокола ? Как быть с динамическим IP ? Делаем плагин для AMXMods Установка плагинов Делаем демки HLTV
Наша кнопка

Наши баннеры



Сайты персонала











Наш опрос
С каким дробовиком удобнее??

Результат опроса Результаты
Все опросы нашего сайта Архив опросов
Всего голосовало: 1013

Софт PorTaL ( Надётся ВСЁ )


Главная » Файловый архив » PhotoShop уроки от нас » Графика для сайта » Делаем шаблон современного сайта

Делаем шаблон современного сайта
17.12.2009, 00:15

Очень простой и сдержанный дизайн с которым справится даже студент.

шаблон дизайна современного сайта *

Создаём новый документ 760x770 px с серым фоном(#464646). Создаём новый слой(SHIFT+CTR+ALT+N). Выбираем инструмент Rounded Rectangle и рисуем белый прямоугольник(радиус 10 px). Следующая картинка уменьшена.

шаблон дизайна современного сайта *

Добавляем стиль слоя:

шаблон дизайна современного сайта *

С тем же инструментом создаём другой прямоугольник.Я буду использовать светло-серый цвет(чтобы вам было видно)

шаблон дизайна современного сайта *

Добавляем стили слоя:

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

Результат

шаблон дизайна современного сайта *

Теперь создаём еще три прямоугольника и помещаем их как на рисунке.
шаблон дизайна современного сайта *

Как вы видите, использованы предыдущие стили слоя. Зажмите CTRL и нажмите на иконку слоя, помеченного стрелкой:

шаблон дизайна современного сайта *

Так вы выделили прямоугольник.
шаблон дизайна современного сайта *

Выбираем инструмент Rectangular Marquee. Нажимаем на Subtract From Selection и удаляем нижнюю часть выделения.

шаблон дизайна современного сайта *

Когда вы отпустите кнопку мыши вы увидите такое выделение:
шаблон дизайна современного сайта *

Уменьшаем выделенную область - Select > Modify > Contract и выбираем Contract by 2 pixels
Создаем новый слой(CTRL+SHIFT+ALT+N). Заливаем выделение белым цветом с инструментом Paint bucket. Жмем CTRL+D чтобы снять выделение.

шаблон дизайна современного сайта *

Добавляем стиль слоя:

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

Результат

шаблон дизайна современного сайта *

Теперь дублируем этот слой два раза и помещаем его на другие прямоугольники.

шаблон дизайна современного сайта *

Создаём заготовку заливки.
Создаём новый документ 3 на 3 пикселя.Увеличиваем масштаб до 1600%. Рисуем точку размером в 1 пиксель в центре документа.

шаблон дизайна современного сайта *

Сохраняем шаблон заливки Edit > Define Pattern
Возвращаемся в исходный документ. Создаём новый слой(CTRL+SHIFT+ALT+N). Выбираем инструмент Rectangular Marquee с этими настройками:

шаблон дизайна современного сайта *

И создаём маленькое выделение:

шаблон дизайна современного сайта *

Выбираем инструмент Paint Bucket(выбираем нашу заготовку шаблона заливки) и щелкаем внутри выделения. Жмем CTRL+D чтобы снять выделение.

шаблон дизайна современного сайта *

Дублируем слой несколько раз.

шаблон дизайна современного сайта *

Создаём новый слой(CTRL+SHIFT+ALT+N). С помощью инструмента Rectangular Marquee делаем вертикальное выделение:

шаблон дизайна современного сайта *

Заливаем его точечной заливкой. Жмем CTRL+D чтобы снять выделение.

шаблон дизайна современного сайта *

Также добавляем еще точечных линий, поместите их как вам надо
Результат:

шаблон дизайна современного сайта *

Добавляем круги:

шаблон дизайна современного сайта *

и стили слоя

шаблон дизайна современного сайта *

Отдублируем кружочки:

шаблон дизайна современного сайта *

Вы можете добавить еще кружков и поместить их по вашему желанию.

шаблон дизайна современного сайта *

Добавляем еще прямоугольник:

шаблон дизайна современного сайта *

Меняем настройку Fill на 0%.

шаблон дизайна современного сайта *

Добавляем стиль слоя

шаблон дизайна современного сайта *

Результат:

шаблон дизайна современного сайта *

Дублируем эту фигуру и применяем стили слоя:

шаблон дизайна современного сайта *

шаблон дизайна современного сайта *

Добавляем свое фото:

шаблон дизайна современного сайта *

Теперь добавляем текст и все готово:

шаблон дизайна современного сайта *

Просмотров : 71 | Загрузок : 0 | Рейтинг : 0.0 / 0

Для скачивания файлов с Sinners.PP.Ua необходимо
Авторизоваться или Зарегистрироваться
Всего комментариев : 0
Имя *:
Email:
Код *: