Добро пожаловать на сайт оформление windows Esofa.ucoz.com На нашем сайте вы можете бесплатно скачать темы для windows, скины для winamp, скины для icq, скринсейверы и многое другое. Наш сайт создан для того, что-бы приносить удовольствие людям !
В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.
Создайте новый документ и залейте его серым цветом. Создайте новый слой, используйте Rounded Rectangle Tool (Прямоугольник с округленными краями) и залейте его этим #313131 цветом.
В
этом уроке я покажу вам процесс, который я использовал для разработки
этого действительно классного, абстрактного стиля заголовка для сайта.
Лично я вижу тенденцию к увеличению внимания к заголовкам для сайта/блога.
Во время урока мы будем практиковать использование Инструмента Перо
(Pen Tool), различных вариантов регулирования изображения (adjustment),
инструмента свободного трансформирования (free transformation), стилей
наложения слоя (blending styles) и фильтры (filter). Надеюсь, вы
будете наслаждаться уроком!
Вот предварительный просмотр моих окончательных результатов:
Этот урок посвящён тому, как с помощью Adobe Photoshop CS3 создать шаблон портфолио.
Шаг 1. Создадим новый файл File>New (Файл> Новый(Cntr+N)) размером 1000х700 пикселей. Выберите Инструмент Прямоугольник (Rectangle Tool (U)), чтобы определить расположение фона
Шаг 2. Примените к слою с фоном следующий стиль слоя, делая двойной щелчок на слое, с которым Вы работаете на палитре слоёв: Параметры наложения>Наложение Градиента (Blending Options>Gradient Overlay)
Текстурированные элементы в современном веб-дизайне сейчас модная
тенденция. Узнайте, как создать собственную текстуру, а затем применить
ее к своему лэйблу.
Шаг 1. Создайте новый документ 500х200px. Сделаем наши
фоны. Создайте новый слой, выделите верхнюю часть слоя высотой 10px и
залейте его темно-коричневым цветом.
Создайте выделение в 1рх и залейте его легким коричневым цветом.
Создайте новый слой, на нём выделите область высотой в 75px от слоя в
1рх.
Залейте выделение коричневым цветом. Создайте новый слой и сделайте ещё
одно выделение и примените к нему линейный градиент от светло-серого к
более легкому серому оттенку. Поместите слой высотой в 1px белого цвета
после коричневого слоя и более темно-серого слоя, также высотой в 1px на
грани конца град
... Читать дальше »
В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта.
Шаг 1. Создайте новый документ, цвет фона задайте показателем: #f7f5f6. Активизируйте инструмент Rounded reqtangle Tool (Прямоугольник со скругленными углами) с радиусом скругления 10 пикселей. В качестве цвета для переднего плана установите цвет с показателем: #2f88bb. На новом слое создайте небольшой скругленный прямоугольник.
В этом уроке мы узнаем, как создать шаблон в стиле web 2.0. Так как это
обучающий урок, нам придётся иметь дело с очень большим количеством
функций PhotoShop. Может показаться, что этот урок очень большой, но это
всё по тому, что всё очень детально разобрано.
Я гарантирую, что Вы найдёте урок лёгким и сделаете всё, как тут описано, только нужно попробовать!
Вот что у Вас должно получиться в конце
Детали урока:
Программа: Adobe Photoshop
Версия: CS4
Трудность: Средняя
Предполагаемое Время выполнения: приблизительно два часа
Шаг 1. Для того, чтобы у нас всё было ровно и правильно, мы будем использовать Сетчатую систему 960s (http://960.gs/),
Когда
... Читать дальше »
В данном уроке мы будем учиться создавать информационный блок для сайта.
Итак, приступим!
Шаг 1. Создайте новый документ с фоном темно-серого
цвета. Создайте новый слой, и нарисуйте выделение похожее на то, что
представлено на рисунке. Для создания такого выделения, воспользуйтесь
инструментом Rectangular Marquee (Прямоугольная область выделения).
Шаг 2. Заполните выделение любым цветом, и примените к залитой цветом области выделения тень: Layer Style (Стили слоя) – Drop Shadow (Тень) с пока
... Читать дальше »
В данном уроке мы будем учиться создавать «цветовую» шапку для сайта.
Шаг 1. Создайте новый документ, размером 760x480 пикселов, и заполните его темно-синим цветом, с показателем: 152А31. Активизируйте инструмент Rounded Rectangle (Прямоугольник со скругленными углами) и установите радиус скругления - 15
пикселов. Установите в цветовой палитре черный цвет в качестве
основного, и создайте округленный прямоугольник поверх темно-синего
фона.
Поверх черного прямоугольника создайте еще один, только ме
... Читать дальше »
Шаг 1. Для начала создадим тетрадный лист и добавим к
нему несколько изображений. Для тетрадного листа создадим полосатый фон
темно-синего цвета, размером 700x550 пикселов. Используем инструмент rectangular marquee tool (Прямоугольная область выделения) для того, чтобы создать светло-голубые полосу на новом слое.
Поместите этот слой в папку под названием «Полосы» (для того, чтобы
поместить слой в папку – выделите необходимый слой и нажмите комб
... Читать дальше »
В этом интересном и полезном уроке мы будем с «нуля» создавать макет для делового сайта.
Шаг 1. Создайте новый документ размером 960x900 пикселов, и заполните его цветом с показателем: #292929
Активизируйте инструмент Rectangle Tool (Прямоугольник) и создайте на новом слое прямоугольник в верхней части фона с цветовым показателем: #111111
Шаг 2. Активизируйте инструмент Line Tool (Линия)
... Читать дальше »
В этом уроке мы будем создавать стильную черную навигацию для сайта.
Вот так она будет выглядеть в конце урока:
Шаг 1. Для начала создайте новый документ, размер его 560x500 пикселов,
и залейте этот новый документ черным цветом. На новом слое создайте
фигуру большого прямоугольника со скругленными углами в режиме слой -
фигуры, радиус скругления угла –70 пикселов.
Растрируйте слой, установите в качестве основного цвета в палитре цветов
белый, а в качестве цвета заднего плана – темно серый цвет: #434343
Загрузите выделение слоя с фигурой прямоугольника (<Ctrl+клик по миниатюре слоя с прямоугольником>), поменяйте местами задний и передний цвета
... Читать дальше »
Это проект блога в тёмном цветовом решении, которое становиться всё более популярно.
Яркие детали на тёмном фоне, плюс немного Вашего воображения и Вы автор дизайна для своего личного блога!
Этот урок ориентирован на создание ключевых областей при формировании
дизайна web-сайта. Методы и стратегии, используемые в этом проекте,
могли быть применены и в другом качестве.
Что привлекает внимание посетителя сайта или блога?
Давайте внимательно посмотрим на результат урока. Если Вы заметили,
наиболее яркая и привлекающая внимание область - это область навигации и
первый пост (надпись расположенная в верхней части шапки). Это очень
важно, потому как это даёт возможность посетителям понять чему посвящён
данный сайт.
Следующая область, привлекающая к себе внимание - баннер в правом
верхнем углу. Причина этого состоит в том, что в процессе того, как
посет
... Читать дальше »
Поскольку Web 2.0 завоевал интернет, нижняя часть страницы, так называемый Footer, стала более важной, чем прежде.
В этом уроке показывается, как сделать стильный Footer (Футер
- дублирование основного меню внизу сайта, как правило, с указанием
координат изготовителя и Copyright’а.) для сайта в Photoshop.
На изображении представлено то, что мы будем создавать. Нажмите на
изображение ниже, чтобы увидеть изображение в полноэкранном режиме:
Шаг 1. Характерной чертой стиля Web 2.0 являются расплывчатые цвета, градиенты.
Для создания нашей нижней части, будем использовать сборник градиентов,
с помощью которых можно получить прекрасный внешний вид. Сборник
Градиентнов мож
... Читать дальше »
Перед вами шаблон, который мы будем делать сегодня:
Шаг 1. Итак, начнем с создания нового документа размером 900х700px.
Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.
Шаг 2. Затем при помощи инструмента Прямоугольная область выделения (rectangular marquee)
выделите полосу в верхней части шаблона, к примеру ,140 или 170 px в
высоту. Создайте новый слой и залейте его любым оттенком коричневого
цвета.
В данном уроке показано, как создать веб-навигацию по меню с новостной
панелью при помощи программы Adobe Photoshop. На данный урок меня
вдохновила навигация данного сайта.
После выполнения данного урока, у Вас должно получиться что-то похожее.
Давайте начнем.
Создайте новый документ размером 900х300 пикселей с прозрачным фоном.
Следующие наши шаги разбиты на этапы.
Таким образом, создайте новые направляющие View->new guide
(Просмотр->Новая направляющая) по вертикали: 20, 30, 165, 170, 305, 310, 445, 450, 585, 590, 725, 730, 870 и 880px.
И по горизонтали: 30, 90 и 270px.