Как делать красивые – 10 советов, как сделать крутую фотографию на смартфон

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

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

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

Фотографии, сделанные на телефон

Вот несколько советов от создателя нескольких оригинальных фильтров в Instagram, Коул Райз (Cole Rise):

1. Узнайте больше о возможностях вашего телефона

© Maridav

Не очень важно iPhone у вас или смартфон на Android, вам стоит лучше «познакомиться» с ним и его камерой. Нажмите на кнопку «Настройки» и просмотрите все опции камеры.

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

Если вы сделаете несколько одинаковых фотографии, но с разной экспозицией, то HDR мгновенно соединит все варианты в один. В результате вы получите улучшенную фотографию: яркие места станут ярче, темные – темнее, а мелочи, которые вы не замечали, внезапно появятся.

2. Постарайтесь подумать вне фотографии

© RossHelen / Getty Images

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

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

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

Читайте также: Простая хитрость, как лучше всего выглядеть на фотографиях селфи

Программа для фотографий на телефон

3. Используйте правильные приложения

© nicomenijes / Getty Images

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

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

Если вы хотите подняться на уровень выше, то можете воспользоваться такими приложениями, как VSCO, Snapseed, которые позволят превратить ваши фотографии в маленькие произведения искусства. Кроме этого есть и такие хорошие приложения, как Pudding Camera, CameraMX, Photosynth, Slow shutter cam, Pro HDR, Camera+, Pixlr Express, Photoshop Express, SnapSeed,Touch retouch, Afterlight.

4. Идите против правил

© Leung Cho Pan

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

«Мне нравится злоупотреблять инструментами. Думаю, что одна из дорог к успеху лежит через ошибочное использование некоторых вещей», — говорит Райз. Он считает, что стоит быть как можно более креативным.

Читайте также: Это НЕ фотография: картины 12-и лучших художников-гиперреалистов

Фотографии со смартфона

5. Ищите необычные ракурсы

© zhangxiaomin / Getty Images

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

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

Главное смотреть на мир по-другому.

6. Не стоит перебарщивать с фильтрами

© THPStock

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

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

«Фотографию не нужно глушить, ее нужно украшать», — говорит Райз. «Уровень интенсивности того или иного фильтра можно довести до минимума так, что его использование будет почти незаметным», — добавил он.

Сам Райз говорит, что в редактировании фотографии он начинает с того, что все эффекты он уменьшает на 50%, чтобы посмотреть, как выглядит фотография. После этого он начинает над ней работать.

7. Делитесь фотографиями дозировано

© boygovideo / Getty Images

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

Чтобы фотография не затерялась среди множества других изображений, а также, чтобы она не затонула в море спама, достаточно публиковать по 1 или 2 фотографий в день.

Выбирайте самые лучшие фотографии.

Читайте также: Первые шаги в фотографии

Красивые фото на телефон

Вот еще несколько полезных советов:

После того, как вы отредактировали изображение, все настройки поставьте на 50%

© Gagliardi Photography

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

Чтобы можно было в Instagram контролировать интенсивность фильтров, нажмите на один фильтр, а потом нажмите на него ещё раз.

Важно: старайтесь не использовать функцию LUX в Instagram, так как она призвана исправить недостаток контраста, а это в свою очередь делает изображение менее естественным.

Оригинальную фотографию можно сделать из окна автомобиля

© Leung Cho Pan

Запустите серийную съемку. На iPhone для этого нужно просто зажать кнопку спуска и держать ее, а на Android смартфонах просто активируйте в настройках эту функцию (Burst Mode или Burst Shot). Также можно использовать такое приложение, как Slow Shutter Cam, которое создает эффект размытости.

© Leung Cho Pan

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

Если вы желаете акцентировать внимание на чем-то одном, опуститесь ближе к земле

© iSailorr / Getty Images

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

Хорошая фотография может получиться при плохой погоде

© magann / Getty Images

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

Сделайте несколько одинаковых фотографий и выберите самую удачную

© badahos / Getty Images

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

Как правильно фотографировать на телефон

Вспышкой на телефоне пользуйтесь аккуратно

© Sergey Granev / Getty Images

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

Попробуйте фотографировать через отпечаток пальца

© Frank Kuschmierz / Getty Images

Отпечаток пальца может немного размыть определенную часть картинки, и именно такой эффект может понравиться фотографу. Порой вы можете даже не заметить, что на камере смартфона остался отпечаток пальца и сделать фотографию. Приглядитесь – может среди сделанных вами фотографий найдется та, в которой отпечаток выглядит «в тему». Можно сделать отпечаток специально для определенной съемки.

www.infoniac.ru

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

Поделиться статьёй:

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

Содержание статьи:

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

Как подготовиться к фотосессии?

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

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

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

Способы сфотографировать саму себя

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

Веб-камера

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

Фронтальная камера смартфона

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

Фотоаппарат

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

Воспользуйтесь фотокамерой с режимом отсрочки съемки (таймером) и установите ее на треногу в таком положении, чтобы нужная вам часть изображения попала в кадр. Это могут быть как фото в полный рост, так и портретные снимки. Выберете необходимое количество секунд, за которое вы сможете дойти до места съемки, и нажмите на кнопку спуска затвора — у вас будет немного времени, чтобы принять нужную позу. На более продвинутых камерах есть возможность выполнять эту манипуляцию с пультом дистанционного управления, так что не придется бегать от камеры к точке съемки.

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

С использованием зеркала

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

Фотоавтомат

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

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

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

Секреты удачного фотографирования самой себя

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

Сила ракурса

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

Есть ряд универсальных правил подбора ракурса, соблюдать которые следует каждому:

• не держите фотокамеру под собой, дабы избежать появления второго подбородка и уменьшения вашего роста;
• поднимите фотоаппарат чуть выше уровня глаз: это визуально вытянет вас и сделает стройнее, а также выигрышно выделит глаза;
• не фотографируйте в анфас, иначе лицо будет выглядеть квадратным, а нос увеличится в размерах;
• идеальный угол поворота головы — 30-45 градусов в сторону. За счет него выделяются скулы и линии подбородка и шеи;
• старайтесь придумать как можно больше ракурсов — от 10 до 20. Только так вероятность найти удачный будет высокой.

Настройка освещения

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

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

Обращайте внимание на то, как меняется цвет вашего лица в зависимости от цвета ламп — иногда эффект получается не слишком естественным.

Использование обработки и фильтров

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

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

Поделиться статьёй:

top100photo.ru

Разработка красивого веб-сайта с нуля. Как создать веб-сайт

Доброго времени суток, уважаемые читатели блога http://www.webformyself.com

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

Автором данной статьи является Marko Prljic.

Поехали…

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

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Автор: Marko Prljic

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

Привет, меня зовут Марко, я веб-дизайнер из чудесной страны Хорватии. Я разрабатываю амбициозные, классно выглядящие, современные сайты. Также я пишу статьи для 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

Далее выберите инструмент «Прямоугольник» (Rectangle) и нарисуйте прямоугольник по всей ширине холста и высотой примерно 80px. Залейте его цветом #dddddd.

Шаг 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» и светло-серую кнопку «Go». Выглядеть это должно так.

К этому моменту у нас уже много слоев и необходимо их немного упорядочить. Для этого мы создадим новую Папку слоев и назовем ее «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, чтобы получилось красивое затененное отражение оригинального изображения. Повторите этот же шаг для второго изображения.

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Сейчас, чтобы сделать оба изображения немного выступающими, создайте новый слой и установите для него режим «Перекрытие» (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, и наложите на него легкий эффект отбрасывания тени.

Далее сделайте дубликат слоя и поверните его на несколько градусов с помощью инструмента «Свободное трансформирование» (Free Transform). Повторите этот шаг еще раз.

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

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

Шаг 26

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

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

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

Шаг 27

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

Далее рисуем еще один прямоугольник, светлее и меньше предыдущего на 10px с каждой стороны. У него также должна быть светло-серая рамка толщиной 1px.

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

Шаг 28

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

Шаг 29

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

Шаг 30

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

Шаг 31

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

Шаг 32

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

Шаг 33

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

Шаг 34

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

Дизайн

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

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

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

Автор: Marko Prljic

Источник:http://net.tutsplus.com/

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

E-mail:[email protected]

Проект webformyself.com — Как создать свой сайт. Основы самостоятельного сайтостроения

Практический курс по верстке адаптивного сайта с нуля!

Изучите курс и узнайте, как верстать современные сайты на HTML5 и CSS3

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

webformyself.com

Как делать красивые фото для Instagram

Запомните базовые правила

— 1 —

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

— 2 —

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

— 3 —

Используйте горизонтальный формат съёмки, если только обстоятельства не требуют обратного. Люди часто забывают поворачивать смартфон и снимают в портретном режиме, из-за чего фотографии выглядят обрезанными полосками. Для самых забывчивых есть даже специальная программ Horizon Camera, которая выравнивает горизонт.

Цена: Бесплатно

Цена: Бесплатно

— 4 —

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

— 5 —

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

— 6 —

Подпишитесь на известных фотографов. Пусть они вдохновляют вас и служат хорошим примером. Так, обратите внимание на работы brahmino, thiswildidea, mikekus или natgeo.

— 7 —

Снимайте много и усердно — только так сможете разбудить в себе фотографа. Но не забивайте личный Instagram всеми кадрами подряд. Выбирайте лучшие.

Используйте все возможности телефона

— 1 —

Кадрируйте снимки, обрезайте лишние детали, которые портят фотографии.

— 2 —

Стилизуйте фото с помощью встроенных фильтров, но выбирайте их с умом.

— 3 —

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

— 4 —

Используйте дополнительные программы и сервисы, которые расширяют возможности Instagram. К примеру, создавайте оригинальные коллажи в Layout или обрабатывайте готовые снимки в редакторе Snapseed.

Цена: Бесплатно

Цена: Бесплатно

— 5 —

Используйте сетку в настройках вашей камеры, чтобы выстраивать композицию по правилу третей.

— 6 —

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

Пробуйте разные идеи, ракурсы, сюжеты

— 1 —

Избегайте клише: кошки, еда, однотипные селфи… Для вас слишком банально, не так ли? Но если уж решите сделать автопортрет, то используйте научные трюки.

— 2 —

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

— 3 —

Постоянно ищите новые сюжеты. Старайтесь наполнять снимки художественной ценностью, креативностью, юмором, в конце концов.

— 4 —

Фиксируйте не только картинку, но и чувства, старайтесь передать настроение.

— 5 —

Экспериментируйте с ракурсами.

— 6 —

Обращайте внимание на мелкие детали, смотрите вокруг. Например, следите за силуэтами, бликами и тенями.

Читайте также

lifehacker.ru