17 Ноября 2010 - ПРО ВСЁ скачать Софт,фильмы,музыку,темы,Ucoz,Photoshop



Добро пожаловать на сайт оформление windows Esofa.ucoz.com На нашем сайте вы можете бесплатно скачать темы для windows, скины для winamp, скины для icq, скринсейверы и многое другое. Наш сайт создан для того, что-бы приносить удовольствие людям !





Навигация
Основное: Главная
Категории
Антивирусы [133]
Скачать Игры [66]
Скачать Фильмы [109]
Скачать Музыку [135]
Всё для Windows XP [120]
Всё для Windows Vista [20]
Всё для Windows 7 [81]
Интернет и сети [102]
Оффис и текст [39]
Мультимедия [133]
Веб Мастеру [108]
Системные [75]
Интерфейс [130]
Драйвера [100]
Графика [126]
Эффекты [18]
разное [109]
Работа с текстом [20]
Работа с фото [20]
Графика для сайта [20]
Дизайн [0]
Анимация [0]
Практика [0]
Работа с планшетом [0]
Плагины [17]
Темы для Windows Xp [26]
Темы для Windows Vista [30]
Темы для Windows 7 [60]
Иконки [18]
Заставки [66]
Курсоры [10]
Мобильная зона [67]
Обои для Рабочего стола [90]
Темы для Браузеров [3]
Шаблоны для Ucoz [12]
Украшения Windows [57]
Экраны Загрузки [0]
Скины для плееров [60]
Скрипты для Ucoz [59]
Видео Уроки UCoz [6]
Икон Ucoz [10]
Кисти Ф [17]
Градиенты ф [0]
Популярные уроки фотошоп [7]
Cтатистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Счётчик тиц pr

Главная » 2010 » Ноябрь » 17

Делаем навигацию для сайта в Фотошоп

В процессе изучения этого урока вы научитесь создавать стильное меню для сайта.

Создайте новый документ и залейте его серым цветом. Создайте новый слой, используйте Rounded Rectangle Tool (Прямоугольник с округленными краями) и залейте его этим  #313131 цветом.

Измените стиль этого слоя:
Тень

Внутренняя тень

Наложение градиента

... Читать дальше »

Категория: Графика для сайта | Просмотров: 600 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Делаем шапку для сайта в Фотошоп

В этом уроке я покажу вам процесс, который я использовал для разработки этого действительно классного, абстрактного стиля заголовка для сайта.

Лично я вижу тенденцию к увеличению внимания к заголовкам для сайта/блога.

Во время урока мы будем практиковать использование Инструмента Перо (Pen Tool), различных вариантов регулирования изображения (adjustment), инструмента свободного трансформирования (free transformation), стилей наложения слоя (blending styles) и фильтры  (filter). Надеюсь, вы будете наслаждаться уроком!

Вот предварительный просмотр моих окончательных результатов:

... Читать дальше »

Категория: Графика для сайта | Просмотров: 756 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Делаем макет для портфолио в Фотошоп

Этот урок посвящён тому, как с помощью Adobe Photoshop CS3 создать шаблон портфолио.

Шаг 1. Создадим новый файл File>New (Файл> Новый(Cntr+N)) размером 1000х700 пикселей. Выберите Инструмент Прямоугольник (Rectangle Tool (U)), чтобы определить расположение фона

Шаг 2. Примените к слою с фоном следующий стиль слоя, делая двойной щелчок на слое, с которым Вы работаете на палитре слоёв: Параметры наложения>Наложение Градиента (Blending Options>Gradient Overlay)

... Читать дальше »

Категория: Графика для сайта | Просмотров: 814 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Рисуем кнопку для сайта в Фотошоп

Шаг 1. Создайте новый документ 102*50 пикселей. Фон залейте цветом  #838383. Выберите инструмент Rounded tool (Прямоугольник со скругленными краями). Установите следующие настройки:

Измените фоновый цвет на #111111 . Начертите прямоугольник так, чтобы он вписался в размер холста. 

... Читать дальше »

Категория: Графика для сайта | Просмотров: 641 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)


Делаем шапку для блога

Создайте новый файл, размером 773х220 px и разрешением 72. Используя следующий инструмент , разметьте документ как показано ниже.

Стиль слоя > Параметры наложения > Внутренняя тень:

Стиль слоя > Параметры наложения > Наложение цвета:

Выберите Инструмент Прямоугольник . Образуйте ещё один п ... Читать дальше »

Категория: Графика для сайта | Просмотров: 660 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Делаем текстурный лейбл в Фотошоп

Текстурированные элементы в современном веб-дизайне сейчас модная тенденция. Узнайте, как создать собственную текстуру, а затем применить ее к своему лэйблу.

Шаг 1. Создайте новый документ 500х200px. Сделаем наши фоны. Создайте новый слой, выделите верхнюю часть слоя высотой 10px и залейте его темно-коричневым цветом.
Создайте выделение в 1рх и залейте его легким коричневым цветом. Создайте новый слой, на нём выделите область высотой в 75px от слоя в 1рх.
Залейте выделение коричневым цветом. Создайте новый слой и сделайте ещё одно выделение и примените к нему линейный градиент от светло-серого к более легкому серому оттенку. Поместите слой высотой в 1px белого цвета после коричневого слоя и более темно-серого слоя, также высотой в 1px на грани конца град ... Читать дальше »

Категория: Графика для сайта | Просмотров: 787 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)


Сделай портфолио с привлекательным дизайном в Фотошоп

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

Итак, приступим!

Шаг 1. Создайте новый документ, ширина которого составляет  650, высота - 550 пикс., создайте новый слой  и заполните его цветом, с показателем #cff3f5.

Шаг 2. Нажмите и удерживайте клавишу <Ctrl>, Для того, чтобы загрузить выделение созданного голубого фона.
Войдите в меню Select > ... Читать дальше »

Категория: Графика для сайта | Просмотров: 730 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Рисуем кнопку для сайта

В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта.

Шаг 1. Создайте новый документ, цвет фона задайте показателем: #f7f5f6. Активизируйте инструмент Rounded reqtangle Tool (Прямоугольник со скругленными углами) с радиусом скругления 10 пикселей. В качестве цвета для переднего плана установите цвет с показателем: #2f88bb.  На новом слое создайте небольшой скругленный прямоугольник.

Шаг 2. Теперь перейдите в ... Читать дальше »

Категория: Графика для сайта | Просмотров: 583 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Кнопка "скачать"

Добрый день всем. Для создания этой кнопки вам понадобится скачать фотошоп - дополнение.

Скачать веб - градиенты можно тут.

Создаём новый документ размерами 300 х 200 px.
Создаём новый слой и называем "основа"

Берём инструмент "Прямоугольник со скруглёнными краями > Rounded rectangle tool" и рисуем, что-то на подобие:

Теперь зажимаем клавишу Ctrl и кликнем по миниатюре слоя с чёрной кнопкой. Этим самым мы выполним выделение этой будущей кнопо ... Читать дальше »

Категория: Графика для сайта | Просмотров: 616 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Профессиональный шаблон в стиле Web 2.0

В этом уроке мы узнаем, как создать шаблон в стиле web 2.0. Так как это обучающий урок, нам придётся иметь дело с очень большим количеством функций PhotoShop. Может показаться, что этот урок очень большой, но это всё по тому, что всё очень детально разобрано.
Я гарантирую, что Вы найдёте урок лёгким и сделаете всё, как тут описано, только нужно попробовать!

Вот что у Вас должно получиться в конце

Детали урока:
Программа: Adobe Photoshop
Версия: CS4
Трудность: Средняя
Предполагаемое Время выполнения: приблизительно два часа

Шаг 1. Для того, чтобы у нас всё было ровно и правильно, мы будем использовать Сетчатую систему 960s (http://960.gs/),
Когда ... Читать дальше »

Категория: Графика для сайта | Просмотров: 878 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)


Информационный блок для сайта

В данном уроке мы будем учиться создавать информационный блок для сайта.

Итак, приступим!

Шаг 1. Создайте новый документ с фоном темно-серого цвета. Создайте новый слой, и нарисуйте выделение похожее на то, что представлено на рисунке. Для создания такого выделения, воспользуйтесь инструментом Rectangular Marquee (Прямоугольная область выделения).

Шаг 2. Заполните выделение любым цветом, и примените к залитой цветом области выделения тень: Layer Style (Стили слоя) Drop Shadow (Тень) с пока ... Читать дальше »

Категория: Графика для сайта | Просмотров: 579 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Цветочная шапка для сайта

В данном уроке мы будем учиться создавать «цветовую» шапку для сайта.

Шаг 1. Создайте новый документ, размером 760x480 пикселов, и заполните его темно-синим цветом, с показателем: 152А31. Активизируйте инструмент Rounded Rectangle (Прямоугольник со скругленными углами) и установите радиус скругления  - 15 пикселов. Установите в цветовой палитре черный цвет в качестве основного, и создайте округленный прямоугольник поверх темно-синего фона.

Поверх черного прямоугольника создайте еще один, только ме ... Читать дальше »

Категория: Графика для сайта | Просмотров: 689 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)


Баннер для сайта

В этом Photoshop уроке мы будем учиться создавать баннер с простым, но эффектным дизайном.

Так, вначале мы должны создать новый документ, размером 500 × 300 пикселей и залить его белым цветом.

Затем выберите Rounded Rectangle Tool (Закруглённый прямоугольник)(Радиус: 5 пикселей), чтобы сделать форму цветом #6d9e1e, как на рисунке ниже.

После этого примените Gradient Overlay  (Наложение градиента) для этого с ... Читать дальше »

Категория: Графика для сайта | Просмотров: 457 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)


Школьный дизайн для шаблона сайта

В данном уроке мы будем учиться рисовать макет для сайта в стиле «Школьный».

Материалы для урока.

Шаг 1. Для начала создадим тетрадный лист и добавим к нему несколько изображений. Для тетрадного листа создадим полосатый фон темно-синего цвета, размером 700x550 пикселов. Используем инструмент rectangular marquee tool (Прямоугольная область выделения) для того, чтобы создать светло-голубые полосу на новом слое.

Поместите этот слой в папку под названием «Полосы» (для того, чтобы поместить слой в папку – выделите необходимый слой и нажмите комб ... Читать дальше »

Категория: Графика для сайта | Просмотров: 617 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Макет для делового сайта

В этом интересном и полезном уроке мы будем с «нуля» создавать макет для делового сайта.

Шаг 1. Создайте новый документ размером 960x900 пикселов, и заполните его цветом с показателем: #292929
Активизируйте инструмент  Rectangle Tool (Прямоугольник) и создайте на новом слое прямоугольник в верхней части фона с цветовым показателем: #111111

Шаг 2. Активизируйте инструмент  Line Tool (Линия) ... Читать дальше »

Категория: Графика для сайта | Просмотров: 530 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)


Стильная навигация для сайта

В этом уроке мы будем создавать стильную черную навигацию для сайта.
Вот так она будет выглядеть в конце урока:

Шаг 1. Для начала создайте новый документ, размер его 560x500 пикселов, и залейте этот новый документ черным цветом.  На новом слое создайте фигуру большого прямоугольника со скругленными углами в режиме слой - фигуры, радиус скругления угла –70 пикселов. Растрируйте слой, установите в качестве основного цвета в палитре цветов белый, а в качестве цвета заднего плана – темно серый цвет: #434343

Загрузите выделение слоя с фигурой прямоугольника (<Ctrl+клик по миниатюре слоя с прямоугольником>), поменяйте местами задний и передний цвета ... Читать дальше »

Категория: Графика для сайта | Просмотров: 606 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Тёмный дизайн для web сайта

Это проект блога в тёмном цветовом решении, которое становиться всё более популярно.
Яркие детали на тёмном фоне, плюс немного Вашего воображения и Вы автор дизайна для своего личного блога!

Этот урок ориентирован на создание ключевых областей при формировании дизайна web-сайта. Методы и стратегии, используемые в этом проекте, могли быть применены и в другом качестве.

Что привлекает внимание посетителя сайта или блога?
Давайте внимательно посмотрим на результат урока. Если Вы заметили, наиболее яркая и привлекающая внимание область -  это область навигации и первый пост (надпись расположенная в верхней части шапки). Это очень важно, потому как это даёт возможность посетителям понять чему посвящён данный сайт.

Следующая область, привлекающая к себе внимание -  баннер в правом верхнем углу. Причина этого состоит в том, что в процессе того, как посет ... Читать дальше »

Категория: Графика для сайта | Просмотров: 716 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Футер для сайта в стиле Web 2.0

Поскольку Web 2.0 завоевал интернет, нижняя часть страницы, так называемый Footer, стала более важной, чем прежде.
 В этом уроке показывается, как сделать стильный Footer (Футер - дублирование основного меню внизу сайта, как правило, с указанием координат изготовителя и Copyright’а.)  для сайта в Photoshop.

На изображении представлено то, что мы будем создавать. Нажмите на изображение ниже, чтобы увидеть изображение в полноэкранном режиме:

Шаг 1. Характерной чертой стиля Web 2.0 являются расплывчатые цвета, градиенты.
Для создания нашей нижней части, будем использовать сборник градиентов, с помощью которых можно получить прекрасный внешний вид. Сборник Градиентнов мож ... Читать дальше »

Категория: Графика для сайта | Просмотров: 761 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Дизайн шаблона сайта для бара-ресторана

Перед вами шаблон, который мы будем делать сегодня:

Шаг 1. Итак, начнем с создания нового документа размером 900х700px.
Создайте новый слой в документе и залейте его любой текстурой, похожей на дерево.

Шаг 2. Затем при помощи инструмента Прямоугольная область выделения (rectangular marquee) выделите полосу в верхней части шаблона, к примеру ,140 или 170 px в высоту. Создайте новый слой и залейте его любым оттенком коричневого цвета.

... Читать дальше »

Категория: Графика для сайта | Просмотров: 615 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)

Навигация с новостной панелью

В данном уроке показано, как создать веб-навигацию по меню с новостной панелью при помощи программы Adobe Photoshop. На данный урок меня вдохновила навигация данного сайта.
 После выполнения данного урока, у Вас должно получиться что-то похожее. 

Давайте начнем.
Создайте новый документ размером 900х300 пикселей с прозрачным фоном.
Следующие наши шаги разбиты на этапы.
Таким образом, создайте новые направляющие View->new guide
(Просмотр->Новая направляющая) по вертикали: 20, 30, 165, 170, 305, 310, 445, 450, 585, 590, 725, 730, 870 и 880px.
И по горизонтали: 30, 90 и 270px.

... Читать дальше »

Категория: Графика для сайта | Просмотров: 433 | Добавил: ASSASSIN | Дата: 17.11.2010 | Комментарии (0)



Мы вконтакте

Как купить 100 клиентов за 100 рублей? Ответ тут!

Для красивого отображения Облака
необходим
Adobe Flash Player 9
или выше
Скачать Adobe Flash Player

Голосование
Оцените мой сайт
Всего ответов: 10
Design by WinSkin
Все права защищены


Шаблон зарегистрирован ! Копирование карается штрафом.
sitemap теги сайта sitemap-forum sitemap-shop Теги сайта