Оформление странички в facebook
 

Оформление странички в facebook


На сегодняшнее время многие зарегистрированы в разных соц. сетях и естественно, что каждый хочет выделиться и сделать на своей страничке что-то необычное. Заумные и сложные аватары заполонили многие ресурсы и их уже недостаточно для яркого предъявления.

Именно поэтому я решила сделать урок по Photoshop и поделиться с вами как можно изменить оформление на странице в facebook.
Для примера я покажу вам как я сделала страничку для Bakemono
 
Главная фишка такого оформления - это связь шапки и аватара, где они взаимодействуют вместе и в то же время могут быть и по отдельности. Для вдохновения могу показать вам несколько оригинальных идей, которые возможно помогут вам придумать что-то свое.
 
Скачать шаблоны для профиля и для групп вы можете здесь: 
 

И так приступим.

Откройте программу фотошоп (я работаю CS5, но думаю и более ранние версии подойдут).
Теперь скачайте файл Шаблон для страниц и откройте его в фотошопе.

Вы увидите такую заготовку:

Оформление странички в facebook


Первый слой полностью залит серым цветом и называется ADD YOU IMAGE ABOVE THIS LAYER, что дословно означает добавьте поверх слоя свое изображение.
Второй слой – это границы шапки и аватара. Называется он TEMPLATE BORDERS (шаблон границ). Этот слой поможет нам правильно разместить задний слой, что бы он идеально сочетался с аватаром.
Теперь я начну расставлять важные элементы. В данном случае это персонаж Бакемон и его друг/игрушка рыжая кото-голова.
В вашем же случае это может быть либо ваша фотография, либо картинка любимого героя.

 

Поместив персонажа на шаблон, я заметила, что кото-голова слишком мала и не помещается в зону аватара (а ведь я хотела, чтобы она была именно там!)

Оформление странички в facebook


Поэтому я ее удаляю со слоя

Оформление странички в facebook


И перерисовываю в более крупном виде.

Оформление странички в facebook


Помните, что все наши созданные слоя должны находиться между двумя начальными слоями.

Оформление странички в facebook


Теперь поработаем над фоном. Я решила сделать задний план летним (Все-таки лето!).
Для своего фона я возьму вот такую вот картинку. К сожалению, я не знаю автора…

Оформление странички в facebook

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

Оформление странички в facebook


Теперь с помощью других уже вырезанных элементов заполняем задний слой. Я нашла летний нарисованный скрап набор и использовала его.

Оформление странички в facebook


В принципе у нас практически все готово. Теперь нужно правильно сохранить задний фон и аватар, а потом залить его на facebook.
Увеличиваем картинку на 450 - 600%. Берем инструмент обрезания Crop Tool/ Кадрирование (клавиша С) и обрезаем по контуру аватар не заходя на белые поля.


После обрезания проверьте размер картинки Image > Image Size (Изображение > Размер изображения. Размер изображения должен быть 180 на 180 пикселей. Если у вас не так в и в истории отмените последнее действие и попробуйте обрезать аватар заново.


После того как вы правильно обрежете аватар, сохраните его. Для этого зайдите в Файл/Сохранить для Web (File/Save for Web). После нажатия кнопки появится окно с параметрами, не забудьте там поставить расширение файла на jpg.


Теперь открываем историю и возвращаем все до того как начали обрезать.

Оформление странички в facebook


Опять выбираем инструмент обрезания Crop Tool/ Кадрирование (клавиша С) и обрезаем задний фон.


Отключаем слой с рамкой и все слоя которые есть на аватаре. Если необходимо частично дорисовываем задний фон (например, я дорисовала песок и хвост кота)

Оформление странички в facebook


После того как вы правильно обрежете аватар, сохраните его. Для этого зайдите в Файл/Сохранить для Web (File/Save for Web). После нажатия кнопки появится окно с параметрами, не забудьте там поставить расширение файла на jpg.
А теперь я вам покажу как заливать в facebook созданную вами шапку и аватар.
Для примера я покажу как я оформила свою страницу.
Я сделала такое вот оформление.

Оформление странички в facebook


После все обрезала и сохранила



Теперь нам нужно все загрузить
Заходим на свою страничку и нажимаем кнопку «добавить обложку».

Оформление странички в facebook


Из меню выбираем раздел - загрузить фотографию…

Оформление странички в facebook


После того как фон загрузится, нажимаем на кнопку «сохранить изменения»

Оформление странички в facebook


Теперь добавим аватар.
Нажимаем «добавить фотографию» > Загрузить фотографию…

Оформление странички в facebook


И выбираем подготовленный аватар. После того ка он загрузится обновите страницу и подведите курсор мыши к аватару. У вас появиться кнопка «Редактировать фото».

Оформление странички в facebook


Нажимаем на нее и выбираем «редактировать миниатюру»

Оформление странички в facebook


После откроется окно, где необходимо поставить галочку возле надписи «Изминить размер». Сохраняем.

Оформление странички в facebook


Вот и все! Желаю вам ярких и неповторимых оформлений ;)
Подписывайтесь на новы уроки по рисованию аниме, на нашей страничке Facebook.
 
Автор: Prescilla
Данный материал подготовлен для Вас командой сайта http://bakemono.ru

Данный материал предоставлен владельцами сайта Bakemono.RU и имеют на него полные авторские права. При копировании или частичном использовании данных новостей на других сайтах, в обязательном порядке уведомить автора данной новости "Prescilla" и разместить активную ссылку на источник.

+ +11 -
Комментарии к Оформление странички в facebook
Офлайн
НяхНех 19 сентября 2013 15:08
+ 0 -
спасибо:3
Оформила страницу в фейсбуке и майле!
Классный урок, спасибо! slobber delighted
--------------------


Офлайн
Monoke 19 сентября 2013 14:35
+ 0 -
прикольненько хочу также, но меня нет в facebook know2 А мне пофиг bz
Офлайн
Arcobaleno 26 августа 2013 20:09
+ 0 -
Интересненько, но не у всех же странички в facebook)))
--------------------
Я хочу быть воздухом - таким же незаметным и необходимым.
Офлайн
Vinnie 19 июля 2013 11:43
+ 0 -
круто-круто, спасибо большое!
Офлайн
Кrаkеn 15 июля 2013 12:42
+ 0 -
В Вконтакте были бы такие же приколы)
Офлайн
Setsu Hill 13 июля 2013 15:54
+ 0 -
прикольный урок ))))))))
Добавить комментарий
    • bxbybzcacb2cc2cd
      cecfcgchcicjck
      clcmcpcsctcucv
      cwdadbdcsleepaoknow2
      burpfuriousccazslobbersm32bj
      arfearfeelbusm28sm16be
      killshyslapfascinatedalnotlove
      helloakangrybbapeaylol
      kisssmilecbdelightedyesknowwhat
      ancheerseh