Game16.Net.Ru Всё для CS 1.6 Скрипты uCoz GTA 4 читы cs – Форум Моды gta 4 | asi loader 1.0.6.0 | шаблоны для ucoz | скрипты ucoz |стили photoshop | машины для gta 4 | одежда для nico

|| Новые сообщения | Участники | Правила форума | Поиск |

Страница 1 из 11
Форум » Photoshop » Уроки Photoshop » Урок по созданию макета сайта!
Урок по созданию макета сайта!
fuckerДата: Понедельник, 14.03.2011, 20.13.18 | Сообщение # 1
Майор

Сообщений: 82
Награды: 3
Репутация: 8
Замечания: 0%
Создаём холст
Этот макет довольно большой длины, ставим размер 950 x 1520 пикселей.

Используем заливку и заполняем наш холст #d9d9d9.
Создаём Область содержимого
Выбираем инструмент прямоугольник с закруглёнными углами и ставим радиус на 30 Пикселей.

На новом слое нарисуйте новый холст немного меньше чем у вас прежний.

Добавьте и этот холст к округлым углам.
Настройки холста:

Создаём Шапку сайта
Выбирите инструмент 'прямоугольная область', высота должна быть не более 123 пикселей и ширина так же.

Заливаем этот прямоугольник любым цветом.

Далее у вас получится что-то похожее на это:

Далее при помощи инструмента лоссо сделайте уголок для шапки

Выделение с помощью лоссо заполните любым цветом и следуйте следующим стилям слоя.

После того, как вы всё это сделали, должно получиться что-то вроде этого:

Далее на шапку наносите текст, а выше ваши кнопочки 'Главная' 'Форум' и так далее, следуйте примеру:

Создаём поле новостей
Для этого так же используем прямоугольное выделение под ваш заголовок новостей.

Заполняете любым цветом и следуете далее.

Получится примерно такое:

Используя лоссо снова делаем уголок, это делаем так же как мы делали для шапки.

В зоголовок новости добавляем название и в описание какой-то материал

После создаём 2 линии по 1 пикселю и расстояние меж ними по 1 пикселю, разделитель, которая должна быть не более 1 пикселя. Это даёт эффект отступа от новости.

Под линией отступа создаём иконки 'Комментариев' и 'Автор темы'.

Копируем слоя и дублируем 2-3 раза.

После добавьте пару белых квадратов, заполненых белым цветом и выставьте в них номера страниц.

Далее делаем вертикальные линии для отделения новостей от блоков сайта (меню).

Создаём меню так же как и новости прямоугольным выделением.
Получится такое:

Создаём стрелочки и список чего-либо в меню, как здесь:

Ниже добавляем такой же раздел, но с другим содержанием, здесь на пример "Спонсоры"

Создаём нижнюю часть макета
У вас должно в нижней части получиться что-то вроде этого, здесь нужна довольно-таки большая длина, но подберайте на сколько хватает.

Эту часть заполняем своей информацией, как здесь:

Сам учился по этому уроку, всё доступно. Всем удачи



Форум » Photoshop » Уроки Photoshop » Урок по созданию макета сайта!
Страница 1 из 11
Поиск:


Мини-чат

Статистика Форума
Активные пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
OmeN Постов [ 1095 ]
online Постов [ 262 ]
3mei Постов [ 189 ]
OLD Постов [ 172 ]
reaktiv Постов [ 166 ]
OmeN Репутация [ 88 ]
online Репутация [ 22 ]
3mei Репутация [ 16 ]
OLD Репутация [ 15 ]
Artist Репутация [ 15 ]
Досчитать до 1000 [ 221 ]
Флудить разрешается [ 153 ]
Скрипты нашего сайта [ 90 ]
Пишем мнения... [ 39 ]
Предложения по сайту [ 36 ]
Куплю админ.права [ 1 ]
Пишем мнения... [ 39 ]
88*31 [ 1 ]
Досчитать до 1000 [ 221 ]
Системные требования [ 0 ]
WwW.Game16.Net.Ru © - Развлекательный портал | 2009 - 2011 | Создать сайт бесплатно
- Game16.Net.Ru! | Sitemap | Sitemap-forum                                                                                                     
Проверка тиц и PR
Тут баннер
ТуТ баннер
ТуТ баннер