Похожие статьи

Советы дилетанта или как сделать полноценный корпоративный сайт (35,42%)
По работе я занимаюсь достаточно специфической темой в области строительства. Долго я размышлял о создании сайта, посвященного профессиональной деятельности. Сейчас сайт готов, он оправдал надежды. На основе собственных проб и ошибок, хотел бы поделиться опытом и дать реальные советы, как организовать работу и на что обратить внимание в процессе создания и запуска коммерческого проекта…

КРОМЕ юзабилити и дизайна: содержательный сайт (32,91%)
Любой веб-ресурс сегодня раздираем двумя мощными силами - на первый взгляд, непреодолимыми и несовместимыми одновременно. С одной стороны, юзабилити и интерфейс требуют простоты, логичности и доступности – в общем, голого функционального минимализма. С другой стороны, развивающиеся веб-стандарты и технологии способствуют расцвету новых подходов к…

Популярность в сети – рутина или искусство? (31,58%)
Чем отличается Микки-Маус от простой серой мышки? Раскрученностью! Для оптимизаторов раскрутка сайта в Сети равно тождественна оптимизации сайта для Поисковых систем. Как мы видели, разработчики поисковых систем вынуждены выступать в роли придирчивых экзаменаторов, дабы соблюсти интересы пользователей в качественной выдаче на запрос и оградить их…

Автор: Волков Кирилл aka Vulko
www.venus-design.com

Дата публикации 17-03-2004 19:57
Статья просмотрена 47670 раз

В этой статье я расскажу о том, как нарисовать жареное яйцо. Конечно оно не поможет нам утолить голод, но зато вы испытаете душевное и эстетическое наслаждение при виде такого вот «натюрморта» :).

1. Создайте новый файл. Размеры выбирайте сами (в зависимости от степени голода ;) ). Выберите основным цветом R — 244, G — 214, B — 2. Нарисуйте с помощью Elipse Tool (клавиша U) кружок (для этого необходимо рисовать, удерживая нажатой клавишу Shift). У вас должно получится примерно следующее:

Начальное изображение для работы

2. Теперь продублируйте этот слой, а затем, удерживая нажатой клавишу Shift, измените размеры слоя-дубликата и задайте ему цвет (Layer Thumbnail) R — 240, G — 196, B — 9. Вот что получилось у меня:

Изменение слоя-дубликата

3. Теперь мы будем работать со стилем слоя-копии. Для этого кликните дважды на этом слое в палитре Layers, или зайдите через меню Layer -> Layer style -> Bevel and Emboss. На закладке Bevel and Emboss установите следующие параметры:

Скриншот настроек 1

Добавим Gradient Overlay. Все настройки показаны на рисунке:

Скриншот настроек 2

4. Теперь нужно растризовать слой-дубликат — Image -> Rasterize -> Layer. Теперь разобьем его на слои — Layer -> Layer Style -> Create Layers. Мы получили 3 слоя. Нужно их последовательно свести, начав с самого верхнего в палитре Layers — Layer -> Merge Layer (Merge Down) или сочетание клавиш Ctrl+E. Полученный рисунок мы вновь подвергнем стилизированию. Добавьте Bevel and Emboss (подробное описание есть в пункте 3) со следующими настройками:

Скриншот настроек 3

5. У вас должно получиться что-то похожее на:

Готовое изображение желтка

6. Желток готов. Теперь осталось сделать белок. Для этого нужно создать новый слой — Layer -> New -> Layer или Shift+Ctrl+N. Этот новый слой должен располагаться после Фона (Background), но перед первым слоем. Так как белок белый (сорри за тавтологию :) ), то фон нам надо сделать другого цвета… например, R — 123, G — 171, B — 251.

Теперь на созданном слое будем рисовать белок. Для начала в качестве основного цвета нужно выбрать белый. Входим в режим Быстрой Маски (Quick Mask) — клавиша Q. В режиме быстрой маски необходимо нарисовать Кистью (Brush Tool), клавиша B, некое подобие растекшегося по сковороде белка. Не думаю, что есть люди, не разу не видевшие жареного яйца, так что я не стану подробно описывать этот процесс :). При желании вы всегда можете поработать разными стилями кистей, их размерами… — это процесс творческий, поэтому нет смысла описывать некий алгоритм.

Ну что же — теперь можно выйти из режима Быстрой Маски. Эту операция осуществляется по нажатию клавиши Q. Если вы все правильно сделали, то увидите некоторое выделение — его необходимо инвертировать (Select -> Inverse или сочетание клавиш Ctrl+Shift+I). Теперь можно это залить белым цветом — Edit -> Fill или сочетанием клавиш Alt+Delete.

Ну вот. Все закончено. Не знаю, что получилось у вас, но я сделал вот такую глазунью:

Финальное изображение яичницы

P. S. Как обычно советую читателям не останавливаться на достигнутом. Экспериментируйте, творите, совершенствуйтесь… Не смотрите на эту статью как на пособие для голодных дизайнеров, смотрите глубже. Этот материал позволит вам понять некоторые приемы создания различных (псевдо-3D и 2D) объектов.

Похожие статьи

Повышаем юзабилити формы поиска (31,25%)
Большинство серьезных сайтов имеет сложные внутренние поисковые системы, однако все это богатство, как правило, скрыто за ссылкой «расширенный поиск». А вот маленькая форма поискового запроса доступна на каждой странице в верхнем правом углу сайта. Подумаем, как сделать эту форму удобнее для посетителей…

Квартира для вашего сайта (31,03%)
Статья содержит описание услуг, которые предоставляют хостинг провайдеры на российском рынке. Объясняются такие понятия, как виртуальный сервер, выделенный сервер, парковка, co-location… Также вкратце рассказывается о стандартных сервисах, предоставляемых хостинг провайдерами…

Создание сайта с помощью фреймов (30,77%)
Из огромного количества сайтов сети многие используют фреймы для тех или иных целей. Да фреймы можно использовать и с толком для сайта. С другой стороны неправильная реализация фреймов — огромная ошибка…

Поиск качественной и актуальной информации в современном Интернете (30,3%)
Традиционно лучшим считался Интернет-ресурс, ссылка на который располагалась в Top10 поисковой системы или была опубликована на уважаемом сайте. Сейчас это, скорее всего, является следствием кампании по продвижению сайта и может не зависеть от его информационной ценности. Где же добыть качественную информацию по интересующей проблеме, если в поисковой системе не обнаружено подходящих результатов?…

Баннерное дело (29,79%)
Сегодня на баннерах построена целая индустрия: одни создают и закрывают баннерные сети, спекулируют на покупке/продаже баннерных показов, другие — баннеры делают. В статье рассмотрим виды баннеров, их недостатки, преимущества и цели, а также попытаемся пронаблюдать общие тенденции в баннероупотребительском деле…

← Раздел «Вебмастеру: Графика» | Комментарии (14) →

Ваше имя: 

Цифры с картинки:
Включите графику в браузере

Ваши комментарии:

Все поля формы обязательны для заполнения.
Комментарий: Любые HTML-теги в сообщениях запрещены.
Гиперссылки в комментариях не работают — добавлять спам бесполезно!
Максимальная длина комментария — 5000 символов.
Комментарии, не имеющие отношения к статье, будут удалены.

 

Графика для Web Данная статья вряд ли пригодится профессионалам. Содержащиеся в статье практические примеры, описания и исторические справки скорее помогут новичкам понять и увидеть разницу между различными форматами изображений для web, а также, я надеюсь, научатся их грамотно, "к месту", использовать. Статей на данную тематику в интернет множество, но…

Этапы разработки логотипа компании Логотип - это графическое представлен компании. Как правило, логотип состоит из названия компании и оригинального изображения, которое должно характеризовать основную деятельность компании. Иногда логотип называют фирменным или товарным знаком. От логотипа зависит узнаваемость компании среди потребителей. В истории мирового бизнеса известно немало…

Создание красивого фона в PhotoShop В статье описывается интересный способ создания красивого и стильного фона с помощью применения фильтров Adobe PhotoShop к «бесcмысленно изрисованному» изображению. Пробуя по этой схеме различные сочетания цветов, параметры фильтров, можно добиться очень интересных результатов…

Графика для Web Данная статья вряд ли пригодится профессионалам. Содержащиеся в статье практические примеры, описания и исторические справки скорее помогут новичкам понять и увидеть разницу между различными форматами изображений для web, а также, я надеюсь, научатся их грамотно, "к месту", использовать. Статей на данную тематику в интернет множество, но…

Создание красивого фона в PhotoShop В статье описывается интересный способ создания красивого и стильного фона с помощью применения фильтров Adobe PhotoShop к «бесcмысленно изрисованному» изображению. Пробуя по этой схеме различные сочетания цветов, параметры фильтров, можно добиться очень интересных результатов…

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