Как сделать оригинальный дизайн шапки в профиле Твиттера

14

61536
14-11-2012

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

Шаг 1.
Создаем в фотошопе новый документ размером 1252х626 пикселей.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 2.
В левом верхнем углу создаем прямоугольник размером 540х60 пикселей.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 3.
Потом создаем квадрат размером 175х175 пикселей и прислоняем его к правому нижнему углу белого прямоугольника, как на рисунке ниже. По всем сторонам квадрата устанавливаем направляющие.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 4.
Теперь берем любую картинку, которую мы хотим установить в шапку. Желательно размер картинки не меньше, чем 1252х626 пикселей. В пересечении направляющих устанавливаем часть картинки, которая будет аватаром в Твиттере.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 5.
После этого сохраняем первую картинку полностью размером 1252х626 пикселей. Потом кадрируем изображение по размеру аватара и сохраняем вторую картинку размером 175х175 пикселей.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 6.
Переходим в аккаунт в Твиттере, выбираем пункт «Настройки».Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 7.
Update 22.11.12: Разработчики перенесли блок смены изображения в шапке в пункт меню «Профиль». Далее в меню слева выбираем пункт «Оформление» и нажимаем на кнопку «Изменить изображение шапки». В открывшемся диалоговом окошке выбираем первую картинку у себя на компьютере и загружаем ее.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 8.
На следующем шаге нам предложат отрегулировать масштаб картинки, если надо. После этого нажимаем «Сохранить».Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 9.
Теперь в меню слева выбираем пункт «Профиль» и нажимаем кнопку «Изменить фотографию». Загружаем вторую картинку с изображением аватара.Как сделать оригинальный дизайн шапки в профиле Твиттера

Шаг 10.
В результате получаем собственный дизайн шапки в Твиттере.Как сделать оригинальный дизайн шапки в профиле Твиттера

 
 

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

  • Короткая ссылка на этот пост: https://www.designonstop.com/?p=7914
  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Комментариев 14 комментариев

Спасибо! Как раз собирался поменять шапку в твиттере

ОтветитьОтветить

@Shershov:
О, как раз тему! Успехов ))

ОтветитьОтветить

Добрый вечер.
В упор не вижу кнопки «Изменить изображение шапки» в настройках твиттера. Хоть убейте) Есть возможность изменить только фон.

ОтветитьОтветить

@Алексей:
Да, действительно, разработчики перенесли этот блок в пункт меню «Профиль». ))

ОтветитьОтветить

@Наташа Клевер: спасибо, теперь все нашел)

ОтветитьОтветить

Спасибо, очень интересно

ОтветитьОтветить

@Елена:
Пожалуйста!

ОтветитьОтветить

Спасибо-спасибо-спасибо за замечательный урок!!!! Не нарадуюсь на свою шапку в тви теперь)))

ОтветитьОтветить

@Ольга:
Отлично! Посмотрела вашу шапку в твиттере — мне очень понравилось! ))

ОтветитьОтветить

Интересный урок. Можно сделать все, как захочешь. Спасибо!
А то я в разных сайтах ищу для себя подходящую картинку и все никак. Пока сделала вот так https://twitter.com/BloknotReanimat но это не по теме совсем. Теперь постараюсь что-нибудь более соответствующее подобрать

ОтветитьОтветить

@Гульнара Самигулина:
Очень симпатично! Мне понравилось ))

ОтветитьОтветить

Отлично все получилось 🙂 Огромнешее спасибо за прикалюшку!

ОтветитьОтветить

@Каталог Партнерок:
Пожалуйста!

ОтветитьОтветить

Шикарный урок, спасибо, с приветом от Vladislave=))

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

54 queries in 0,264 seconds.