Суббота
27.04.2024, 10.33.32
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки все

Рисуем сайт "Портфолио Дизайнера"
Автор: Adobe Tutorialz.
Перевод: Tin231
Источник: http://demiart.ru/forum

Создайте новый файл, размером 766*699 px и 72 dpi.
Инструментом Rectangle Tool (U), делаем выделение, как на рисунке:



Применяем следующие параметры: (Blending Options>Gradient Overlay)







Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - белый. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.





Вверху страницы, рисуем инструментом - Rectangle Tool (U), полосу:





Параметры слоя: Fill 0%, Blending Options-Pattern Overlay:





Выше нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу и закрашываем цветом - #BBDD03:





Создаем копию полосы (белые точки), используя - Free Transform переверните копию полосы в основание фона:



Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #729C06. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.





Ниже нарисованной полосы, инструментом - Rectangle Tool (U), рисуем полосу:





Fill 0%, Blending Options-Pattern Overlay:





Инструментом Pen Tool (P), рисуем украшения фона, цвет - #AAD500:



Другой рисунок, цвет - #AAD700



Цвет - #AECD01





Создайте новый документ 4*4 px и 72 dpi. Выберите инструмент Карандаш, основной цвет - #E3E3E3. Создаем изображение, как на рисунке, после чего Edit>Define Pattern.



Инструментом Rounded Rectangle Tool (U), рисуем:





Blending Options>Drop Shadow



Blending Options>Pattern Overlay





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



Вставьте картинки:



Rounded Rectangle Tool (U), цвет - #EBEBEB, настройки:





Копируем последний слой, свободная трансформация, уменьшаем размер, цвет - #49BD14



Blending Options>Stroke





Инструментом - Rectangle Tool (U) делаем выделение, как на рисунке:



Зажав Alt нажимаем мышкой между двумя последними слоями. Fill 50%.





Для заключительного результата, мы объединяем слои с иконками, и копируем их 2 раза. После чего перемещаем иконки на 2 оставшиеся картинке, после чего меняем их цвета. Первая копия - #ED9300; вторая копия - #5EA9D1. Blending Options>Stroke, как показано выше.



Пишем номера в иконки, после чего Free Transform, поворачиваем их:





Blending Options>Drop Shadow





Напишите название сайта:





Blending Options>Drop Shadow





Новый слой. Точки, цвет - #D7FF00:



Создайте таблицы, и подпишите карточки:



About us, О нас





Создаем меню:





Инструмент карандаш, рисуем точки:





Копируем слой с разделительной полосой:



Полосы должны иметь следующие настройки. Blending Options>Outer Glow





Rounded Rectangle Tool (U), настройки:





Blending Options>Drop Shadow





Копия слоя. Инструментом свободная трансформация, уменьшаем, цвет - #6DD800



Blending Options>Stroke



Rectangle Tool (U), рисуем как на рисунке, цвет - #A9DB7C



Удерживая ALT, жмем мышкой между последними слоями:





Тоже самое делаем, для двух остальных картинок. Меняем только цвет: вторая кнопка #F6C073; третья - #89B4C7 (Blending Options>Stroke как выше):



Пишем название кнопок:





Blending Options>Drop Shadow





Rectangle Tool (U) рисуем белые квадраты:



Blending Options>Drop Shadow





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



Rectangle Tool (U), рисуем двойную линию, левая сторона должна быть зеленая, правая - белая:



Параметры для левой полосы: Fill 0%, Blending Options>Pattern Overlay



Параметры для правой полосы: Opacity 70%, Fill 0%, Blending Options>Pattern Overlay







Копируем слой с полосой и перемещаем ее на другой край:



Напишите необходимый текст (ниже настройки для различных текстов):









Навигационный текст:



Цифровой:





Ellipse Tool (U), рисуем круг, цвет - #FFD40F



Blending Options>Drop Shadow



Blending Options>Stroke





Итог:



Источник: http://www.artscroll.ru/page.php?id=7243
Категория: уроки все | Добавил: yana (31.05.2010)
Просмотров: 2609 | Теги: дизайн, портфолио | Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2024