• Авторизация


Кнопки - это просто! 27-02-2008 23:58 к комментариям - к полной версии - понравилось!


Сегодня я расскажу вам, как в PhotoFiltre делаются кнопки. Вот такие:
[600x450]

Для этого нам понадобятся:
- маски "кнопки" - скачиваем здесь
- и, собственно, та картинка, которую мы будем прикнопливать. Или пришпиливать.


1. Создадим новое изображение. Пусть это будет пробковая доска:
[400x350]

2. Откроем картинку, которую хотим "повесить". Само собой, размер ее должен быть поменьше доски. Если она слишком большая, нужно
а) уменьшить ее
или
б) увеличить доску.

[700x428]

3. Копируем картинку и вставляем ее на доску. Можно ее слегка повернуть, можно загнуть уголок (для этого есть специальный плагин, применять его лучше до того, как будете вставлять одно изображение в другое).
[100x381] [400x300]

4. Теперь выбираем место для кнопки. Обводим его (место) инструментом "Выделение" (он первый среди инструментов, активный по умолчанию).
[показать]

5. Смотрим под панель инструментов - там есть два квадратика:
[101x331]
Первый сделает любое выделение правильным, то есть из прямоугольника - квадрат, из овала - круг и т.д. Второй - инвертирует выделение.
Нам нужен первый инструмент, чтобы сделать выделение квадратным, не заглядывая в строку состояния и не подбирая размеры.

6. Теперь применяем к выделенному квадрату маску. Помните, где этот инструмент?

[275x90]
Из предложенного списка масок нам нужно выбрать одну из тех, что вы загрузили специально для сегодняшнего эффекта. Маски работают парно - например, 03а с 03b, 04a c 04b. Выбираем пару номер 3 (JPG или GIF, все равно). Применяем маску 3а со следующими параметрами:
- прозрачность 100
- способ - цвет
- цвет - желательно пастельный
- размытие не указываем (галку снять)
- маска протяжения

[700x475]
Сделали? Не спешите снимать выделение. Кнопке еще нужно придать естественный вид.
Снова применяем маску, на этот раз выбираем парную 3b, но с такими параметрами:
- прозрачность 50
- способ - цвет
- цвет - черный
- размытие не указываем (галку снять)
- маска протяжения


И тогда у вас получится вот такая кнопка:
Вот и кнопочка

[показать] Следующие кнопки повернуты в другую сторону. Но в наборе наших масок таких нет. Что же делать? Да просто разверните кнопку в предварительном просмотре маски так, как вам нужно.
Кнопите на здоровье!
вверх^ к полной версии понравилось! в evernote
Комментарии (8): вперёд»
Lassye 28-02-2008-09:26 удалить
все получилось ,большое спасибо
Можно узнать по-подробнее о всех плагинах,которые находятся на боковой панели,там где плагин с уголком?
Donadecasa 28-02-2008-09:45 удалить
Lassye, конечно можно.
Где их скачивать, ты знаешь? Вечером я постараюсь уже обо всех написать.
Lassye 28-02-2008-09:50 удалить
Donadecasa,спасибо.Я их уже скачала,теперь бы научиться пользоваться )))
Влада, спасибо огромное. давно ты нас не баловала... :)
-Pelin- 28-02-2008-10:16 удалить
Надо будет попробывать. Можно одну просьбу-если вы не вставите картинку как в этом уроке можно в скобочках указывать английский вариант.У меня программу на русском установить нельзя и иногда приходиться искать методом тыка.
Спасибо.
и еще вопросик. что еще замечательного, кроме кнопок, можно извлечь с указанной выше странички?;)
Donadecasa 28-02-2008-12:59 удалить
Там есть кисти и маски. Но самое ценное - уроки, которые я перевожу и перерабатываю для вас.
Английских аналогий у меня нет, сорри. Зато скриншотов много. ))
-Pelin- 28-02-2008-14:08 удалить
Классненько! Мне это дело понравилось :):
[250x250]
а у меня на той страничке ничего не открывается. :( а твои переводы - это и правда самое ценное!

LI 7.05.22 beta
ну и опять я. :) а где взять такую текстуру пробковую? :)
Donadecasa 28-02-2008-18:21 удалить
милашка_Ленча, "та страничка" - это сайт GraPhoFil. Там все по-французски, но разобраться просто.
Пробку, я надеялась, вы хотя бы сами найдете)) Делюсь текстуркой:
[показать]
Вторая картинка этого поста такая же, только в рамочке и со слегка усиленной резкостью.
ну вот, получила шпильку. :) не, у меня текстурок много разных... но вот пробки - не было!!! ;) а сайт я поняла, что на французком. только у меня из-за всплывающих окон ничего нормально не грузится. :)
Donadecasa, Спасибо большое за урок....очень полезный!
Donadecasa 28-02-2008-23:04 удалить
Переходи на Мозиллу! Я вообще забыла, что бывают какие-то лишние окна))
да была у меня Мозилла. с твоей, кстати, подачи. :))) только после перустановки программисты решили, что нафиг она мне. :))) пожалуй, снова поставлю. хотя с сайтом я немного разобралась. :)
irapit 01-03-2008-00:23 удалить
Я с ФФС делаю много рамочек и всего другого,не хуже чем фотошопом...Учавствую в одном форуме,где все работают исключительно с фотошопом,а я со своим любимым ФФС.
[показать]
Donadecasa 01-03-2008-00:29 удалить
Как здорово!
А я в ФФ и в ФФС делаю коллажи. Посмотреть можно тут.
irapit 01-03-2008-02:03 удалить
А можно и применить готовые клипарты кнопок...
[показать]
Клипарт,это картинка в пнг-формате,готовая к применению
Огромная коллекция клипартов туточки
Lassye 01-03-2008-10:29 удалить
Друзья!как работать с плагинами,установила все,но не все видны на боковой панели.Как их сделать видимыми и как их применять?
Donadecasa 01-03-2008-20:23 удалить
Это не страшно, что не все плагины видны сбоку. Открой меню Фильтр и нижнюю строчку - плагины:
[показать]
PFS 01-03-2008-20:42 удалить
irapit, не всегда под рукой есть великолепная коллекция от lenagold)) Умение что-то делать руками не повредит.
А вот если напишешь, как делать такие живописные дырочки от булавок, будем признательны!
Lassye 01-03-2008-21:11 удалить
Donadecasa, спасибо.Теперь где находятся все плагины я поняла,а как все же их использовать?Я знаю только зеркало и уголок,а ведь плагинов больше 30
irapit 01-03-2008-23:32 удалить
Исходное сообщение PFS


А вот если напишешь, как делать такие живописные дырочки от булавок, будем признательны!

А дырки делать еще проще,рисуем их кисточкой,Сперва пятнышко маленьким размером черным цветом 100 % прозрачность а сверху пятнышко кисточкой чуть побольшего размера с прозрачность 50 %.И тень тоже делаю с помощью клипарта.В моем случае кнопочки-клипарта.Делаю "дублировать" изображение,потом "искажение" протягиваю в направлении, в котором будет падать тень,прозрачность 20 % и затемнение.С клипартом получается изображение живее,если потом разместить слои в правильном порядке.Сперва точка кисточкой,потом тень от кнопки и потом сама кнопка.основание ножки тени и ножки кнопки должны выходить из нарисованой точки.
irapit 01-03-2008-23:36 удалить
Можно и самому сделать клипарт с помощью тех же масок...Хотите урок?
irapit 02-03-2008-03:42 удалить
[показать]
еще в таком вариантике....
Lassye 02-03-2008-07:25 удалить
irapit, спасибо за пояснения и за сайт с клипартами,очень много для меня интересного
Lassye 02-03-2008-07:36 удалить
Исходное сообщение irapit
Можно и самому сделать клипарт с помощью тех же масок...Хотите урок?

конечно же хотим!!!
irapit, Раз уж зашел такой интересный разговор...мне тоже интересно будет узнать как ты делаешь всю эту красоту?? Делись УРОКОМ!!! А мы благодарны будем тебе за столь интересную информацию.....
Donadecasa 02-03-2008-19:39 удалить
irapit, тени на твоей картинке разные (в смысле источника света и углов). Это мелкая, но существенная деталь. Из-за таких деталей до сих пор неизвестно, были люди на Луне или нет)))
irapit 02-03-2008-19:53 удалить
Исходное сообщение Donadecasa
irapit, тени на твоей картинке разные (в смысле источника света и углов). Это мелкая, но существенная деталь. Из-за таких деталей до сих пор неизвестно, были люди на Луне или нет)))

Вполне согласна с вами.....Но картинку делала две минутки(первую)а на второй вроде все углы выдержала,но не учла поворота ажурной шпильки....В следующий раз буду внимательнееЁКритику люблю и одобряю,благодаря критике можно чему-то научится!


Комментарии (8): вперёд» вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Кнопки - это просто! | PFS - PhotoFiltre Studio | Лента друзей PFS / Полная версия Добавить в друзья Страницы: раньше»