Клуб PhotoImpact

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Клуб PhotoImpact » Графика в Web-дизайне. » Прикрутим бирку шурупами.


Прикрутим бирку шурупами.

Сообщений 1 страница 7 из 7

1

Те кто заходит в наш клуб через мой сайт, конечно видили в шапке страницы кнопку в виде бирки прикрученной шурупами.
http://i068.radikal.ru/0810/b0/bd11aed06584.gif

Или в "Контакт"-ах бирка на заклёпках.
http://s59.radikal.ru/i164/0810/91/5138b2506ae8.gif

Сегодня я покажу как изготовить заклёпки и шурупы.
Откроем новый документ. Размеры произвольные. Во время работы для себя я устанавливаю сразу "транспарент"-без фона. Сегодня же для урока я открыл документ с белым фоном. И чтоб было лучше видно нюансы, размеры шурупа увеличу.
http://s41.radikal.ru/i092/0810/fe/077dc0420b73t.jpg

Тастой D или нажав на иконку активируем инструмент Pfad-Zeichenwerkzeug
http://s56.radikal.ru/i153/0810/32/98aadb98e5cbt.jpg

Заходим в каталог форм и активируем форму круга.
http://s46.radikal.ru/i114/0810/55/209ab9504775t.jpg

На документе зажимаем левую мышку и тянем по документу.
http://i032.radikal.ru/0810/a7/c74bf4ba9e33t.jpg

Отпускаем мышку и в нашем документе появился тёмно-серый шарик. Те кто работал до этого с другими цветами получат шарик другого цвета. На этой стадии цвет значения не имеет.
http://s52.radikal.ru/i135/0810/e0/d0d3eb525b46t.jpg

Теперь положим тень вокруг нашего шарика. Зайдём: Галереи → Материалатребуты → Тени → и выберем шаблон с тенью вокруг обьекта.
http://s50.radikal.ru/i128/0810/fb/73f84984fba5t.jpg

Правой мышкой по шаблону и в открывшемся окне жмём настройки для шаблона.
http://i021.radikal.ru/0810/16/7eaed8ef5a07t.jpg

Открылось окно самих настроек. Жмём "Опции"-настройки.
http://s43.radikal.ru/i102/0810/27/9eae50b42793t.jpg

По умолчанию настройки установлены на обычную тень но у нас шуруп и нужно имитировать под ним углубление. Значит нужно подогнать настройки чтобы было похоже на "глубокую" тень.
http://i027.radikal.ru/0810/50/65742d5c6063t.jpg

Жмём О.К. и получили такую вот картинку.
http://s60.radikal.ru/i170/0810/3b/15ad1673fc3f.gif

У нас шарик а нам нужна "шляпка" шурупа. Заходим в Schräge и выбираем форму наиболее похожую на наш взгляд на "шляпку" шурупа. Schräge в переводе на русский- наклон.
http://i063.radikal.ru/0810/fd/223b14f54461t.jpg

Те кто в работе хочет применить заклёпки, может остановиться на этой стадии. Достаточно только залить нужной текстурой, лучше металлом. Я выбрал сталь.
http://s61.radikal.ru/i172/0810/07/1243d1b20dfbt.jpg

Получили вот такую металлическую заклёпку.
http://s43.radikal.ru/i100/0810/01/fbf405a43f17.gif

Теперь уменьшим размеры заклёпки для применения. Размеры устанавливайте произвольно сообразуясь с дизайном и деталью которую вы хотите закрепить. Я установил разметы 22х22.
http://s54.radikal.ru/i143/0810/ff/37ef44d3505et.jpg

Шаблон готов, теперь нужно его сохранить как обьект для будующих работ. Размеры мы задали 22х22. Следовательно и новый документ без фона (транспорент) нужно создать тоже 22х22.
http://i058.radikal.ru/0810/9a/ea4b4cb96ddat.jpg

Теперь просто мышкой перетянем в него наш обьект.
http://s60.radikal.ru/i168/0810/5c/b2a6e974bb5bt.jpg

Центрируем и сохраняем в gif.
http://s42.radikal.ru/i096/0810/7b/e6646773305bt.jpg

Вот и всё в колекции наших обьектов появилась заготовка для шурупа которую уже сейчас можно использовать как заклёпку.
Заданием нашего урока было прикрутить бирку шурупами. Значит будем прикручивать. Для начала создадим бирку.

Чтоб не создавать новый документ, используем тот в котором делали заготовку для шурупа.
Тастой D или нажав на иконку активируем инструмент Pfad-Zeichenwerkzeug, выбираем квадрат с закруглёнными углами.
http://i073.radikal.ru/0810/ca/af82356d60e1t.jpg

Нажав и удерживая правую мышку, протянем по документу.
http://s50.radikal.ru/i127/0810/a8/e5bb102dc09dt.jpg

Сняв "галочку", отключим тени.
http://s42.radikal.ru/i096/0810/85/a7c62992a644t.jpg

Пусть наша табличка будет медной. Дважды кликнем на одном из шаблонов меди.
http://s45.radikal.ru/i107/0810/0e/b367930444dct.jpg

Наша табличка стала медной. Делать на ней надписи или рельеф картинки я сегодня не буду. Это другая тема. Наше же задание на сегодня прикрутить табличку шурупами. Вызовим на стол нашу сохранённую заготовку для шурупа. Правой мышкой по заготовке и в открывшемся окне жмём "Дублировать" (не путать с "Копировать").
http://s48.radikal.ru/i122/0810/d9/2b7a437e2da5t.jpg

У нас в одном документе получилось два совершенно одинаковых обьекта,- один на другом. Мышкой захватываем верхнюю заготовку и перетягиваем её в документ с нашей биркой.
http://s51.radikal.ru/i131/0810/43/515e4af9ae25t.jpg

Установим её в место, где бы мы хотели "вкрутить" шуруп.
http://i070.radikal.ru/0810/d8/22da13c54d7f.gif

Так же дублируя, установим и остальные шаблоны заготовок.
http://s51.radikal.ru/i133/0810/75/010f0499b321.gif

Сейчас на этой стадии мы можем ещё поменять размер (я уменьшать не буду чтобы было лучше видно следующие манипуляции,- превращение заклёпки в шуруп) или материал(медь, бронза, серебро, золото...).
Активируем стрелки и линии.
http://s41.radikal.ru/i093/0810/c5/f2ddd922406ct.jpg

Толщина (для моих размеров шурупа) 2 пикселя.
http://s41.radikal.ru/i092/0810/8b/0b1a9072151dt.jpg

И нажав и протянув, проводим через центр линию. Цвет не абсолютно чёрный но достаточно тёмный.
http://i077.radikal.ru/0810/ea/13f9fd8503a6.gif

Так поступим и с остальными обьектами. Только чтобы было более правдоподобно, линии на всех обьектах лучше расположить в разных направлениях.
http://s44.radikal.ru/i106/0810/e5/9175365a961e.gif

Для примера, я строил на документе с белым фоном. А вообще удобнее сразу начинать на документе без фона(транспарент). Для тех кому удобней строить на фоне, прийдётся перейти в палету со слоями и "ткнув пальчиком в глазик" сделать слой с фоном невидимым.
http://s48.radikal.ru/i121/0810/ec/ba09ff5dc18ft.jpg

Сохраните в gif и можно монтировать в своём сайте.
http://s45.radikal.ru/i107/0810/88/48da6c7634a7.gif

В Запасники я закину такие вот цветные заготовки в формате gif без фона. В комплекте будет около 20 штук. Если нужного вам цвета не окажется то как менять цвет в кнопках я уже обьяснял. Этот метод применим и к заготовкам.
http://s44.radikal.ru/i106/0810/98/bc1c42f5c3e6.pnghttp://s48.radikal.ru/i122/0810/e4/c7ece55dd3d0.pnghttp://s41.radikal.ru/i094/0810/28/09947f696751.pnghttp://i061.radikal.ru/0810/f7/434810808df5.png

Ну вот и всё. Осталось добавить, что эти заготовки с успехом можно применять в обычных навигационных кнопках где при навидении курсора на кнопку, кнопка "вдавливается". Или как контрольные лампочки у кнопок навигации. Дизайнер найдёт применение.

0

2

Анатолий Привет а когда будет продолжения урока с бирками  потытался сам дойти но не получается а уж очень интересно

0

3

С пол года назад проводился опрос о принципе построения работы в клубе. Решили не делать из клуба учебник а просто делиться опытом отвечая на конкретные вопросы в теме "Вопрос-ответ".

0

4

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

0

5

Хорошо. Я подготовлю следующий урок а тема "Вопрос - ответ" пусть будет самостоятельной.

0

6

http://s43.radikal.ru/i099/1001/b4/fbb4b2a0b6e1.jpg

0

7

Wladimir
Как всегда на высоте!   http://s8.rimg.info/ddee7ef9ee7b4c591b79031dcc2fbc41.gif

0


Вы здесь » Клуб PhotoImpact » Графика в Web-дизайне. » Прикрутим бирку шурупами.


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC