Все уроки Фотошоп

Есть вопрос? Задайте здесь и сейчас!

Форум Регистрация Выслать активацию Восстановить пароль Дополнительно Файлы Видео Галереи Справка  
Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Дизайн персонального сайта, веб-дизайн

Перезагрузить страницу Страна Фотошопия Adobe Photoshop. Фотошоп и все, с ним связанное >> Обучение Adobe Photoshop >> Необработанные уроки Photoshop >>

Дизайн персонального сайта, веб-дизайн


 
Опции учебника
Дизайн персонального сайта, веб-дизайн

Предыдущий учебник Дизайн персонального сайта, веб-дизайн Следующий учебник
Опубликовал(а) Gostemilov
23.06.2015
Дизайн персонального сайта, веб-дизайн

Designing Personal Web Page

Создаём новый документ размером 766x606 px и разрешением 72 dpi. Создаем новый слой - заливаем черным цветом при помощи . Затем рисуем серую полоску как на картинке при помощи . Применяем настройки Blending Options, как показано на картинке ниже.






Копируем полоску и отражаем её по горизонтали при помощи Free Transform.


Копируем нижнюю полоску и размещаем её как на картинке. Прозрачность устанавливаем на 15%.


При помощи кисти создаем кружок (цвет 707070). Затем ластиком убираем часть кружка как показано ниже:


При помощи рисуем черную фигуру как на картинке. Идем в Blending Options >> Stroke >> 2 px, цвет - белый.


Тем же самым инструментом рисуем белую фигуру и размещаем как показано:


Копируем предыдущий слой. При помощи Free Transform, удерживая Shift, уменьшаем её.


При помощи рисуем фигуру белого цвета. При помощи Free Transform поворачиваем ее на 45 градусов.


Берем и рисуем небольшой кружок белого цвета и размещаем её как показано.


Пишем текст и применяем следующие параметры:


Blending Options-Drop Shadow:


Blending Options-Gradient Overlay:


Настройки градиента:


Берем и создаем фигуру белого цвета (удерживая Shift, рисуем несколько пересекающихся кружков разного размера и в результате получаем такую фигуру):


Копируем слой с фигурой, похожей на кнопку, которую мы создали ранее и размещаем как показано:


Создаем ещё одну кнопку таким же способом как это сделали раньше:


И ещё одну...


Теперь при помощи кисти маленького размера белого цвета рисуем стрелку (уголок можно создать, удерживая Shift)


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


Используем и рисуем фигуру белого цвета, удерживая Shift.


Копируем несколько раз эту фигуру и размещаем как показано на картинке:


Пишем нужный нам текст около каждой из фигур:


Используем и рисуем фигуру белого цвета, удерживая Shift. Дальше применяем Blending Options >> Stroke >> 3 px, белый цвет).


Создаем новый слой, вставляем туда нужную нам фотографию, размещаем ее над ранее созданной фигурой, поджимаем Alt и щелкаем между этими двумя слоями. Должно получится что-то вроде этого:


При помощи рисуем белый и оранжевый кружки и размещаем как показано:


При помощи добавляем некоторые детали:




И вот результат:


Источник: AdobeTutorialz
Перевод: Nadik

Опубликовал(а)
Аватар для Gostemilov
Администратор
Он малахольный
Регистрация: 07.09.2007
Адрес: Россия, Москва. 100 метров до МКАД
Возраст: 54
Сообщений: 92,015
Вес репутации: 10
Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима Gostemilov репутация неоспорима


Рекомендовать другим

Копирайт
Оригинал урока
demiart.ru/forum/index.php?showtopic=25248
 



Опции учебника

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Выкл.
Pingbacks are Выкл.
Refbacks are Выкл.


Похожие темы
Название учебника Автор учебника Раздел Числу комментариев Последнее сообщение
Дизайн сайта-портфолио, веб-дизайн, спецэффекты Gostemilov Необработанные уроки Photoshop 0 23.06.2015 21:55
Дизайн сайта в стиле Windows Vista., дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 17:05
Дизайн сайта для продажи Программы, веб-дизайн Gostemilov Необработанные уроки Photoshop 0 23.06.2015 06:10
Дизайн Сайта для Онлайн-Бизнеса, бизнес веб-дизайн Gostemilov Необработанные уроки Photoshop 0 22.06.2015 12:50
Дизайн сайта в DJ стиле, DJ Layout #2, дизайн, макет Веб-Сайта Gostemilov Необработанные уроки Photoshop 0 22.06.2015 08:05

###
Социальные сети
Группы
Основные разделы
Скачать и поделиться

Новости Фотошопии
Подписаться письмом
Дополнительно

Текущее время: 00:49. Часовой пояс GMT +2.


удаленная проверка сервера uptime российских хостеров
Rambler's Top100


.
Locations of visitors to this page

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc. Перевод: zCarot
vBulletin Optimisation by vB Optimise (Reduced on this page: MySQL 14.29%).