-Рубрики

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в PFS

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 24.07.2006
Записей: 63
Комментариев: 462
Написано: 354


Кнопки - это просто!

Среда, 27 Февраля 2008 г. 23:58 + в цитатник
Сегодня я расскажу вам, как в PhotoFiltre делаются кнопки. Вот такие:
Прикнопим картинку

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


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

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

Открыто два изображения

3. Копируем картинку и вставляем ее на доску. Можно ее слегка повернуть, можно загнуть уголок (для этого есть специальный плагин, применять его лучше до того, как будете вставлять одно изображение в другое).
Плагин Уголок Есть контакт!

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

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

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

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

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


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

Следующие кнопки повернуты в другую сторону. Но в наборе наших масок таких нет. Что же делать? Да просто разверните кнопку в предварительном просмотре маски так, как вам нужно.
Кнопите на здоровье!
Рубрики:  PhotoFiltre
Метки:  

Процитировано 3 раз

Lassye   обратиться по имени Четверг, 28 Февраля 2008 г. 09:26 (ссылка)
все получилось ,большое спасибо
Можно узнать по-подробнее о всех плагинах,которые находятся на боковой панели,там где плагин с уголком?
Ответить С цитатой В цитатник
Donadecasa   обратиться по имени Четверг, 28 Февраля 2008 г. 09:45 (ссылка)
Lassye, конечно можно.
Где их скачивать, ты знаешь? Вечером я постараюсь уже обо всех написать.
Ответить С цитатой В цитатник
Lassye   обратиться по имени Четверг, 28 Февраля 2008 г. 09:50 (ссылка)
Donadecasa,спасибо.Я их уже скачала,теперь бы научиться пользоваться )))
Ответить С цитатой В цитатник
милашка_Ленча   обратиться по имени Четверг, 28 Февраля 2008 г. 10:13 (ссылка)
Влада, спасибо огромное. давно ты нас не баловала... :)
Ответить С цитатой В цитатник
-Pelin-   обратиться по имени Четверг, 28 Февраля 2008 г. 10:16 (ссылка)
Надо будет попробывать. Можно одну просьбу-если вы не вставите картинку как в этом уроке можно в скобочках указывать английский вариант.У меня программу на русском установить нельзя и иногда приходиться искать методом тыка.
Спасибо.
Ответить С цитатой В цитатник
милашка_Ленча   обратиться по имени Четверг, 28 Февраля 2008 г. 10:28 (ссылка)
и еще вопросик. что еще замечательного, кроме кнопок, можно извлечь с указанной выше странички?;)
Ответить С цитатой В цитатник
Donadecasa   обратиться по имени Четверг, 28 Февраля 2008 г. 12:59 (ссылка)
Там есть кисти и маски. Но самое ценное - уроки, которые я перевожу и перерабатываю для вас.
Английских аналогий у меня нет, сорри. Зато скриншотов много. ))
Ответить С цитатой В цитатник
-Pelin-   обратиться по имени Четверг, 28 Февраля 2008 г. 14:08 (ссылка)
Классненько! Мне это дело понравилось :):
 (250x250, 12Kb)
Ответить С цитатой В цитатник
милашка_Ленча   обратиться по имени Re: Ответ в PFS; Кнопки - это просто! Четверг, 28 Февраля 2008 г. 17:40 (ссылка)
а у меня на той страничке ничего не открывается. :( а твои переводы - это и правда самое ценное!

LI 7.05.22 beta
Ответить С цитатой В цитатник
милашка_Ленча   обратиться по имени Четверг, 28 Февраля 2008 г. 17:42 (ссылка)
ну и опять я. :) а где взять такую текстуру пробковую? :)
Ответить С цитатой В цитатник
Donadecasa   обратиться по имени Четверг, 28 Февраля 2008 г. 18:21 (ссылка)
милашка_Ленча, "та страничка" - это сайт GraPhoFil. Там все по-французски, но разобраться просто.
Пробку, я надеялась, вы хотя бы сами найдете)) Делюсь текстуркой:

Вторая картинка этого поста такая же, только в рамочке и со слегка усиленной резкостью.
Ответить С цитатой В цитатник
милашка_Ленча   обратиться по имени Четверг, 28 Февраля 2008 г. 18:35 (ссылка)
ну вот, получила шпильку. :) не, у меня текстурок много разных... но вот пробки - не было!!! ;) а сайт я поняла, что на французком. только у меня из-за всплывающих окон ничего нормально не грузится. :)
Ответить С цитатой В цитатник
Арина_Верона   обратиться по имени Четверг, 28 Февраля 2008 г. 21:26 (ссылка)
Donadecasa, Спасибо большое за урок....очень полезный!
Ответить С цитатой В цитатник
Donadecasa   обратиться по имени Четверг, 28 Февраля 2008 г. 23:04 (ссылка)
Переходи на Мозиллу! Я вообще забыла, что бывают какие-то лишние окна))
Ответить С цитатой В цитатник
милашка_Ленча   обратиться по имени Пятница, 29 Февраля 2008 г. 11:08 (ссылка)
да была у меня Мозилла. с твоей, кстати, подачи. :))) только после перустановки программисты решили, что нафиг она мне. :))) пожалуй, снова поставлю. хотя с сайтом я немного разобралась. :)
Ответить С цитатой В цитатник
irapit   обратиться по имени Суббота, 01 Марта 2008 г. 00:23 (ссылка)
Я с ФФС делаю много рамочек и всего другого,не хуже чем фотошопом...Учавствую в одном форуме,где все работают исключительно с фотошопом,а я со своим любимым ФФС.
Ответить С цитатой В цитатник
Donadecasa   обратиться по имени Суббота, 01 Марта 2008 г. 00:29 (ссылка)
Как здорово!
А я в ФФ и в ФФС делаю коллажи. Посмотреть можно тут.
Ответить С цитатой В цитатник
irapit   обратиться по имени Суббота, 01 Марта 2008 г. 02:03 (ссылка)
А можно и применить готовые клипарты кнопок...

Клипарт,это картинка в пнг-формате,готовая к применению
Огромная коллекция клипартов туточки
Ответить С цитатой В цитатник
Lassye   обратиться по имени Суббота, 01 Марта 2008 г. 10:29 (ссылка)
Друзья!как работать с плагинами,установила все,но не все видны на боковой панели.Как их сделать видимыми и как их применять?
Ответить С цитатой В цитатник
Donadecasa   обратиться по имени Суббота, 01 Марта 2008 г. 20:23 (ссылка)
Это не страшно, что не все плагины видны сбоку. Открой меню Фильтр и нижнюю строчку - плагины:
Ответить С цитатой В цитатник
PFS   обратиться по имени Суббота, 01 Марта 2008 г. 20:42 (ссылка)
irapit, не всегда под рукой есть великолепная коллекция от lenagold)) Умение что-то делать руками не повредит.
А вот если напишешь, как делать такие живописные дырочки от булавок, будем признательны!
Ответить С цитатой В цитатник
Lassye   обратиться по имени Суббота, 01 Марта 2008 г. 21:11 (ссылка)
Donadecasa, спасибо.Теперь где находятся все плагины я поняла,а как все же их использовать?Я знаю только зеркало и уголок,а ведь плагинов больше 30
Ответить С цитатой В цитатник
irapit   обратиться по имени Суббота, 01 Марта 2008 г. 23:32 (ссылка)
Исходное сообщение PFS


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

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

еще в таком вариантике....
Ответить С цитатой В цитатник
Lassye   обратиться по имени Воскресенье, 02 Марта 2008 г. 07:25 (ссылка)
irapit, спасибо за пояснения и за сайт с клипартами,очень много для меня интересного
Ответить С цитатой В цитатник
Lassye   обратиться по имени Воскресенье, 02 Марта 2008 г. 07:36 (ссылка)
Исходное сообщение irapit
Можно и самому сделать клипарт с помощью тех же масок...Хотите урок?

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

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

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку