•| Alice

Привет, Гость
  Войти…
Регистрация
  Сообщества
Опросы
Тесты
  Фоторедактор
Интересы
Поиск пользователей
  Дуэли
Аватары
Гороскоп
  Кто, Где, Когда
Игры
В онлайне
  Позитивки
Online game О!
  Случайный дневник
LTalk
Ещё…↓вниз
Отключить дизайн


Зарегистрироваться

Логин:
Пароль:
   

Забыли пароль?


 
yes
Получи свой дневник!

•| Alice > •| 221 Урок работа с гиф в дизайнах.  17 августа 2013 г. 15:44:07



Запись модерирует её автор — BonВon.

•| 221 Урок работа с гиф в дизайнах.

BonВon 17 августа 2013 г. 15:44:07
­­
Может это будет и не совсем урок, но думаю будет полезно.
Я когда то давно делала бесшовные гиф фоны.
Народу они понравились, но я не видела что бы кто то ещё их делал, или
может я не заметила, или может народ не умеем, так может кому то понравится смотрим)

1й комментарий O:-)­

и да..отписываемся))


Категории: By BoNBoN, Урок, Урок по анимации, Урок по дизайну.
Прoкoммeнтировaть
Обратите внимание на:
умеем могем практикуем. 4 октября 2012 г. Tako.
Умеем, могем! 23 сентября 2011 г. Дис
Пишите комментарии к фоткам 28 июня 2015 г. KиSa
BonВon 17 августа 2013 г. 15:44:50 постоянная ссылка ]

И так начну с того что если вы можете красиво и правильно применить
гиф вставку в дизайне значит вы можете назвать себя супер фотошоперов.
Я добавляю ещё и правильно потому что некоторые фотошоперы часто
комбинируют гиф вставки цветов(например) а арт изображениями.
Получается не очень люгично. но в этом поговорить как ни будь в другой раз.

А сейчас нам нужно постараться разобраться зачем вставлять гиф в дизайн, и как сделать это красиво.

Урок с использованием гиф изображений я уже писала.
Так что кто знает а кто нет то пожалуйста освежите свои знания
http://photoshopfor­.ltalk.ru/5010-437-1­94-urok-quot-jepigra­f-poluanimacija-quot­.zhtml

Гиф в дизайне!!!
Куда можно прилепить гифку?
Её можно прилепить на те части дизайна которые вы сможете поставить.
Т.е. если вы не обладаете вип статусом то огромнейший фон с гиф вставкой вы ни как не сможете загрузить.
Но тут печалится не стоит, если это угловой дизайн в кучей текстур и и исходников то гиф там и не нужен.

Зато гиф можно вставить в меню/эпиграф/гл.фот­о/верх!!
Мест более чем достаточно.
Лично я в дизайне для дневника вставила гиф в меню и эпиграф, получилось вполне мило
/хотя я больше тащуюсь от фона и записей /:-D­

Ещё если вам повезёт вы можете найти гиф которой достаточно для дизайна.
Это такие дизайны в стиле минимализм которые мы так любим.
Ведь многи ставят по низу море/лес/город.
Так почему бы и не поставить анимационное море?
Когда я нашла достаточно таких картинок я сделала целую коллекцию
дизайнов с анимацонными фонами, народу вроде понравилось, а делать их легко.
Ведь бесшовнку мы уже умеем делать, а тут нужно всего лишь нажать польше клавишь.
Вот и приступим.
Ищите подходящую гиф.
Когда нашли то приступаем к работе.

Если вы читали урок то знаете что не все версии фш могут открывать анимации,
но это проблему можно решить, и там было написано как.

Лично я счастливый обладатель двух версий фотошопа это cs5 и cs6
Ну а зачем сидеть на старье?)
Так вот в этих версиях не нужно мучиться с открытием гиф, они открываются так же как и обычный исходник
Файл/открыть - далее ищем гиф.

Если вы пользуетесь старьем. ну мало ли вы любитель ретро)))))
Тогда придется
Файл/импортировать/­кадры видео в слои. - хотя подробней об этом способе открытия написанно в уроке.


Моя гиф это море.
Ещё нам понадобится панелька анимация. Для работы со статикой я её убираю
потому что она только мешает, а вот с гиф она как раз нужна)
­­

А теперь наш маленький геморой.
Будем делать бесшовку.
Смотри на количество слоёв.
Хорошо если их не много.
Если их штук 40 то лучше оставьте эту гиф до лучших времен)
Потому что готовая картинка может весить слишком много и может не отображаться вовсе, хотя как повезёт.


Знаете при работе с гиф на начальных этапах можно напортачить немного и потом придется всё переделывать.
Я не переношу слои с гиф на отдельное изображение.
Мне это просто не нужно потому что если я буду сохранять готовую работу то гиф
это не испортит, если буду сохранять псд то гиф это опять же не испортит.
Так стоит ли делать лишнюю работу? не думаю.

Нажимаем не первый кадр потом нажимаем не первый слой -ВАЖНО!!
затупите тут потом не жалуйтесь что результат какашка.
­­


Делаем бесшовку.
С помощью моего любимого плагина.
Другие плагины я для этого не использую потому то результат какашка будет в любом случае.
Для меня это лучше всего))

У кого его ещё нет.. мне интересно есть ли такие люди вообще то я для вас специально загуглила ссылки.
Качаем и ставим.
http://www.f1cd.ru/­soft/base/seamless_b­order/
http://maksimelena.­mylivepage.ru/link/1­659/771/
­­


А теперь прошу вас.
Смотрите на стрелочки!!!
СМОТРИТЕ-СМОТРИТЕ-С­МОТРИТЕ!!
дааааа))

Единственное что вы можете поставить по своему вкусу это уровень Border Size
я обычно беру по больше. вы можете взять примерно так же.

­­

Один слой сделали? переходим дальше

НАЖИМАЕМ на второй кадр /и второй слой стал видимым, на неём появился глазик/ далее нажимаем так же и на второй слой
Что бы именно они были выделены. Это важно))

Идём в фильтр бесшовки, он немного уменее нас так что запомнил предыдущие настройки.
ничего не меняем а просто тыкаем ок и готов второй слой.
­­

Не печальтесь если вам уже надоело делать бесшовку.
Фотошоп штука очень даже умная, и не знаю как в других версиях
но тут предусмотрена функция "Последний фильтр"
Вот она то нам и облегчит жизнь.

Нажимаем на 3й кадр, нажимаем на 3й слой.
Идём фильтр и просто тыкаем там. и оно само всё сделает))) круто верно)
Можно воспользоваться просто комбинацией горячих клавиш (она там указанна)
Что ещё больше упрощает жизнь.
­­

Теперь нажимаем на 4й кадр и нажимаем на 4й слой. Нажимаем конрт+ф и готово.
Не изменяя своим действиям делаем бесшовными все наши слои.

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

И так у нас слои кадры а в истории только использованный нами фильтр.
/и да я забыла сделать бесшовным 3й кадр, я это исправила потом, а скрин делала раньше/
­­

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

­­

Фон мы будем ставить внизу замостив по горизонтали, потому вверху швов быть не должно.
Проще всего от них избавиться градиентом.
И правда проще.. потому что от кисти могут остаться неровности и т.д.
На новом слое рисуем градиент, обратите внимание на кадры, должен быть выделен первый кадр.
И когда рисуете градиентов зажимайте клавишу шифт, она позволяет нарисовать идеально ровную линию,
ка нам поможет нарисовать ровный градиентный переход.
­­

Ну и всё фон готов. можно ставить, а можно ещё по баловаться с коллором))
Напоминаю что слои с коллором должны размещаться нам самым последним слоем.
И при этом лучше всего когда выделен первый слой и первый кадр,
тогда коллор будет рапостраняться сразу на все кадры/слои.
и нееет.. не подписывайте подобные фоны.. не красиво будет
внизу море и куча раз повторяется ваш ник.. не фу-фу-фу

Когда вы решили что хватит мучить бедный фон то сохраняем картинку
Файл/сохранить для веб устройств.
вот и всё))
­­

Готовые подобные дизайны можно увидеть тут, и там в этом фоне косяков нет вроде))
ахах)
http://disappointed­.ltalk.ru/5032-601-d­izain-274.zhtml

Ещё один пример как прилепить гиф на меню.
Открываем нужную нам гиф. Гия с советую лепить примерно в начале на ровне с исходником,
что бы мы сверху накладывали текстуры/коллор и как то связывали всю эту кашу вместе.
Тут сразу стоит определится с исхо, потому что нужно что то не обычное,
дабы при стирании фона с исходника у нас как раз было нормальное свободное место под гиф.
У меня гиф это странная бабочка, особой смысловой нагрузки не несёт, а как украшение красивое.
Мне повезло у неё был тёмный фон, а так как сам дизайн тёмный то и тут проблем не возникло.

Что бы слои мне а дальнейшем не мешали я их все спихнула в и группу,
к групе сделала слой маску и вытерла границы с гиф.
Так же можно создать слой в фоновым цветом и ластиком сделать такое маленькое окошко через которое будет видно гиф.
Да такой способой тоже можно использовать. Если вы не умеете пользоваться маской по ищите в соо уроки где я о неё говорила)

Ещё совет, если стереть границы не получится потому что всё равно будет палавно
/ну бывает что фон гиф и будущей работы уж очень контрастный, или там его просто нельзя удалять/
То просто прилепите сверху какю то рамку, такую что бы закрывала границы и норм =^B­
­­

Добавляем исходники девушка и облачка.
У меня девушка сидит с боку, мне вообще с неё повезло, может и вам повезёт))
­­

А теперь магия!!
ах если бы это было так просто
Добавляем текстуру/текстуры/т­екстуры много текстур да) Кисти ещё тоже могут быть нужны.
Коллор. Я местами обесцветила эту кашу а то получалось уж совсем страшно.
+ какая то сумер мего охуенная подпись тоже пойдет.. вуаля у меня получилось что то красивое, да и у вас тоже надеюсь)

готовый результат и слои с анимацией их было не очень много потому мне пролезло даже на стандрт)
­­

В общем творите и пытайтесь, практика вот ключ к успеху.
Желаю вам удачи в ваших начинаниях и если моя писанина вам хоть как то помогла то скажите.
А если у вас ещё и результат какой то есть то буду очень рада его увидеть.
Спасибо.
Прoкoммeнтировaть
Гость 20 августа 2013 г. 12:31:18 постоянная ссылка ]
 вау *-*
Прoкoммeнтировaть
BonВon 20 августа 2013 г. 14:21:52 постоянная ссылка ]
O:-)­
Прoкoммeнтировaть
FFFFF22 2 ноября 2013 г. 21:30:42 постоянная ссылка ]
 =^B­ =^B­
Прoкoммeнтировaть
Ou est ta vie 3 января 2014 г. 20:48:34 постоянная ссылка ]
Вам не кажется глупым делать урок с результатом из сообщества с беона "Strike"?
Прoкoммeнтировaть
BonВon 4 января 2014 г. 19:24:16 постоянная ссылка ]
по дате посмотрите.
BonВon17 августа 2013 г. 17:44:07
Прoкoммeнтировaть
Ou est ta vie 6 января 2014 г. 21:03:39 постоянная ссылка ]
Наш урок был выпущен раньше
Прoкoммeнтировaть
 

Дoбавить нoвый кoммeнтарий

Как:

Пожалуйста, относитесь к собеседникам уважительно, не используйте нецензурные слова, не злоупотребляйте заглавными буквами, не публикуйте рекламу и объявления о купле/продаже, а также материалы, нарушающие сетевой этикет или законы РФ. Ваш ip-адрес записывается.


•| Alice > •| 221 Урок работа с гиф в дизайнах.  17 августа 2013 г. 15:44:07

читай на форуме:
Чудаки
Эт так
дайте крылья мне плиззз любые аниме...
пройди тесты:
Изменить историю или...(Часть 1)
Изменить историю или...(Часть 2)
читай в дневниках:
...
...
гениальные стихи

  Copyright © 2001—2018 LTalk
Авторами текстов, изображений и видео, размещённых на этой странице, являются пользователи сайта.
Задать вопрос.
Написать об ошибке.
Оставить предложения и комментарии.
Помощь в пополнении позитивок.
Сообщить о неприличных изображениях.
Информация для родителей.
Пишите нам на e-mail.
Разместить Рекламу.
If you would like to report an abuse of our service, such as a spam message, please contact us.
Если Вы хотите пожаловаться на содержимое этой страницы, пожалуйста, напишите нам.

↑вверх