У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается
24. 05. 12. Так как заказ стилей закрыт, вы можете оставить ваши заявки в теме Стили на очередь!, которые будут выполняться по мере возможностей дизайнеров!
22. 07. 12. Наконец у нас новый дизайн! В котором как вы успели заметить - учтены ваши пожелания! Ваши отзывы и предложения вы можете высказать в ДАННОЙ ТЕМЕ

Калейдоскоп аватар

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

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


Вы здесь » Калейдоскоп аватар » АРХИВ ТЕМ » Katerinka


Katerinka

Сообщений 81 страница 93 из 93

81

Извиняюсь за некоторое молчание!!! Работы в реалии много было)))
Умничка, отлично сделала авик (гиф как обычно конечно портит качество),
но жду с подписью))))
Эпиграф - зай, все хорошо....но немного ощущение обрезанности (грубо) в левом нижнем углу!
Покрути кисть в разные стороны и попробуй сделать такую же размытость как в вверху справа (ластиком имеется ввиду).
И попробуй сделать надпись цветом который я привела на примере, без применения стиля и с прозрачностью где-то 70%
http://savepic.net/885352m.png

0

82

Не знаю, что-то на авик у меня фантазии катастрофически не хватает.)
http://savepic.net/939411m.gif
http://savepic.net/918931m.png

0

83

Прости, прости, прости - я вообще капец загружена, нифига не успеваю и вообще...силы мои на исходе)))[взломанный сайт]

На авике надпись вообще почти не видно))
Эпиграф - отлично, умничка (совсем другое дело)!!!


Опять вернемся к анимации!
Вот что мы будем создавать
http://savepic.net/971334.gif

Открыть|Закрыть

Создаем авик 200 *200, кропируем, применяем текстуры или колоризацию.
http://savepic.net/933427.png
Пишем нашу надпись, применяем стиль слоя (если это требуется и уместно)
http://savepic.net/977483.png
Под слоем с текстом создаем новый слой и заливаем его черным цветом
--[/img]
Идем Фильтр-Рендеринг-Блик, устанавливаем такие параметры
http://savepic.net/926285m.png
Жмем OK.
Двигаем наш слой так, чтобы блик оказался в начале слоя
http://savepic.net/923213.png
Режим наложения меняем на "Осветление".
Открываем окно анимации:
на первом кадре ничего не меняем,
создаем второй кадр и с зажатой клавишей Shift перетаскиваем (стрелочкой) наш слой с бликом в конец слова
http://savepic.net/980559m.png
Выделяем оба кадра (не буду уже напоминать как это делается) и создаем промежуточные
http://savepic.net/929346m.png
Создаем новый кадр и уменьшаем прозрачность слоя с бликом до 0%,
выделяем два последних кадра и создаем между ними промежуточные (5 кадров)
Ставим время раскадровки 0,1 сек и получаем результат))

Давай с своим любым исходником авку сделай!

0

84

Вот что у меня получилось... Только я поставила режим наложения блика не Осветление, а Экран и изменила немного его непрозрачность. А то у меня черное пятно под самим бликом в Осветлении оставалось и оно некрасиво было.
http://savepic.ru/2456847m.gif

0

85

Умничка - я рада что ты сама уже понимаешь что нужно поменять, а не дословно повторяешь урок!!))) :flirt:
И с качеством все хорошо получилось))
Давай ка вот по этому уроку (это мой урок скопированный с FD, это я говорю на всякий случай - если ты его там видела)),
создадим аватар размером 180*180

Открыть|Закрыть

Блик в глазах.
http://savepic.ru/2477422.gif
Шаг 1.
Открываем подходящую картинку в фотошоп (Файл -> Открыть)
Шаг 2.
Создаем два дубликата слоя (Ctrl+J).
У  "слоя1 - копии" отключаем видимость (он нам пока не нужен).
Будем работать с "слоем1".
http://s61.radikal.ru/i174/1005/b3/8c3018f5544ct.jpg
Шаг 3.
Берем инструмент "Осветлитель"
http://s61.radikal.ru/i172/1005/23/e8b8888dcacf.jpg
размер устанавливаем в зависимости от размера рисунка (вы сами поймете),
увеличиваем нашу картинку и создаем блики
http://i029.radikal.ru/1005/f9/b15ea9d128a8t.jpg
Шаг 4.
Включаем видимость "Слоя1 копии" и рисуем так-же блики,
но немного переместив их
http://s51.radikal.ru/i131/1005/26/3ee32dbe6fa9t.jpg
По своему усмотрению (вы можете этого не делать или делать) я поменяла режимы наложения слоев
с нормального на перекрытие (только для "слоя1 и "слоя1 копия", нижний не меняем!)
Шаг 5.
Открываем окно анимации.
Для первого кадра включаем видимость нижних двух слоев
http://s54.radikal.ru/i146/1005/ef/c26a6d280ac3t.jpg
Создаем второй кадр(в окне анимации),
для него устанавливаем видимость нижнего и верхнего слоя(я пишу так чтоб вам было проще)
http://s003.radikal.ru/i204/1005/2a/72bb5009222et.jpg
Шаг 6.
С зажатой клавишей Shift выделяем оба кадра и жмем кнопку "создать промежуточные кадры",
количество кадров выставляем по своему усмотрению, у меня - 5
http://s13.radikal.ru/i186/1005/e4/c05565aed96at.jpg
Создаем еще один кадр (выключаем видимость "слоя1 копии" и включаем видимость "слоя1")
http://i024.radikal.ru/1005/29/00e593c9157dt.jpg
Выделяем два последних кадра (в окне анимации) и еще раз создаем "промежуточные кадры".
Удаляем последний (перетащив его в корзину на панели снизу).
В итоге в окошке анимации у вас должно быть 12 кадров (если промежуточных вы ставили по 5)!
С зажатой клавишей Shift жмем на 1 потом сразу на 12 кадр (в итоге у нас выделятся все),
выставляем время 0,1 сек (оно выставится сразу на всех кадрах)
http://s55.radikal.ru/i149/1005/e4/efa31bdbbc5at.jpg

Еще пример
http://s47.radikal.ru/i117/1005/db/b1235f61b0e6.gif

Исходник

Открыть|Закрыть

http://www.zastavki.com/pictures/1024x768/2011/Animals_Cats_White_kitten_027806_.jpg

0

86

Ну что-то такое. Я не применяла никаких текстур, ничего короче кроме урока не делала)
http://savepic.ru/2429062m.gif

0

87

Зай, ну в принципе все правильно - единственное очень ярко получилось! Надо было непрозрачность уменьшить)
Такс, повторим старый материал))) (а ты как думала)! :D
Даю 4 исходника:
- из каждого создать по два кропа (170*170);
- к одному применить текстуру, к другому сделать колоризацию (у всех вариантов разные!)
- один подписать, второй не надо (для каждой пары)
В итоге мы получим:
4 авика: кроп, текстура, подпись
4 авика: кроп, колоризация, без подписи

Если хочешь - можешь добавить что-то от себя, я буду только рада))

Открыть|Закрыть

http://oboi.kards.qip.ru/images/wallpaper/5a/d6/185946_1024_768.jpg
http://oboi.kards.qip.ru/images/wallpaper/69/d5/185705_1024_768.jpg
http://oboi.kards.qip.ru/images/wallpaper/2b/6a/92715_1024_768.jpg
http://oboi.kards.qip.ru/images/wallpaper/b5/43/17333_1024_768.jpg

0

88

Это у меня, конечно, бред полный получился, но выкладываю.) С текстом у меня вообще проблемы, я не могу придумать что подходит той или иной картинке.
http://savepic.ru/2487216m.pnghttp://savepic.ru/2454448m.png
http://savepic.ru/2446256m.pnghttp://savepic.ru/2434992m.png
http://savepic.ru/2439088m.pnghttp://savepic.ru/2428848m.png
http://savepic.ru/2431920m.pnghttp://savepic.ru/2481075m.png

0

89

http://savepic.ru/2525447m.jpg
http://savepic.ru/2527494m.jpg
http://savepic.ru/2500870m.jpg
http://savepic.ru/2503942m.jpg
http://savepic.ru/2534681m.jpg
http://savepic.ru/2537753m.jpg
Да, их тут много, но надо что-то выбрать)
Цветовая гамма: мне бы хотелось что-то или серое, или золотистое. Что лучше подойдет.

0

90

Создаем шапку слитную с фоном!!

Открыть|Закрыть

Шаг 1.
Открываем новое изображение размером 1400*800 (это приблизительный стандарт), с прозрачным фоном!
Заливаем цветом (в каком оттенке хочешь видеть стиль, у тебя это серый), я залила #cccccc!
Открываем наши фотки и переносим на документ с заливкой.
Теперь трансформируем, разворачиваем (если надо), расставляем пока не поймем что нас это устраивать!
Все изображения у нас на разных слоях!
http://imagepost.ru/thumbs/2/01/2011-04-14_23.35.59.png
Шаг 2.
Теперь приступаем к обработке фоток , отключаем видимость всех слоев кроме фона и первой фотки!
Начинаем подбирать режим наложения слоя, мне подошел "Жесткий цвет" (пока не делаем ничего с краями изображения)!
Открываем видимость второй фотки - тоже подбираем режим наложения. Так делаем со всеми. Я только не открыла последнюю - так как она у меня на переднем плане, я займусь ей позже!
Вот что у меня на данном этапе, как видишь видны все края изображений
http://imagepost.ru/thumbs/2/01/2011-04-14_23.47.08.png
Теперь берем мягкий ластик (примерно 200 пикс) и стираем все что нам мешает
http://imagepost.ru/thumbs/2/01/2011-04-14_23.52.14.png
Теперь включаю видимость последней ( у меня она основная) фотки и инструментом прямолинейное лассо выделяю по контуру
Добавляю внутреннюю обводку и тень
http://imagepost.ru/thumbs/2/01/2011-04-15_0.06.30.png
Пустовато да? Ищем подходящие текстурки, накладываем, подбираем режимы наложения слоя и прозрачность!
Объединяю все слои кроме верхней (которая у меня основная), создаю под ней новый слой и заливаю цветом # cccccc, режим наложения "Светлее", непрозрачность 56%.
Ну в принципе наша подложка готова.
Попробуй сделай и продолжим с фоновыми таблицами.
Не забывай сохранить в PSD!
http://imagepost.ru/thumbs/2/01/2011-04-15_0.19.46.png
Конечно же ты можешь применить режим наложения и не делать выделение)) Или воспользоваться теми методами объединения фотографий, которые мы проходили!

0

91

Ну, вот. Пыталась сделать что-то похожее.
http://imagepost.ru/images/c/tc/ctcigunyyxttfnpdwbaiajlsbsyzon.png

0

92

Зай, смотри - у нас несколько человек хотят овладеть CSS, для этого мы создаем группу!
Заявки на групповое обучение.

0

93

Вот переделала. Вроде уже лучше.
http://imagepost.ru/images/g/fp/gfpqjldiwhvednhxzxkzdzrdbhxjst.png

0


Вы здесь » Калейдоскоп аватар » АРХИВ ТЕМ » Katerinka