Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

Создаем стильный коллаж.

Создаем стильный коллаж.

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Создание макета сайта для портфолио в стиле Веб 2.0

Tags: Графика для сайта | портфолио дизайнера | Уроки Photoshop | уроки фотошопа бесплатно

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

 

Создадим новый документ размером 960*900 пикселей, для заливки я использую темный фоновый цвет # 0a0a0a .Далее создаем еще один новый документ размером 270*270 пикселей и с помощью инструмента Эллипс создадим круг внутри него.


Этому кругу добавляем следующие стили:

 

 

Вот мой результат:

 

Теперь идем в меню Правка - Определить кисть.

Выбираем имя для кисти и нажимаем кнопку ОК.
Теперь выберите инструмент Кисть и создайте несколько отпечатков на документе, как показано на рисунке.

 

Изменим режим наложения слоя на Жесткий свет, и уменьшим непрозрачность слоя до 65%.

Далее в панели инструментов я выбираю кисть, о которой писала несколько шагов назад, и задаю следующие настройки для нее:

 

 

Потом создааем новый слой поверх всех слоев, и создадим несколько отпечатков, как показано на рисунке, обратите внимание на то, что размер кисти вам надо выбрать 40-50.

Делаем как показано на рисунке:

Следующим шагом я использую фильтр для нового слоя Filter > Blur > Gaussian Blur и применяю ему следующие параметры:

Затем я меняю режим наложения слоя на Мягкий свет и уменьшаю непрозрачность до 50%.

Далее создаем новый слой , применяем к нему режим наложения Перекрытие и уменьшаю прозрачность до 50%, затем инструментом Кисть делаю такие же отпечатки, как и на предыдущем слое.

Далее я создаю несколько фигур инструментом Прямоугольник с скругленными углами.

Для верхней панели навигации я применяю следующие стили слоя:

 

 

 

Вот как выглядит моя навигация:

Уменьшаем непрозрачность формы до 20%.

Теперь добавляем текст в наш макет, инструментом Горизонтальный текст.

Далее я создаю новый слой и инструментом Карандаш, добавляю некоторые детали в панель навигации. Можно повторит это действие легко, использовав кисти размером в 1 пиксель. Итак, создаем пунктирные линии и стрелки.

Добавлю несколько графических элементов и вот мой результат:

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

Вот еще один вариант с кистями в форме многоугольника.

 

Источник.

 

 

AddThis Social Bookmark Button
 

Добавить комментарий


Защитный код
Обновить

поиск
RSS
Определение ключевых слов.

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

кол-во просмотров10977
Подробнее...

ТЗ к сайту

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

кол-во просмотров5398
Подробнее...

Для чего нужны сервисы социальных закладок?

Сервисы социальных закладок представляют собой сайты, при помощи которых  можно хранить ссылки на интересующие вас ресурсы, сайты, форумы. Благодаря тому,...

кол-во просмотров4603
Подробнее...

Приятный глазу сайт. Как его сделать.

     Когда пользователь попадает на сайт у него сразу же в первые доли секунды формируется мнение о нем. Что же...

кол-во просмотров6078
Подробнее...

Стили сайтов. Стиль минимализма

Стиль минимализма берет свое начало в первой половине 60-х г.г. Суть минимализма - это простота, минимум графических материалов. Минимализм это...

кол-во просмотров11740
Подробнее...