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

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

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

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

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

Small Chocolate

Страница: 1
Тема закрыта

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

1

  • Автор: Tunguska
  • Tunguska
  • Зарегистрирован: 2010-05-16
  • Приглашений: 0
  • Сообщений: 3218
  • Уважение: [+747/-4]
  • Пол: Женский
  • Провел на форуме:
    1 месяц 0 дней
  • Последний визит:
    2013-07-02 14:05:23

Зай, ну давай определимся, ты вроде многое умеешь!))
Чему хотим обучаться? :rolleyes:

0

2

  • Автор: Small Chocolate
  • Small Chocolate
  • Зарегистрирован: 2010-12-04
  • Приглашений: 0
  • Сообщений: 131
  • Уважение: [+0/-0]
  • Пол: Женский
  • Возраст: 28 [1996-05-01]
  • Провел на форуме:
    5 дней 3 часа
  • Последний визит:
    2013-01-23 13:22:41

Tunguska
ну мне хотелось бы научиться работать с текстом, дизайны делать и анимацию)

0

3

  • Автор: Tunguska
  • Tunguska
  • Зарегистрирован: 2010-05-16
  • Приглашений: 0
  • Сообщений: 3218
  • Уважение: [+747/-4]
  • Пол: Женский
  • Провел на форуме:
    1 месяц 0 дней
  • Последний визит:
    2013-07-02 14:05:23

Давай начнем с текста!
!Несколько правил при работе с текстом!

1. Если на изображении нам нужно разместить текст - он не должен закрывать саму картинку!
http://savepic.net/828157m.png

2. Текст не должен касаться, вылазить за края изображения (очень многие почему-то совершают эту ошибку!!)
http://savepic.net/815868m.png

3. Если текст не ограничивается одним словом, а у нас целая фраза на маленьком изображении -
лучше брать печатный, хорошо читаемый текст! Иначе текст будет нечитаем и нелеп!
http://savepic.net/849649m.png

4. Шрифт текста должен соответствовать настроению нашего исходника:
если это нежная, романтичная картинка - то и текст должен быть тоненьким, нежным, воздушным (для чего иногда можно уменьшить его прозрачность),
но никак не гранжевым, тяжелым
http://savepic.net/796400m.png

5. Иногда нужно поэкспериментировать с методом начертания текста
http://savepic.net/830194.png
http://savepic.net/831221.png


Задание
1. Создаем аватар 180*180, с текстом "You will be the death of me "

Исходник|Закрыть

http://oboi.kards.qip.ru/images/wallpaper/21/d1/184609_prev_425.jpg

2. Создать эпиграф (можно применить текстурку, колоризацию), размер на твое усмотрение (не больше 500 пикс), надпись
"He does not see that, who alongside...But runs after ghosts...why?"

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

http://oboi.kards.qip.ru/images/wallpaper/29/d0/184361_1024_768.jpg

0

4

  • Автор: Small Chocolate
  • Small Chocolate
  • Зарегистрирован: 2010-12-04
  • Приглашений: 0
  • Сообщений: 131
  • Уважение: [+0/-0]
  • Пол: Женский
  • Возраст: 28 [1996-05-01]
  • Провел на форуме:
    5 дней 3 часа
  • Последний визит:
    2013-01-23 13:22:41

Задание№1

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

http://www.10pix.ru/img1/3232/3903590.png
http://www.10pix.ru/img1/3889/3903840.png
http://www.10pix.ru/img1/3905/3903841.png

Задание№2

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

http://www.10pix.ru/img1/3216/3903588.png
http://www.10pix.ru/img1/1966/3903784.png
http://www.10pix.ru/img1/2175/3903817.png

Неуверена, что правильно...)

Отредактировано Small Chocolate (2011-03-28 17:01:35)

0

5

  • Автор: Tunguska
  • Tunguska
  • Зарегистрирован: 2010-05-16
  • Приглашений: 0
  • Сообщений: 3218
  • Уважение: [+747/-4]
  • Пол: Женский
  • Провел на форуме:
    1 месяц 0 дней
  • Последний визит:
    2013-07-02 14:05:23

Задание 1 - вообще без претензий, кроп, качество, текст и его расположение - все нравится)))
Задание 2 - больше всех нравится 2 работа (текст), единственное я бы наверное сделала выравнивание текста по правому краю, а не по левому (ну это так, к слову))))
Давай займемся анимацией, по ходу все равно придется делать и кадрирование и колоры (ну с этим ты неплохо справляешься, поэтому не будем выделять этому отдельные темы)
Я давала этот урок Катеринке, но у нее не открывается почему-то. поэтому просто передаю этот урок тебе!))
Давай начнем с простого, где в принципе саму анимацию делать не придеться) Будем работать с гифками...пока!

Урок|Закрыть

Открываем изображение которое мы будем использовать в качестве фона!
Кадрируем до размера 180*180 (или до какого хочешь), но не больше 200*200!
http://savepic.net/706156.png
Итак, сохраняем нашу гифку на комп!
Идем в фотошоп, открываем Файл-Импортировать-Кадры в видеослои!
И вот тут самое интересное...в открывшемся окошке выбираем папку куда ты сохранила гифку! Но картинок ты не увидишь - не пугайся!
Идешь на свой компьютер, копируешь название гифки (полностью) и вставляешь в нижнюю строчку в открывшееся окошко в фотошопе!
У тебя выпадет окно в котором ты и выберешь адрес гифки, окончание строчки должно заканчиваться на .gif!
Жмешь ОК! В фотошопе откроется окно - в нем выберешь открыть все кадры!  (я бы тебе скрины скинула, но у меня CS5 64бит, в нем это нельзя сделать)
Выделяешь все кадры и стрелочкой перетаскиваешь на папочку внизу панели слои http://savepic.net/689774.png, теперь они у нас все в папке и не занимают место!

Возвращаемся к нашему исходнику (тобишь фону)!
Думаем куда бы нам поместить анимацию!
Так как у меня справа много место (при кадрировании я это просчитала), я буду вставлять анимацию туда!
Берем рамку в виде кадров, переносим ее на нашу картинку, устанавливаем так - как мы хотели бы ее видеть и ластиком стираем все лишнее
http://savepic.net/718432.pnghttp://savepic.net/705120.png
Берем инструмент перо (или что тебе удобней для выделения) с такими настройками
http://savepic.net/702048.png
и выделяем ту область где у нас будет анимация, переходим во вкладку Контур и жмем на пунктирный кружочек внизу (создаем выделение)
http://savepic.net/666211m.png
Жмем на клавиатуре Delete (в этот момент у нас активен слой с картинкой!, а не с рамкой), снимаем выделение (Ctrl+D).
Вот мы подготовили базу
http://savepic.net/707170.png
Переходим в окошко с нашей гифкой и стрелочкой перетаскиваем нашу папочку (которую мы создали до этого) на слой с картинкой!
Этот слой у нас должен стоять в самом низу палитры!
http://savepic.net/718437m.png
Жмем Ctrl+T (трансформация) и с зажатой клавишей Ctrl+alt трансформируем наши слои в папке до нужного размера, одновременно развернув (если нужно)
http://savepic.net/682596.png
Открываем окно анимации Window-Анимация, в правом верхнем углу открывшегося окошка жмем на стрелочку, открываем меню и выбираем "Создать кадры из слоев" (у нас откроются все кадры по порядку), поэтому удаляем два последних (перетащив их на корзину) и включаем глаззики!
С зажатой клавишей Shift жмем на первый и последний кадр (выделяем их) , выставляем время раскадровки 0,1 сек и смотрим что получилось
http://savepic.net/672359m.png
Теперь можно добавить текстурку, надпись и авик готов!
Сохраняем для  Web
http://savepic.net/694905.gif

Задание
Создаем аватар 180*180 используя следующие исходники

Гиф|Закрыть

http://img1.liveinternet.ru/images/attach/c/2//66/719/66719183_tumblr_l6pth16iK81qazyxl.gif

Исходник|Закрыть

обажаю этот клип и песню
http://viewy.ru/data/original3/ec3140263aPNHEJDC_22618_5a54f4ec3a.jpg

0

6

  • Автор: Small Chocolate
  • Small Chocolate
  • Зарегистрирован: 2010-12-04
  • Приглашений: 0
  • Сообщений: 131
  • Уважение: [+0/-0]
  • Пол: Женский
  • Возраст: 28 [1996-05-01]
  • Провел на форуме:
    5 дней 3 часа
  • Последний визит:
    2013-01-23 13:22:41

http://www.10pix.ru/img1/3106/3912735.gif
не уверена, что у меня получилось, мне этот аватар не очень нравится...

0

7

  • Автор: Small Chocolate
  • Small Chocolate
  • Зарегистрирован: 2010-12-04
  • Приглашений: 0
  • Сообщений: 131
  • Уважение: [+0/-0]
  • Пол: Женский
  • Возраст: 28 [1996-05-01]
  • Провел на форуме:
    5 дней 3 часа
  • Последний визит:
    2013-01-23 13:22:41

училась делать коллаж красивый, у luessel в ее уроке, каюсь за кражу :flirt:  :'(
ну уж очень, он меня вдохновил и решила соединить наш урок, вставила видео, точнее сама сделала мув и вставила его:
http://www.10pix.ru/img1/1775/3917565.gif

0

8

  • Автор: Tunguska
  • Tunguska
  • Зарегистрирован: 2010-05-16
  • Приглашений: 0
  • Сообщений: 3218
  • Уважение: [+747/-4]
  • Пол: Женский
  • Провел на форуме:
    1 месяц 0 дней
  • Последний визит:
    2013-07-02 14:05:23

Вдохновил это хорошо!!!
Авик немного неаккуратно сделан! :mad: ))))
Коль тебя вдохновил так коллаж, создай еще один
размером 500;400 пикс

исходники|Закрыть

http://st.kinopoisk.ru/im/wallpaper/6/9/9/kinopoisk.ru-Hayden-Christensen-699733--w--800.jpg
http://st.kinopoisk.ru/im/wallpaper/4/3/1/kinopoisk.ru-Hayden-Christensen-431394--w--800.jpg
http://st.kinopoisk.ru/im/wallpaper/4/2/9/kinopoisk.ru-Hayden-Christensen-429030--w--800.jpg

Текстуру выбери сама (другую, не ту которую ты использовала).
И мне не нравится что у мувика края видны! Попробуй, после того как ты создашь коллаж - объедини все слои, помести мувик в самый низ слоев (чтобы он был под коллажем) и мягким ластиком тихонько стирай на слое с коллажем (можешь уменьшить его прозрачность чтобы видеть где у тебя расположен мувик) , чтобы создать мягкий переход, например как тут (просто у меня там рамка еще добавлена, но виден переход слева)
http://savepic.net/715875.gif
Надпись можешь такую же сделать!
Мув тоже можешь использовать этот же, как на первом коллаже!
И попробуй для совмещения изображений еще несколько вариантов использовать

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

Способ один - самый простой!
Открываем изображения, перетаскиваем картинку на фон (это ты все знаешь),
фоном я взяла исходник с персонажем, с другой поработаем
http://savepic.org/1495657m.png  http://savepic.org/1484393m.png
Меняем режим наложения слоя с часами - у меня это "Осветление" (для каждой картинки нужно экспериментировать и подбирать свой режим), уменьшаем прозрачность до 40% и стираем с лица все лишнее (мягким ластиком, с прозрачностью где-то 50%)

Результат|Закрыть

http://savepic.org/1497704.png

Способ 2
Опять лицо - фон, слой с часами сверху.
Создаем маску слоя http://savepic.org/1477227.png,
выбираем инструмент градиент, нажимаем D(сбрасываем цвета) - http://savepic.org/1498730.png
и градиентом от черного к прозрачному заливаем картинку с часами
http://savepic.org/1457770.png
http://savepic.org/1488493m.png
Меняем режим наложения на "Осветление" и мягким ластиком подтираем все лишнее (в данном случае с лица)

Результат|Закрыть

http://savepic.org/1465964.png

Способ 3
Расположение слоев такое же.
Берем мягкий ластик большого диаметра (у меня 300 пикс) и кликаем в том месте где у нас располагается лицо!

Результат|Закрыть

http://savepic.org/1480289.png

0

9

  • Автор: Small Chocolate
  • Small Chocolate
  • Зарегистрирован: 2010-12-04
  • Приглашений: 0
  • Сообщений: 131
  • Уважение: [+0/-0]
  • Пол: Женский
  • Возраст: 28 [1996-05-01]
  • Провел на форуме:
    5 дней 3 часа
  • Последний визит:
    2013-01-23 13:22:41

прости, что долго не отвечала, проблемы в школе были, я работу чуть позже выкину или вечером или завтра днем...)

0

Тема закрыта
Страница: 1

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