Яндекс.Метрика

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

Как сделать страничку Facebook особенной

31 августа 2011 | Опубликовано в статьюшечки | 9 Комментариев »

Как быстро и просто придать вашей Facebook-страничке оригинальный дизайн?

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

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

Сделать это проще простого. Для этого берем ваш портрет размером 700×500 пикселей и разрезаем в Photoshop на куски, размеры которых указаны на рисунке ниже.

Либо просто сохраните этот PSD-файл, он уже содержит готовые блоки с нужными настройками. Вам просто нужно подставить свою фотографию отдельным слоем. Затем сохраняем блоки в виде отдельных элементов (File – Save for Web) и получаем папку с набором кусочков фотографии.

Загружаем их в альбом на Facebook и располагаем в такой последовательности (тут очень важен порядок):

Большой вертикальный кусок (200×500) назначаем основной фотографией профиля. Потом отмечаем себя на крайней ПРАВОЙ картинке нашего ряда. И так отмечаем себя на каждом кусочке; отметку на крайнем кусочке слева (на том, что впритык к основной фотографии профиля) ставим в последнюю очередь.

Все, дело в шляпе! Спасибо labnol.org.

Заходите в гости на страничку Дежурки в Facebook :)




Комментарии

  1. 14zy
    Thumb up Thumb down 0

    PSD забыли)

    img.labnol.org/files/facebook_layout.psd

    Ответить

    Olga Ответ:

    Thumb up Thumb down +1

    О, спасибо, добрый человек :D

    Ответить

  2. DukAlex
    Thumb up Thumb down +1

    готово -) зачем псд? резать не умеешь?

    Ответить

    ggot Ответ:

    Thumb up Thumb down -2

    с псд мороки меньше — подставил и готово. Зачем полчаса тратить на слайсы

    Ответить

  3. yoo
    Thumb up Thumb down -1

    круто мужик, а я кеды рисую twitter.com/#!/YooKonstan...er.com%2FPetndeY

    Ответить

    DME-87 Ответ:

    Thumb up Thumb down -1

    респект Yoo понтравилось, особенно серия с What s up man

    Ответить

    DME-87 Ответ:

    Thumb up Thumb down -1

    Но такая самореклама бесит

    Ответить

  4. Виталька
    Thumb up Thumb down +1

    А для Вконтакте можно это применить?)

    Ответить

  5. Алекс
    Thumb up Thumb down 0

    Как сделать так, что бы фотография была большого размера, по ширине страницы сверху?

    Ответить

Оставить ответ


− шесть = 3

Вставить изображение