Меню сайта

Мини-чат

Наш опрос

Чего добавлять больше?

Проголосовало: 109

Статистика


Онлайн всего: 2
Гостей: 2
Пользователей: 0
Дизайн Студия UcoZ

Главная » Графика для сайта

Кнопка для сайта - ОК

Прочитано: 556

1. Начните с создания нового документа, затем выберите "Rounded Rectangle Tool ( U) " (радиус скругления 50 px) и сделайте форму подобно нижней.

2. Теперь её необходимо трансформировать. Для этого выберите "Direct Selection Tool" , кликнете по форме (появится 6 точек), затем щелкните по левой верхней точке, чтобы получилась ситуация как на нижнем рисунке. Используя стрелки управления вашей клавиатуры, переместите выбранную точку влево 9 раз (см. рисунок ниже).
Проделайте такую операцию для всех 4-ёх аналогичных точек.

3. Необходимо создать еще несколько дополнительных точек, для этого выберите "Add Anchor Point Tool"   ... Читать дальше »




Серебристая кнопка для сайта

Прочитано: 626

В этом фотошоп уроке мы будем с вами создавать серебристую кнопку для web сайта.

Откройте новый документ (File > New) с параметрами: 450x450 px и 72 dpi.
На новом слое, используя Rounded Rectangle Tool (U), создайте форму для вашей кнопки.

Добавьте к ней следующие стили слоя Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения):

Drop Shadow (Тень)

Inner Shadow (Внутренняя тень)

Gradient Overlay (наложение градиента)

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




i - Иконка

Прочитано: 510

В этом фотошоп уроке мы будем с вами создавать стеклянную иконку для web сайта.

Первым делом создайте новый документ (File>New или Ctrl+N)
размером  200x200 px с белым фоном.

Создайте новый слой (Layer>New>Layer или Ctrl+Shift+N)
Выберите инструмент "Elliptical Marquee Tool (Овальная область) "  и, зажав "Shift", сделайте такое выделение:

Теперь с помощью "Paint Bucket Tool" заполните это выделение каким-нибудь цветом.

Пройдите в Layer>Layer Style>Blending Options>Inner Shadow
(Слой - Стиль слоя - Параметры наложения - Внутренняя тень):

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




Голубая стрела

Прочитано: 597

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

Откройте новый документ.
Создайте новый слой
Используя "Elliptical Marquee Tool" , нарисуйте окружность и залейте её:

Пройдите в Layer > Layer Style > Blending Options (Слой - Стиль слоя - Параметры наложения)
и установите следующие параметры:

Drop Shadow (Тень):

Gradient Overlay (Наложение градиента)

Stroke (Обводка)

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

Создайте новый слой, нарисуйте эллипс и залейте его:

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




Кнопка с отражением

Прочитано: 608

В этом уроке по web графике мы нарисуем кнопку с отражением.

1. Создайте новый документ(Ctrl+N) с белым фоном. Используя "Elliptical Marquee Tool", сделайте такое выделение:

2. Создайте новый слой (Layer/New или Ctrl+N+Shift) и залейте его каким-нибудь цветом. Назовите его "button" (кнопка).

3. Используя "Dodge Tool, создайте внутреннее свечение, как на рисунке:

4. Создайте еще одно выделение, используя .
Создайте новый слой и назовите его "border" (обводка).

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




RSS-кнопка

Прочитано: 577

В этом уроке я расскажу вам, как делать RSS-кнопку.

Для начала нам нужно создать новый файл (File > New, Файл > Новый) размером 512x512 px и разрешением 72 dpi.
С помощью инструмента нарисуйте прямоугольник с закруглёнными углами (радиус 25 px).

На панели слоёв нажмите правой клавишей мыши по слою и выберете Blending Options (Параметры наложения).
В появившемся окне выберете Gradient Overlay (Наложение градиента).

Создайте следующий градиент:

У вас должна получиться такая картинка:

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

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




Рисуем шаблон для сайта Креативной студии

Прочитано: 831

В этой детальной консультации вы узнаете, как нарисовать впечатляющий веб-сайт для Креативной Студии.

Начните свою работу с создания нового файла 845 x 900 px и 72 dpi. Выберите после этого Инструмент и залейте документ цветом #151616

Сейчас мы попробуем создать эффект освещения в верхней части нашего шаблона.
Возьмите Инструмент Прямоугольник в режиме фигур .
Растяните его так, как показано на рисунке:

Установите этому слою параметр Fill (Заливка) на 0%

Теперь к этой фигуре применим стиль слоя "Наложение градиента"

Параметры градиента:

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




Хедер в стиле web 2.0

Прочитано: 594

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

Этот урок займёт много времени, потому что он имеет много шагов. Также он направлен на сколько-нибудь опытных пользователей Photoshop. Но если вы знаете основы, то вы должны справиться. Если что-то непонятно, оставляйте комментарии, и я попытаюсь на них ответить настолько понятно, насколько я могу.

Шаг 1 - Настройки

Готовы? Хорошо. Поехали. Начнём с создания нового документа 800х500 пикселей. Зальём полотно чёрным цветом и на время отключим его видимость. Создадим новый слой и назовём его clouds (облака). Как видно из названия, на этом слое будем создавать абстрактное облако.

Шаг 2 - Облако

Создать модное облако очень легко. Выбираем круглую кисть размером 200х200 пикселей с 100% жесткостью. Рисуем три “главных” чёрных круга, как показано на рисунке.

Далее просто уменьшая размер кисти, дорисовываем наше обла ... Читать дальше »




Мультипликационный макет сайта.

Прочитано: 562

Перед тем как мы начнём, давайте взглянем на изображение, которое мы будем создавать. Макет сайта мы будем рисовать в грандж стиле. Сейчас это популярно в web-дизайне, поэтому урок будет полезен многим.

Шаг1. Создаём новый документ размером 1024х768 пикселей. Залейте фон цветом, который показан на изображении ниже. Возьмите инструмент Rectangle Tool (Прямоугольник) и нарисуйте прямоугольник. Он должен занимать верхнюю половину полотна.

Залейте прямоугольник цветом, как на рисунке. Растрируйте прямоугольник. Для этого идём Layer – Rasterize - Shape (Слой – Растрировать - Фигура).
Переименуйте слой с прямоугольником в «Top Layer». Используя Lasso Tool (Лассо), нарисуйте фигуры на нижней стороне прямоугольника. Это будут разрывы бумаги. Нажмите Delete.

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

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




RSS кнопка

Прочитано: 574

Здравствуйте уважаемые пользователи сайта photoshop-master.ru!
В этом уроке вы узнаете, как создать красивую стеклянную RSS кнопку.

Создаём новый документ размером 512x512px и разрешением 72 dpi
Инструментом  эллипс (Ellipse)рисуем вот такой овал:

Уменьшаем Fill (Заливку) слоя до 0%:

Выбираем BlendingOptions- GradientOverlay (Параметры наложения - наложение градиента) (Двойной щелчок по слою) ставим настройки как на рисунке:

Результат должен быть примерно такой:

Выбираем инструмент Эллипс и рисуем круг, как показано ниже. Цвет ... Читать дальше »




« 1 2 3 4 5 6 »

Форма входа

Поиск

Календарь

«  Июль 2025  »
Пн Вт Ср Чт Пт Сб Вс
 123456
78910111213
14151617181920
21222324252627
28293031

Друзья сайта

Лучшие фильмы онлайн