Извиняюсь за некоторое молчание!!! Работы в реалии много было)))
Умничка, отлично сделала авик (гиф как обычно конечно портит качество),
но жду с подписью))))
Эпиграф - зай, все хорошо....но немного ощущение обрезанности (грубо) в левом нижнем углу!
Покрути кисть в разные стороны и попробуй сделать такую же размытость как в вверху справа (ластиком имеется ввиду).
И попробуй сделать надпись цветом который я привела на примере, без применения стиля и с прозрачностью где-то 70%
Katerinka
Сообщений 81 страница 93 из 93
Поделиться812011-04-01 19:58:44
Поделиться832011-04-05 21:32:30
Прости, прости, прости - я вообще капец загружена, нифига не успеваю и вообще...силы мои на исходе)))[взломанный сайт]
На авике надпись вообще почти не видно))
Эпиграф - отлично, умничка (совсем другое дело)!!!
Опять вернемся к анимации!
Вот что мы будем создавать
Создаем авик 200 *200, кропируем, применяем текстуры или колоризацию.
Пишем нашу надпись, применяем стиль слоя (если это требуется и уместно)
Под слоем с текстом создаем новый слой и заливаем его черным цветом
--[/img]
Идем Фильтр-Рендеринг-Блик, устанавливаем такие параметры
Жмем OK.
Двигаем наш слой так, чтобы блик оказался в начале слоя
Режим наложения меняем на "Осветление".
Открываем окно анимации:
на первом кадре ничего не меняем,
создаем второй кадр и с зажатой клавишей Shift перетаскиваем (стрелочкой) наш слой с бликом в конец слова
Выделяем оба кадра (не буду уже напоминать как это делается) и создаем промежуточные
Создаем новый кадр и уменьшаем прозрачность слоя с бликом до 0%,
выделяем два последних кадра и создаем между ними промежуточные (5 кадров)
Ставим время раскадровки 0,1 сек и получаем результат))
Давай с своим любым исходником авку сделай!
Поделиться852011-04-08 13:48:37
Умничка - я рада что ты сама уже понимаешь что нужно поменять, а не дословно повторяешь урок!!)))
И с качеством все хорошо получилось))
Давай ка вот по этому уроку (это мой урок скопированный с FD, это я говорю на всякий случай - если ты его там видела)),
создадим аватар размером 180*180
Блик в глазах.
Шаг 1.
Открываем подходящую картинку в фотошоп (Файл -> Открыть)
Шаг 2.
Создаем два дубликата слоя (Ctrl+J).
У "слоя1 - копии" отключаем видимость (он нам пока не нужен).
Будем работать с "слоем1".
Шаг 3.
Берем инструмент "Осветлитель"
размер устанавливаем в зависимости от размера рисунка (вы сами поймете),
увеличиваем нашу картинку и создаем блики
Шаг 4.
Включаем видимость "Слоя1 копии" и рисуем так-же блики,
но немного переместив их
По своему усмотрению (вы можете этого не делать или делать) я поменяла режимы наложения слоев
с нормального на перекрытие (только для "слоя1 и "слоя1 копия", нижний не меняем!)
Шаг 5.
Открываем окно анимации.
Для первого кадра включаем видимость нижних двух слоев
Создаем второй кадр(в окне анимации),
для него устанавливаем видимость нижнего и верхнего слоя(я пишу так чтоб вам было проще)
Шаг 6.
С зажатой клавишей Shift выделяем оба кадра и жмем кнопку "создать промежуточные кадры",
количество кадров выставляем по своему усмотрению, у меня - 5
Создаем еще один кадр (выключаем видимость "слоя1 копии" и включаем видимость "слоя1")
Выделяем два последних кадра (в окне анимации) и еще раз создаем "промежуточные кадры".
Удаляем последний (перетащив его в корзину на панели снизу).
В итоге в окошке анимации у вас должно быть 12 кадров (если промежуточных вы ставили по 5)!
С зажатой клавишей Shift жмем на 1 потом сразу на 12 кадр (в итоге у нас выделятся все),
выставляем время 0,1 сек (оно выставится сразу на всех кадрах)
Еще пример
Исходник
Поделиться872011-04-08 21:10:24
Зай, ну в принципе все правильно - единственное очень ярко получилось! Надо было непрозрачность уменьшить)
Такс, повторим старый материал))) (а ты как думала)!
Даю 4 исходника:
- из каждого создать по два кропа (170*170);
- к одному применить текстуру, к другому сделать колоризацию (у всех вариантов разные!)
- один подписать, второй не надо (для каждой пары)
В итоге мы получим:
4 авика: кроп, текстура, подпись
4 авика: кроп, колоризация, без подписи
Если хочешь - можешь добавить что-то от себя, я буду только рада))
Поделиться902011-04-15 00:22:01
Создаем шапку слитную с фоном!!
Шаг 1.
Открываем новое изображение размером 1400*800 (это приблизительный стандарт), с прозрачным фоном!
Заливаем цветом (в каком оттенке хочешь видеть стиль, у тебя это серый), я залила #cccccc!
Открываем наши фотки и переносим на документ с заливкой.
Теперь трансформируем, разворачиваем (если надо), расставляем пока не поймем что нас это устраивать!
Все изображения у нас на разных слоях!
Шаг 2.
Теперь приступаем к обработке фоток , отключаем видимость всех слоев кроме фона и первой фотки!
Начинаем подбирать режим наложения слоя, мне подошел "Жесткий цвет" (пока не делаем ничего с краями изображения)!
Открываем видимость второй фотки - тоже подбираем режим наложения. Так делаем со всеми. Я только не открыла последнюю - так как она у меня на переднем плане, я займусь ей позже!
Вот что у меня на данном этапе, как видишь видны все края изображений
Теперь берем мягкий ластик (примерно 200 пикс) и стираем все что нам мешает
Теперь включаю видимость последней ( у меня она основная) фотки и инструментом прямолинейное лассо выделяю по контуру
Добавляю внутреннюю обводку и тень
Пустовато да? Ищем подходящие текстурки, накладываем, подбираем режимы наложения слоя и прозрачность!
Объединяю все слои кроме верхней (которая у меня основная), создаю под ней новый слой и заливаю цветом # cccccc, режим наложения "Светлее", непрозрачность 56%.
Ну в принципе наша подложка готова.
Попробуй сделай и продолжим с фоновыми таблицами.
Не забывай сохранить в PSD!
Конечно же ты можешь применить режим наложения и не делать выделение)) Или воспользоваться теми методами объединения фотографий, которые мы проходили!
Поделиться912011-04-15 19:02:44
Ну, вот. Пыталась сделать что-то похожее.
Поделиться922011-04-18 20:08:37
Зай, смотри - у нас несколько человек хотят овладеть CSS, для этого мы создаем группу!
Заявки на групповое обучение.
Поделиться932011-04-18 21:11:15
Вот переделала. Вроде уже лучше.