Photoshop - Трюки в Photoshop

Контент-бокс для сайта

Условия перепечатки материалов
Статью можно обсудить на форуме!

Рейтинг статьи: 99999
Проголосовало 9 человек.
Оцените статью:

Создайте новое изображение 300х190 с разрешением 72 dpi. Теперь создайте новый слой и нарисуйте на нем черный прямоугольник с закругленными краями инструментом Rectangle Tool (U). Радиус углов поставьте примерно 20 пкс.

Теперь в палитре слоев дублируйте слой (Ctrl+J). Выберите оригинальный слой и с нажатой клавишей Ctrl выделите его на палитре слоев. Теперь меню Select > Modify > Contrast (Выделение > Модифицировать > Контраст): 2 пкс. Нажмите Delete на вашей клавиатуре.

Теперь переместите оригинальный слой поверх дубликата и дважды щелкните на оригинале в палитре слоев. Сделайте все как на картинках ниже.

Теперь будет похоже примерно на это:

Ок, теперь создайте новое изображение 2х2 72 dpi и нарисуйте инструментом Pencil Tool с толщиной 3 пкс. цветом #17667c следующие точки:

Теперь выберите Edit > Define Pattern (Правка > Определить паттерн) и назовите наш паттерн "Grid".

Закройте это изображение. Теперь дважды кликните на самом первоночальном (оригинальном) слое и постарайтесь настроить все, как на картинках ниже.

Результат:

Теперь зажмите Ctrl и выберите вновь тот же оригинальный слой в палитре слоев. После создайте новый слой "Gradients" поверх оригинального слоя и градиентом от белого к прозрачному залейте изображение (см. картинки ниже).

Сделайте то же самое и для низа изображения.

Ок. Не снимайте выделение! Создайте новый слой поверх слоя "Gradients", выберите инструмент выделения (Marquee Tool (M)) и шаг за шагом выделяйте сверху вниз, зажимая клавишу Alt.

Теперь заполните область цветом #002b60, нажмите Ctrl+Alt+D и введите радиус растушевки равным 2 пкс. После нажмите Ctrl+Shift+I и нажмите Delete 2-3 раза. Оставьте выделение! Создайте слой "Gradients 2" и проделайте с ним то же, что и с "Gradients". После дважды щелкните на нем и сделайте все как на картинке:

Результат:

Ну и, добавьте текста, оформления... Импровизируйте! К примеру, может получиться вот это:

Источник: Art Specialist.net - http://art-specialist.net/

Разместил: imperior
Опубликовано: 29.04.2006
Статья "Photoshop - Трюки в Photoshop - Контент-бокс для сайта" прочтена 9552 раза.

Комментарии к статье Контент-бокс для сайта

Паша
На этой странице не загружаються скриншоты, посмотрите в чем проблема!

No name
А где картинки?

Оставьте ваше мнение о статье

Имя:
E-mail:
Сайт:
5 + 6 = (цифры, напр-р, 6 + 5 = 11)
Комментарий:

Последние новости
Последние темы на форуме
Как на Ваш взгляд Сайт "Империи кино и рекламы" - http://detalk.ru/index.php?showtopic=6413
Куплю оригинальное фото или видео - http://detalk.ru/index.php?showtopic=6615
картинку в поиск... - http://detalk.ru/index.php?showtopic=6587
Оцените - http://detalk.ru/index.php?showtopic=6596
Требуется критика или отзывы - http://detalk.ru/index.php?showtopic=6459 СКАЧАТЬ КНИГУ ПРО СОЗДАНИЕ ЛОГОТИПА - http://detalk.ru/index.php?showtopic=6606
Профессиональный web-программист ищет работу - http://detalk.ru/index.php?showtopic=6614
Adobe Photoshop Corel Draw 3d Flash Графика Продвижение сайтов - http://www.siteprojects.ru/

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