Как самостоятельно сделать красивое фото. Как сделать красивый профиль в Инстаграме: секреты и советы

Инстаграм отличный инструмент продвижения бизнеса. Благодаря сервису можно найти аудиторию и повысить продажи. Но зарегистрироваться и постить фотографии раз в месяц недостаточно для привлечения потенциальных клиентов.

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

Секрет 1: Фото профиля

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

Какой должна быть аватарка аккаунта:

  • Уникальной. Не используйте картинки из интернета, даже если это красиво и подходит к тематике профиля. Используйте логотип бренда или красивое селфи - для личной страницы. А если логотипа нет - самое время приступить к созданию.
  • Качественной. Фотография должна быть не только красивой, но и четкой - шумные и пиксельные картинки не подойдут. Пользователю должно быть ясно, что изображено на миниатюре.
  • Подходящей по настроению. Если вы занимаетесь продажей мягкий игрушек, не стоит выбирать фотографию в мрачных тонах.

Полезно: как сделать информацию о себе в столбик - инструкция по ссылке.

Секрет 2: Имя аккаунта Инстаграм

Придумайте запоминающееся имя профиля в Инстаграм, его пользователь видит рядом с миниатюрой.

Что стоит учесть при выборе:

  • Имя должно отражать суть профиля: название бренда, услуги или продукта прописанное латиницей. Не пишите ничего, что не относится к тематике профиля.
  • Название не должно быть длинным. Если название компании включает в себя несколько слов - не вставляйте их все в название. Так его сложно будет запомнить и найти. Придумайте сокращенный вариант.
  • Если желаемый ник занят, попробуйте написать иначе - не используйте нижних подчеркиваний и цифр. Это затруднит запоминание и восприятие.
  • Выбранное имя нельзя менять - клиенты, которые пользовались вашими услугами, не найдут профиль и не посоветуют его знакомым.
  • С красивым именем привлечь клиентов будет легче, так как случайно наткнувшись на ваш аккаунт в Инстаграм, они не пройдут мимо.

Шаги

Композиция

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

    Фотографируйте творчески. Вместо традиционного автопортрета анфас попробуйте сделать художественное фото с совсем другой композицией. Вот несколько идей:

    • сфотографируйтесь в профиль, то есть сбоку;
    • сфотографируйте только половину лица – левую или правую;
    • сфотографируйте крупным планом глаз, губы или щеку.
  1. Не располагайте лицо строго по центру кадра. Лучшие фото обычно построены в соответствии с правилом третей. Это значит, что глаза (композиционный центр портрета) должны находиться на расстоянии одной трети по вертикали от верхней границы снимка и правее или левее его середины. Фотография получится более интересной, а ракурс, вероятно, будет удачнее.

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

    • Если вы хотите сделать фото крупным планом, лучше воспользоваться оптическим зумом и снимать с большего расстояния. Можно также сделать фото по пояс или во весь рост, а потом обрезать его.
    • Если в вашей камере есть таймер, прислоните ее к устойчивой опоре, включите таймер и отойдите. Такое фото, скорее всего, будет более удачным, чем селфи, снятое с рук.
  2. Используйте основную камеру телефона. Фотографировать самого себя удобнее на фронтальную камеру смартфона, но основная позволяет делать намного более качественные снимки.

    Поставьте за камерой зеркало. Фотографироваться проще, когда вы себя видите, поэтому зеркало, расположенное позади фотоаппарата или смартфона, поможет вам добиться более удачной позы или выражения лица. Следите, чтобы улыбка была естественной!

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

    • Попросите друга сфотографировать вас. Он может немного поддразнить вас, а может попросить сфотографировать и его.
    • Если дело происходит на празднике или другом мероприятии, попросите кого-нибудь из присутствующих сфотографировать вас (и ваших друзей, если вы пришли в компании). Лучше пусть это будет знакомый человек или, по крайней мере, на вид заслуживающий доверия, чтобы ваш телефон или камеру не украли.
  3. Не смотрите прямо в объектив. Даже если глаза - самая красивая ваша черта, попробуйте отвести взгляд от камеры, чтобы фото получилось более интересным.

    • Вы по-прежнему можете сделать акцент на глаза, если широко их откроете и будете смотреть поверх камеры или в сторону от нее.
    • Старайтесь не отводить глаза слишком явно. Если вы будете смотреть чуть в сторону от объектива, создастся впечатление, будто вы не знаете, что вас снимают. Если же вы отведете взгляд хотя бы на тридцать сантиметров от камеры, это уже будет выглядеть как осознанное позирование.
  4. Показывайте эмоции. Искренние эмоции обычно сразу видны на лице. Натянутая улыбка, как правило, не делает вас привлекательнее. Поэтому, если вы позируете для фото улыбаясь, подумайте о чем-нибудь по-настоящему приятном или смешном.

    Оденьтесь подходящим образом. Если вы снимаете автопортрет с определенной целью, подумайте о том, как следует одеться.

    • Если вам нужно фото для работы или для страницы в профессиональной сети, выберите одежду в сдержанном, деловом стиле и простую аккуратную прическу.
    • Если вы фотографируетесь для сайта знакомств, можете надеть что-нибудь яркое или прикольное, но не одевайтесь слишком сексуально (такое фото сразу выдаст ваше старание изо всех сил казаться сексуальнее!). Прическа необязательно должна быть идеальной; пусть она будет повседневной, но показывает, что вы уделяете внимание своей внешности.
    • Если фотография предназначена для вашей страницы в социальной сети, подумайте о том, как люди будут вас воспринимать. Выбор одежды очень широк, но грязная футболка - все-таки не лучший выбор для селфи (если, правда, вы не демонстрируете, что только что вернулись из пешего похода на двадцать километров).
  5. Не изображайте дакфейс! Так называемый дакфейс (лицо с губами «уточкой») - сложенные бантиком и вытянутые как для поцелуя губы - всем надоел и стал образцом дурного вкуса при съемке селфи. Существует масса других, более симпатичных выражений лица.

Обстановка

    Снимайтесь при естественном свете. Естественный свет всегда предпочтителен для фотографии. Однако прямой солнечный свет, особенно в полдень, когда солнце стоит прямо над головой, не подходит для съемки портрета: вам не нужны резкие тени на лице!

    • Если есть выбор, лучше фотографироваться в облачный день.
    • В помещении старайтесь фотографироваться у окна, при естественном свете (но не при прямых солнечных лучах).
    • Если в помещении вы вынуждены использовать искусственный свет, избегайте флуоресцентных ламп и верхнего освещения. Возможно, вы добьетесь более благоприятного освещения, если выключите потолочное освещение и включите настольные лампы и бра.
    • Если снимать приходится при прямом освещении сверху (неважно, естественном или искусственном), используйте вспышку, чтобы заполнить затененные области, - тогда на вашем фото не будет теней под носом или глазами.
  1. Проверьте задний план. Размещая фото в интернете, вы вряд ли мечтаете о славе человека, который запечатлел себя на нелепом или неприличном фоне.

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

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

Редактирование

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

    • Попробуйте фотографироваться в разных комнатах, чтобы выяснить, в какой из них самое лучшее освещение.
    • При обработке фото используйте эффект мягкого фокуса: благодаря ему вы сохраните детали четкими, а кожа приобретет безупречный вид.
    • Нет ничего банальнее на фотографии-селфи, чем вытянутая рука в кадре. Попробуйте вместо этого установить таймер. Также вы можете поэкспериментировать с разными углами съемки, чтобы скрыть эту вездесущую руку.
    • Сделайте много снимков, чтобы выбрать из них лучший.
    • Пусть героями истории станут ваши ноги! Фотография ног на фоне потрясающего пейзажа задокументирует ваше присутствие - а вам не придется волноваться, как вы выглядите на фото.
    • Перед тем как фотографироваться, посмотритесь в зеркало и при необходимости поправьте одежду, волосы и макияж.
    • Если вам не нравятся отдельные черты вашего лица, подчеркните другие. Например, если вам не нравятся губы, то с помощью ярких теней для век сделайте акцент на глазах.
    • Будьте довольны собой. Другого такого человека нет на всем белом свете. Вы единственны в своем роде и уникальны - примите это!
    • Положите телефон на пол или другую плоскую поверхность, обперев его обо что-нибудь, и сядьте напротив. Камера телефона должна быть обращена к вам. Запустите таймер и начните позировать. Посмотрите в сторону и загадочно улыбнитесь, если считаете, что подобное фото выставит вас в выгодном свете; если нет - попробуйте что-нибудь другое.

Доброго времени суток, уважаемые читатели блога

С Вами Виктор. Сегодня я хочу предоставить Вашему вниманию еще один интересный перевод с сайта http://net.tutsplus.com/ . Данная статья Вам покажет как можно нарисовать красивый сайт, имея практически нулевые знания в программе Photoshop.

Поехали…

Вам захотелось создать красивый сайт, но Вы даже не представляете, как это делается? Хотите узнать, как создать веб-сайт? Честно говоря, несколько лет назад это и со мной произошло. Путешествуя по сети, я встречал множество красивых сайтов, и мне самому всегда хотелось уметь разрабатывать такой дизайн для сайтов. Сейчас я уже это умею и готов научить и Вас, как это сделать! В сущности, для этого требуются некоторые навыки работы в Photoshop и внимание к деталям. В этом руководстве я буду обращать внимание на те незначительные на первый взгляд детали, из которых складывается красивый дизайн сайта. Запускайте Photoshop и приступим к делу!

Редакция: Рог Виктор

Привет, меня зовут Марко, я веб-дизайнер из чудесной страны Хорватии. Я разрабатываю амбициозные, классно выглядящие, современные сайты. Также я пишу статьи для Themeforest и Graphicriver, и люблю писать разные руководства. В свободное от время я просто общаюсь со своими детьми или обдумываю очередной Большой Проект. О, как и все остальные, я веду блог на Twitter.

Шаг 1 – Скачайте 960 Grid System Template

Почти все дизайны я разрабатываю на основе блочной системы 960 Grid System. Поэтому нам сначала нужно скачать эти блочные шаблоны для Photoshop, которые можно найти на официальном сайте 960.gs . Просто распакуйте zip-архив и найдите в нем PSD-шаблоны. Вы увидите шаблоны двух типов: один – 12_col, второй – 16_col. Как видно по названию, отличаются они тем, что один состоит из 12 колонок, а другой из 16. Чтобы пояснить чуть точнее, допустим, что Ваш дизайн будет состоять из трех вертикальных блоков, тогда Вам нужно взять шаблон 12_col, так как 12 кратно 3. А если Ваш дизайн будет состоять из четырех вертикальных блоков, тогда Вы может брать в качестве шаблона как 12_col, так и 16_col, потому что и 12, и 16 кратно 4. Далее в руководстве мы рассмотрим это на примере.

Шаг 2 – Определяем структуру

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

Шаг 3

После того, как мы определились со структурой сайта, можно двигаться дальше. Откройте Ваш шаблон 16_col.psd. Перейдите в меню «Изображение» > «Размер холста» (Image > Canvas size). Установите размер 1200px по ширине и 1700px по высоте. Установите цвет фона #ffffff.

Шаг 4

Шаг 5

Создайте новый слой над прямоугольной областью и установите для этого слоя режим «Перекрытие» (Overlay). При нажатой клавише Ctrl щелкните мышью по слою с прямоугольником. Он будет выделен. Выберите мягкую кисть (soft brush) толщиной 600px, установите белый цвет и несколько раз щелкните, поместив край кисти чуть выше выделенной области, как показано на рисунке. Таким образом, Вы создадите красивый и легкий световой эффект. Кроме того, можно связать эти два слоя.

Шаг 6

Новый слой. Выберите снова инструмент «Прямоугольник» (Rectangle) и нарисуйте тонкий темно-серый прямоугольник, как показано на рисунке.

Шаг 7

Выбрав инструмент «Прямоугольник» (Rectangle), нарисуйте большой блок примерно на 500px ниже верхнего прямоугольника. Сделайте его высотой 575px и наложите на него линейный градиент в границах оттенков от #d2d2d0 до #ffffff, с углом -90° и масштабом 100%.

Шаг 8

Сейчас мы создадим такой же световой эффект, который описан в Шаге 5. Мы еще не раз будем использовать этот прием, поэтому в следующий раз я просто буду отсылать Вас к Шагу 5, где описан этот эффект.

Создайте новый слой над всеми текущими слоями. При нажатой клавише Ctrl щелкните мышью по большому прямоугольнику. Выберите мягкую кисть толщиной 600px, установите белый цвет и несколько раз щелкните, поместив край кисти чуть выше выделенной области, как показано на рисунке.

Шаг 9

Создайте новый слой и нарисуйте большой прямоугольник высотой 400px. Он будет использоваться для шапки нашего сайта. Наложите на него красивый голубой градиент от оттенка #2787b7 до #258fcd.

»Видите, какой нежный переход оттенков?





Шаг 10

Добавьте темно-синюю линию толщиной 1px вдоль нижней границы шапки, наложите эффект тени (Drop shadow). Для наложения тени используйте режим Умножение (Multiply), непрозрачность (Opacity) 65%, угол (Angle) -90°, смещение (Distance) 1px, размер (Size) 6px. Далее создайте поверх новый слой и нарисуйте под синей линей еще одну линию толщиной 1px белого цвета. Таким образом, мы создадим отчетливую границу для нашего блока с основным контентом. В принципе, этот прием оформления границ Вы можете применять для каждого блока Вашего проекта, только с другими оттенками.

Шаг 11

Создайте новый слой и с помощью инструмента «Прямоугольник» (Rectangle) нарисуйте в верхней части холста прямоугольную область высотой 50px, как показано на рисунке. Она будет служить для панели навигации.

Наложите тень, используя параметры, представленные на рисунке.

Шаг 12

Настало время заняться навигацией. Используйте инструмент «Прямоугольник с округленными углами» (Rounded Rectangle), установите радиус 5px. Нарисуйте прямоугольник, сделайте заливку цветом #f6a836 и наложите следующие эффекты:

Внутренняя тень (Inner Shadow) – цвет: #ffffff, Режим: Перекрытие, Прозрачность: 60%, Угол: 120 °, Смещение: 7px, Размер: 6px.

— Внутреннее свечение (Inner glow) – Режим: Нормальный, цвет: #ffffff, Размер: 4px, остальные параметры оставьте по умолчанию.

— Обводка (Stroke) – Размер: 1px, Положение: Внутри, цвет: #ce7e01.

Теперь выделите этот прямоугольник с помощью Ctrl и щелчка мыши. Перейдите в меню «Выделение» > «Модификация» > «Сжать» (Select > Modify > Contract), и введите в появившемся окне 1px.

Создайте сверху новый слой, установите режим «Перекрытие» (Overlay) и наложите эффект, описанный в Шаге 5, только в этот раз используя кисть меньшего размера. Далее добавьте текст для навигации. Я использовал для ссылок навигации шрифт Arial, все буквы заглавные и без сглаживания.

Шаг 13

Теперь давайте создадим поле поиска. С помощью инструмента «Прямоугольник с округленными углами» (Rounded Rectangle) с радиусом 5px создайте поле для поиска по правой стороне размеченной сетки шаблона, в середине верхней серой полосы, созданной на Шаге 4. Добавьте к слою следующие стили:

— Внутренняя тень (Inner Shadow) – цвет: #000000, Режим: Умножение (Multiply), Непрозрачность (Opacity): 9%, Угол (Angle): 90°, Смещение (Distance): 0px, Размер (Size): 6px.

— Обводка (Stroke) – Размер (Size): 1px, Положение: Внутри (Position: inside), цвет: #dfdfdf.

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

Шаг 14

Создайте новый слой и нарисуйте кнопку «Sign Up» точно так же, как мы нарисовали поле для поиска, только по ширине на половину меньше. Поместите ее под поисковым полем, по центру навигационного блока.

Снова создаем эффект, описанный в Шаге 5.

Используйте мягкую кисть меньшего размера. Я в данном случае выставил размер 45px.

Шаг 15

После добавления логотипа и подзаголовка наш сайт должен выглядеть вот так.

Шаг 16

Сейчас вернемся к упорядочению слоев, о котором мы упоминали выше. Создайте новую пустую папку слоев и назовите ее «top_bar». Переместите в нее все слои графики из верхней части шаблона (логотип, подзаголовок, поле поиска, кнопку регистрации, панель навигации и элементы фона).

Создайте еще одну пустую папку слоев и назовите ее «header». В нее мы переместим графику из шапки нашего шаблона. Вот так это должно выглядеть.

Шаг 17

Наша шапка пока выглядит несколько простовато, поэтому добавим к ней тот же световой эффект, который мы применяли к другим элементам сайта. Выделите блок шапки (тот, что голубого цвета). Создайте сверху новый пустой слой и установите для него режим «Перекрытие» (Overlay).

Выберите большую мягкую кисть размером 600px, цвет #ffffff, и нажмите несколько раз в области под навигационной панелью. Кроме того, для получения более глубокого эффекта мы можем переключить на черный цвет и сделать то же самое в нижней части шапки. Попробуйте!

Шаг 18

На этом шаге я объясню Вам, как я сделал отражение для изображений в шапке. Найдите пару изображений на свой выбор, я использовал скриншоты браузера Safari с изображениями двух других моих шаблонов. Уменьшите один из них и поместите под вторым, который больше. Создайте дубликат обоих слоев и с помощью инструмента «Свободное трансформирование» (Free Transform) переверните сначала одно изображение, затем второе. Сдвиньте оба изображения на несколько пикселей вниз. Теперь сделайте выделение снизу с внешней стороны до середины первого перевернутого изображения с помощью инструмента «Прямоугольная область» (Rectangular Marquee). Перейдите в меню «Выделение» > «Модификация» > «Растушевка» (Select > Modify > Feather) и в появившемся окне введите 30px или больше. У Вас должно получиться такое же выделение, как показано на рисунке. Нажмите несколько раз кнопку Delete, чтобы получилось красивое затененное отражение оригинального изображения. Повторите этот же шаг для второго изображения.

Сейчас, чтобы сделать оба изображения немного выступающими, создайте новый слой и установите для него режим «Перекрытие» (Overlay). Наложите эффект, описанный в Шаге 5.

Вот так наша шапка должна выглядеть после добавления красивого заголовка и нескольких кнопок. Не забудьте сгруппировать все слои с графикой шапки в папку «header», чтобы сохранить порядок на палитре слоев

Шаг 19

Посмотрев на итоговое превью нашего дизайна, Вы заметите красивые вкладки в блоке с основным контентом. Для создания подобных вкладок нам необходимо будет выполнить еще несколько дополнительных шагов, но это определенно того стоит. Сперва с помощью инструмента «Прямоугольник с округленными углами» (Rounded Rectangle) нарисуйте большую прямоугольную фигуру высотой 70px и радиусом углов 10px или больше, если посчитаете нужным. Сейчас нам надо избавиться от нижних округленных углов и сделать их идеально прямыми. Выберите инструмент «Область (горизонтальная строка)» (Direct Selection) и установите его на границе фигуры. Щелкните по точке вертикальной оси и, удерживая клавишу Shift, оттяните ее вниз, пока она не достигнет уровня горизонтальной оси. Уже неплохо, но угол все еще деформированный. Заметен небольшой хвостик. Нажмите на него и сдвиньте вверх до уровня горизонтальной оси.

Мы сделали идеально прямой угол. Вот так это должно выглядеть. Теперь повторите этот шаг для правого нижнего угла.

Шаг 20

Выберите инструмент «Линия» (Line) толщиной 1px.

Шаг 21

Начертите разделители серого цвета, удерживая клавишу Shift.

Шаг 22

Разместите какие-нибудь иконки, заголовки и описание для каждой вкладки. Я использовал иконки Рэя Ченга, которые можно скачать с сайта WebAppers.com. Как правило, одна вкладка всегда активна, в то время как другие остаются неактивными. Чтобы это четко было видно в нашем дизайне, нам нужно найти способ это показать. Я обесцветил остальные иконки и уменьшил непрозрачность для заголовков и текста, оставив первую активную вкладку цветной и яркой.

Шаг 23

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

Вот так должно выглядеть выделение.

С помощью маленькой мягкой кисти создайте белый фон.

Шаг 24

Добавим тень. Нарисуйте темно-серый прямоугольник под вкладками, как показано на рисунке.

Добавьте векторную маску (vector mask), нажав на маленькую иконку внизу палитры слоев.

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

Наконец, уделим внимание деталям. Начертите серую линию толщиной 1px вдоль нижней границы панели вкладок. Добавьте снова маску на слой, как описано выше, и большой мягкой кистью удалите края линии слева и справа. Теперь у нас есть красиво затененная линия, которая подчеркивает тень под нашими вкладками.

Вот так должны выглядеть наши вкладки.

Шаг 25

Пришло время заняться дизайном основного содержания нашей первой вкладки. Нам потребуются красиво оформленное изображение, симпатичный заголовок и какой-нибудь текст. Сначала займемся оформлением изображения. Мне показалось, что неплохо бы нарушить прямолинейность нашего дизайна созданием красивого эффекта сложенных в стопку фотографий. Чтобы этого добиться, нарисуйте белый прямоугольник с рамкой серого цвета и толщиной 1px, и наложите на него легкий эффект отбрасывания тени.

Импортируйте подготовленное изображение и поместите его над белыми прямоугольниками. Не волнуйтесь, если изображение выходит за границы блока – мы это исправим. Выделите верхний прямоугольник, перейдите в меню «Выделение» > «Модификация» > «Сжать» (Select > Modify > Contract) и в появившемся окне введите 5px. Выделив слой с изображением, нажмите иконку «Быстрая маска» (Quick Mask) внизу палитры слоев. У Вас получится эффект красивой картинки с рамкой, как показано на рисунке выше.

Вот так у Вас должен выглядеть порядок слоев.

Шаг 26

Не забывайте следить за порядком. Создайте папки слоев и распределите по ним слои на своей палитре. У меня это сделано вот таким образом.

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

И еще немного организации слоев.

Шаг 27

Я решил, что этот блок должен быть большим, поэтому я разместил его в большом поле сразу после главного блока. Сначала рисуем большой светло-серый прямоугольник высотой примерно 220px с рамкой серого цвета толщиной 1px.

Добавляем какой-нибудь текст, и все готово!

Шаг 28

Теперь займемся нижним колонтитулом. Нарисуйте большой темно-серый прямоугольник высотой 400px.

Шаг 29

Наложите световой эффект точно так же, как мы описывали в Шаге 5.

Шаг 30

Шаг 31

Создайте самый нижний блок, в котором будет продублирована навигация. Можно скопировать верхний прямоугольный блок с навигацией, поместить его внизу и установить для него высоту около 40px. Поместите его в самом низу Вашего холста. Пожалуйста, имейте в виду, что Вам возможно потребуется расширить холст для этой цели, чтобы на нем уместилась вся графика. В этом случае откройте в меню «Изображение» > «Размер холста» (Image > Canvas size) и установите высоту, при которой весь проект умещается на холсте.

Шаг 32

Снова уделим внимание мелким деталям. Добавим белую линию толщиной 1px вдоль верхней границы нижнего блока навигации, придав тем самым красивый эффект для его рамки.

Шаг 33

Наполним колонтитул содержанием и красиво упорядочим его по нашей сетке.

Шаг 34

Напоследок распределите все Ваши слои по папкам. У меня это сделано так.

Дизайн






Вот такой дизайн у нас получился в итоге, с парой изменений для разных страниц. Готовые PSD-дизайны, конечно же, можно приобрести на сайте ThemeForest.net.

Пара слов в заключение

Надеюсь, Вам понравился этот урок, и Вы узнали несколько новых приемов. Теперь настала Ваша очередь создавать новые великолепные дизайны. Не забывайте, что уделяя особое внимание мелким деталям, Вы сможете проектировать красивые веб-сайты, используя всего два или три инструмента в Photoshop. Здорово, не правда ли?

Яркие фото, способные украсить альбом и сорвать сотни лайков в соцсетях, создаются не только на берегу моря или в дорогой студии. Собственная квартира легко может стать фоном для отличных снимков! Хотите узнать, как сделать красивую фотографию в домашних условиях? Читайте советы в нашей статье!

Как сделать красивое фото дома на смартфон

Обходиться будем минимальными средствами – никаких зеркальных фотоаппаратов или профессионального освещения. Только вы, смартфон и подручные средства. Приёмы, которые можно использовать для получения качественных снимков, зависят от того, что именно будете фотографировать.

1. Портрет

Съёмка в фас (лицо смотрит прямо в камеру) часто создаёт недостатки даже там, где их не было. Попробуйте повернуться к камере в пол-оборота – это один из универсальных вариантов, который пойдёт большинству. Такой ракурс зрительно делает лицо уже, подчёркивает скулы и стройную шею.



Даже лёгкий поворот головы делает лицо на снимке привлекательнее

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



Следите, чтобы задний план был эстетичным

2. Предметная съемка

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


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

Как сделать фото ещё лучше

Даже удачный снимок нуждается в обработке. Улучшить качество фото, убрать лишнее из кадра, отретушировать портрет или наложить эффекты позволит программа . Какие возможности она предлагает?


Коллаж может быть очень стильным дополнением для вашего блога на любой площадке.

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

Мы попросили сделать урок по созданию коллажа для нашей школы крутого веб-дизайнера — Лену @bez_helen , которая создает потрясающе стильный дизайн для международных брендов. К примеру, полностью создала визуальную часть сайта followmeto.travel.


Итак, урок.
Когда одной фоткой не рассказать всего, что хочешь, то нам на помощь приходят коллажи! Ловите 10 вещей, которые вам надо запомнить для начала.

1. Не бойтесь подсматривать! Ищите в Pinterest классные коллажи под тегом collage. Листайте, выбирайте лучшие, сохраняйте себе на доски или скачивайте на компьютер или телефон.

2. Определитесь со стилем. Минимализм, классика, цветочное безумие или, например, черно-белое кино… Придумайте, на что будет похож ваш коллаж. Это важно, чтобы смело начать!

3. Фотошоп — лучшая и самая простая программа для создания коллажей. Создавайте новый документ нужного вам размера (файл/создать) и перетаскивайте на него фото, текстуры и фоны, из которых вы хотите создать коллаж. Обрезайте и кадрируйте их по своему желанию инструментом «Прямолинейное лассо», если вам нужны острые ровные края, или «Волшебной палочкой» там, где вручную выделять фон трудно. Перемещайте картинки по вашему будущему коллажу и крутите их под разным углом (правой кнопкой мыши/свободное трансформирование).


4. Если ваш коллаж — это обложка для нового видео, то его размер должен быть 1280х720 пикс, и не забудьте оставить достаточно места для красивой подписи.

5. Если ваш коллаж отправится в Инстаграм, то делайте его размером не менее, чем 1000х1000 пикс.

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

7. Совмещайте насыщенные объектами фото с пустыми цветовыми фонами, профессиональные фото с графикой, белое с черным, сложное с простым. Только соединяя контрастные изображения вы получите что-то очень стильное.


8. Делайте ваш коллаж простым, а сложным он получится сам в процессе доработок!

9. Закончив вашу работу в фотошопе, сохраняйте ваш коллаж в формате psd (в слоях), и в jpg в максимально высоком качестве! PSD вам пригодится позже, чтобы подвигать слои и создать что-то новое, а jpg вы можете размещать в соцсетях!

10. Не забудьте сохранять ваши работы в отдельную папку на компьютере! Они вам еще сто раз пригодятся, чтобы создать что-то подобное в таком же размере или чтобы взять оттуда какие-то удачно найденные элементы.