Сделать красивую – Как сделать красивую презентацию без PowerPoint? 15 лучших сервисов для создания презентаций

Содержание

20 крутых вещей, которые легко сделать своими руками

Ребята, мы вкладываем душу в AdMe.ru. Cпасибо за то,
что открываете эту красоту. Спасибо за вдохновение и мурашки.
Присоединяйтесь к нам в Facebook и ВКонтакте

Для того чтобы сделать что-нибудь интересное, не нужно много времени. В этой статье AdMe.ru собрал 20 красивых вещей, которые вы легко можете сделать у себя дома максимум за час.

Все просто: ваша фантазия и пара подручных средств способны творить чудеса.

Универсальный зажим для ваших наушников

Чтобы украсить старые свечи, можно использовать алюминиевый скотч

Отличный вариант для вечеринки или дня рождения.

Превратите толстовку в произведение искусства — разукрасьте ее обычной акварелью

А вот так из страз можно сделать себе новый красивый браслет

20 крутых вещей, которые легко сделать своими руками

На тот случай, если вы не знаете, что подарить: можно сделать блокнот в кожаном переплете

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

20 крутых вещей, которые легко сделать своими руками

Как сделать дизайн сайта

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

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

  • Чему посвящен сайт?
  • Какие задачи должен решать?
  • Как планируется продвигать сайт?
  • Какая у сайта должна быть структура?
  • Какой контент планируется размещать?
  • Есть ли у клиента готовый брендбук?

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

Каким бы странным, длинным и подробным он вам ни показался, заполнение брифа — один из важнейших этапов создания сайта, так как поможет понять и специфику, и сложность проекта. В сети можно найти десятки брифов на создание сайтов, но я рекомендую бриф от Creative People.

Пример заполнения брифаПример заполнения брифаПример заполнения брифа

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

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

Яркий пример Landing Page — вся основная информация на одной странице

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

Сайты банков — классический пример корпоративных сайтов

Эти сайты знакомы каждому из вас: AliExpress, OZON, «М.Видео» и десятки других аналогичных сайтов. Главный вызов дизайнеру здесь — в количестве информации и товаров, а также проектировании страницы заказа.

OZON.ru — один из самых популярных интернет-магазинов России

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

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

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

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

Если вы новичок в дизайне, делать это самому — сомнительное решение. Лучше всего найти примеры сайтов, которые вам нравятся, и перенять некоторые идеи. Только не перерисовывайте понравившийся сайт от шапки до футера — это уже откровенный плагиат. Рекомендуем сделать подборку из пары десятков (и больше) сайтов смежных тематик, оформление которых вам понравилось, и приглядеться к деталям, разобрав макеты на составные части.

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

Без подбора референсов не обходится ни один проект

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

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

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

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

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

Подойдет в том случае, если вы используете продукты компании Apple, так как программа пока доступна лишь для iOS.

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

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

Рассмотренные в статье принципы — первый шаг на пути становления дизайнера. Если вы действительно заинтересованы в создании классных продуктов, вам предстоит открыть для себя еще очень много нового и интересного. Начать можно с наших вебинаров, а стать настоящим профессионалом — с помощью годового курса «Веб-дизайн с 0 до PRO».

Курс «Веб-дизайн с 0 до PRO»

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Дизайн онлайн бесплатно. Как сделать красивый дизайн без дизайнера? 6 крутых сайтов

Рассказываю, как сделать дизайн онлайн бесплатно. В том числе, вы узнаете про дизайн Инстаграм и другие соцсети. А также о 6 крутых сайтах, которые помогут сделать красивый дизайн даже новичку. Ничего не понимаете в дизайне? Тогда этот пост для Вас.

дизайн онлайн бесплатноPhoto by: @arsstonedesign

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

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

А сегодня ловите САЙТЫ для случаев, когда срочно нужно сделать красиво, но некому!

Бесплатный дизайн! Как раз это вам и нужно.

Угадала?

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

Короче, если вы задаётесь вопросом, как сделать дизайн Инстаграм, тогда вы попали по адресу. Читаем и действуем!

Кстати, дизайн-онлайн с помощью этих сайтов можно делать не только для Инстаграм, но и для Ютуб, Вконтакте и вообще для чего угодно, хоть на продажу.

Как и где заработать дизайнеру, читайте здесь>>>

Итак,

Дизайн онлайн бесплатно. Делаем красиво без дизайнера!
CANVA

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

бесплатно дизайн онлайн

Навыки и какие-то специальные знания не требуются. Здесь собраны шаблоны, выбираешь любой, пишешь свой текст, вставляешь свои фотки, скачиваешь. Есть обложки для Вконтакте, фейсбук, ютуб, постеры и т.д. Да чего здесь только нет. Есть всё! Бесплатно и выбор радует.

CRELLO

бесплатно дизайн онлайн

Много общего с предыдущим сервисом. Он такой же простой и бесплатный онлайн-редактор изображений. Можно создать собственный дизайн — публикации, обложки, графику и плакаты и т.п., и даже анимацию. Шаблоны в помощь.

SUPA

Шикарный онлайн-видеоконструктор для рекламных роликов, видео для постов, можно делать надписи на фото, доступны живые фото и крутые сторис-анимированные!

supa

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

Среди шаблонов есть даже отдельные заготовки для мемов, Хэллоуина и цитат. На SUPA предусмотрено все, вплоть до stories-формата.

В бесплатной версии будет логотип, но эта проблема решаема в любом из приложений для монтажа видео. Про приложения у меня отдельный полезный пост есть здесь >>>

В общем, в SUPA бесплатно можно создать короткие, привлекающие внимание видео для соцсетей.

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

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

ВЫБЕРИ, НА ЧЕМ ХОЧЕШЬ ЗАРАБАТЫВАТЬ ОНЛАЙН?

supa supa supa

 
 
PIXLR

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

supa

PREZI

Сайт для создания презентаций, круче, чем PowerPoint.

В Prezi слайды расположены по всему экрану — так, что видно сразу всю раскладку. Более того, в Prezi можно поместить маленькую Вселенную — и зашивать один слайд в другой, бесконечно увеличивая любой из элементов картинки.

supasupa

Еще плюсы: десятки шаблонов, анимированные переходы, оффлайн-доступ — и все бесплатно. Вам нужен тариф Basic — именно он и будет бесплатный.

POWTOON

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

Можно пользоваться библиотекой сервиса, персонажами, фонами, видео или загрузить свои. Бесплатно, легко и прикольно.

supa

Итак, небольшое резюме!

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

Когда дизайн нужен здесь и сейчас, вышеуказанные сайты здорово выручают. Пользуйтесь во благо!

Поблагодарите меня, сделайте репост в соцсетях с активной ссылкой на мой блог selftrue.ru

БЛАГОДАРЮ!

P.S.

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

Про делегирование читайте здесь>>>
Это поможет сразу определиться, нужно ли вам это и что можно делегировать.

А тем, кто ищет подработку, советую заглянуть сюда>>>

Что вообще такое ДЕЛЕГИРОВАНИЕ?

Это когда часть какой-то работы вы отдаете на выполнение другому человеку.

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

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

Во втором случае – делегируете и сохраняете свое время на более важные для себя задачи, нет переутомления, нервных срывов и с настроением все в порядке. 

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

Что делать, чтобы не перегореть? Делегировать!

Самое главное, это определиться, что вы готовы делегировать и для достижения каких целей вы это делаете.

Удачи!

Полезные ссылки:

Как и где создать сайт на Вордпресс?

Как быстро восстановить силы и энергию. 15 способов!

Тренируем память, внимание и мышление, держим мозг в тонусе! 

Почитать еще:

Как сделать красивую снежинку :: Инфониак

Как сделать красивую снежинкуПолезные советы

Готовясь к Новому году, многие из нас любят делать новогодние поделки, и, наверно, самой популярной из них является снежинка из бумаги.

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

В этой статье вы узнаете, как делать красивые снежинки, и как создавать различные новогодние поделки из этих снежинок.

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


Схема красивой снежинки из бумаги

Вам предлагается детальная инструкция по созданию стандартной снежинки.

1-12.jpg

Если какие-то шаги вам будут непонятны, ниже вы сможете найти видеоинструкцию.

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

Вот как это делается:

1-1.jpg 1-2.jpg

2. Треугольник, который у вас получился нужно согнуть пополам и положить вершиной вверх.

1-3.jpg 1-4.jpg

3. Возьмите левый край треугольника и потяните его чуть дальше середины.

После этого потяните нахлестом правый край.

* Можно начать сгибать сначала правый край, а потом левый.

* Главное, чтобы края не выступали друг за друга.

1-5.jpg 1-6.jpg

4. Переверните заготовку и обрежьте нижнюю часть по уровню полоски, которая у вас получилась (см. картинку).

1-7.jpg 1-8.jpg

5. Осталось нарисовать узор вы вырезать по контуру. Вот несколько примеров:

1-9.jpg 1-10.jpg

Читайте также: Поделки на Новый Год СОБАКИ 2018 своими руками

1-11.jpg

1-13.jpg

Видео-инструкция:


Еще один вариант:


Красивая объемная снежинка из бумаги

2.jpg

Вам понадобится:

— бумага (белая или цветная)

— линейка

— карандаш

— ножницы

— клей.

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

2-1.jpg

2. Полученный треугольник согните еще раз пополам.

2-2.jpg

3. Вырежьте лепестки из первой и второй заготовки.

2-3.jpg

2-4.jpg

4. Раскройте заготовку.

2-5.jpg

5. Средние лепестки приклейте к середине.

2-6.jpg

6. Повторите то же самое со второй заготовкой.

2-7.jpg

7. Склейте заготовки между собой.

2-9.jpg

Такими снежинками можно украсить стену или окна.

Читайте также: Новогодние поделки своими руками

Вырезания красивых снежинок из бумаги

Гирлянда из снежинок

 3.jpg

3-1.jpg

3-2.jpg

3-3.jpg

3-4.jpg

3-5.jpg

3-6.jpg

Читайте также: Как сделать новогоднюю елку своими руками

3-8.jpg

Подвесная конструкция из снежинок

Вам понадобится:

— нить для вязания

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

— пяльцы.

* Один конец нити приклейте к снежинке, а другой к пяльцам. Повторите этот шаг с другими снежинками, варьируя длину нити.

4.jpg

4-1.jpg

Вот еще один вариант:

5.jpg

Схемы красивых снежинок из бумажных пакетов

6.jpg

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

Также вам понадобится клей-карандаш.

1. Намажьте клей на нижнюю часть пакета и приклейте к ней другой пакет. Повторите то же самое с несколькими пакетами.

2. Вырежьте желаемый простой узор в верхней части склеенных пакетов.

3. Расправьте пакеты и склейте первый и последний, чтобы получить снежинку.

Видео-инструкция:


Как вырезать красивые снежинки в виде снеговиков

7.jpg

7-3.jpg

7-1.JPG 7-2.JPG

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

8.jpg

Вам понадобится:

— цветные рекламные буклеты

— ножницы

— дырокол

— клей

— немного пенопласта или поролона.

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

1. Для начала сделайте две снежинки одного размера, но разных цветов. В данном примере диаметр каждой снежинки 7,5 см.

* Одну снежинку лучше выровнять, а вторую оставить как есть.

8-1.jpg

2. Приготовьте пенопласт или поролон и вырежьте небольшой кружок. В данном примере его диаметр — 10 мм. Внутри кружка степлером сделайте отверстие. У вас останется маленький кружок после использования степлера – сохраните его.

8-2.jpg

3. Приклейте кружок пенопласта к центру ровной снежинки, а маленький оставшийся кусочек в центр не разглаженной снежинки.

8-3.jpg

4. На противоположную сторону не разглаженной снежинки нанесите клей, и приклейте её к ровной снежинке. Немного нажмите на снежинку, чтобы она чуть «провалилась» в кольцо из пенопласта.

* Сделайте несколько таких снежинок, чтобы украсить дом и елку.

8-4.jpg

8-5.jpg

8-6.jpg

Снежинки-медальоны простые и красивые

9.jpg

Вам понадобится:

— белая бумага

— ножницы

— степлер

— карандаш.

1. Возьмите лист бумаги формата А4 и разрежьте его вдоль пополам.

9-1.jpg

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

9-4.jpg

3. Закрепите гармошку посередине степлером или нитью.

4. Нарисуйте сбоку гармошки простой узор и вырежьте по контуру (см. изображение).

9-4-1.jpg

5. Разогните вашу заготовку и склейте её концы, чтобы получилась красивая снежинка.

9-4-2.jpg

Вот еще несколько картинок:

9-2.jpg

9-3.jpg

Красивые снежинки из старых газет своими руками

10.jpg

Вам понадобится:

— газеты

— ножницы

— акриловая краска.

1. Разверните газету и положите ее на стол или другую рабочую поверхность.

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

10-1.jpg

3. Сделайте квадрат. Согните угол, сделав равнобедренный треугольник, и отрежьте лишнюю часть.

10-2.jpg

4. Складываем газету так, как показано на изображении (в первых пунктах мы более детально объяснили, как складывать бумагу, чтобы вырезать из нее снежинку).

10-3.jpg

10-3-1.jpg

5. Нарисуйте узоры, по контурам которых вы будете вырезать.

10-4.jpg

6. Разверните вашу снежинку и повесьте, где вам больше нравится.

10-5.jpg

10-6.jpg

Огромные простые и красивые снежинки (схема)

11.jpg

Вам понадобится:

— 6 листов бумаги для 1 снежинки

— степлер

— ножницы.

1. Сделайте из прямоугольной бумаги квадрат.

2. Согните квадрат пополам по диагонали, чтобы получить треугольник.

11-1.jpg

3. Сложите треугольник пополам.

11-2.jpg

4. Приготовьте ножницы, чтобы сделать 4 диагональных надреза. Расстояние между нарезами 1-1,5 см. Главное сделать надрезы там, где соприкасаются стороны сложенного треугольника.

11-3.jpg

5. Раскройте ваш треугольник и степлером скрепите две стороны по центру (см. изображение).

11-4.jpg

6. Переверните заготовку и скрепите следующие противоположные стороны.

Продолжайте, пока все стороны не будут скреплены.

Вот, как должна выглядеть одна из шести деталей:

11-5.jpg

7. Сделайте ещё 5 таких деталей и потом степлером скрепите их все в одну большую снежинку. Желательно скрепить отдельно группу из 3-х деталей, потом вторую группу из 3-х деталей. После этого соедините обе группы в одну снежинку.

11-6.jpg

11-7.jpg

Как вырезать красивую перистую снежинку из бумаги

12.jpg

Сложите заготовку так, как обычно складывают бумагу для создания снежинки.

Вот инструкция:

12-1.jpg  

Нарежьте на заготовке бахрому и расправьте её, чтобы получить красивую пушистую снежинку.

Видео-инструкция:


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

как создать сайт

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

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

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

Поехали…

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

как создать сайт

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

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

как создать сайт

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться

как создать сайт

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

как создать сайт

Как создать сайт самому?

Какие технологии и знания необходимы сегодня, чтобы создавать сайты самостоятельно? Узнайте на интенсиве!

Зарегистрироваться как создать сайт

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

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

Смотреть

Красивый дизайн сайта: правила и ошибки создания

Красивый дизайн сайта

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

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

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

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

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

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

Как сделать красивый дизайн сайту для друга

Приведу пару пунктов, на которые надо обращать внимание при создании красивого сайта:

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

2) Сделайте сайт простым в использовании, никаких замудреных меню быть не должно.

3) Подберите красивое сочетание цветов на сайте, постарайтесь добиться максимального баланса.

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

5) По возможности я вам советую отдать предпочтение только одному шрифту.

6) Не перегружайте страницы сайта большим количеством баннерной рекламы, это вызовет захламленность сайта. Ставьте примерно 1 или 2 баннера, но не больше.

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

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

Ошибки в дизайне сайтов

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

Ошибки в дизайне сайтов

Запомните главные ошибки, которые допускают начинающие веб-дизайнеры:

1. Яркий фон, отвлекающий от содержимого сайта.

2. Несочетаемые цвета в оформлении страницы.

3. Фреймы, так как они порождают массу неудобств для пользователя. К примеру, такую страницу нельзя добавить в закладки.

4. Фиксированная ширина страницы.

5. Наличие горизонтальной прокрутки страницы.

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

7. Flash-Анимация, которая не только отвлекает от основного содержимого, но и мешает при ознакомлении с сайтом.

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

9. Открытие ссылок и разделов меню в новом окне.

10. Обилие баннеров и рекламных блоков. Они должны использоваться в меру.

11. Внезапно всплывающие окна с рекламой или любой другой информацией.

12. Автоматически проигрываемые медиафайлы, особенно, если пользователь не имеет возможности остановить проигрывание файла.

13. Наличие на странице пустого, незаполненного пространства. Это касается верхней части сайта, пустых боковых колонок.

14. Отсутствие каких-либо картинок. В частности, в шапке сайте.

15. Наличие анимационных изображений.

16. Обилие картинок и фотографий на сайте.

17. Слишком «тяжелые» изображения, которые долго загружаются.

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

19. Отсутствие поиска по сайту.

20. Отсутствие контактной информации, формы связи с владельцами или администраторами сайта.

21. Неправильно оформленная страница ошибки.

22. Расположение элементов сайта в необычных местах. К примеру, форма для регистрации на сайте всегда располагается в верхней части страницы.

23. Ошибки в меню, контактной информации.

24. Отсутствие кнопок «Назад», «На главную» на страницах сайта.

25. Сложный для прочтения шрифт на кнопках или в меню сайта.

26. Использование нестандартных шрифтов, которые отображаются не на всех компьютерах.

27. Разнообразные типы, размеры и цвета шрифтов, используемые в оформлении страницы. В дизайне следует использовать не более 5 вариантов шрифта.

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

Как сделать красивые картинки?

25

Как сделать красивые картинки? Конечно, в редакторе Canva!

Работа с изображениями – очень важный навык для всех, кто работает в интернете. Если у вас есть свой сайт, или вы ведете группы и сообщества в социальных сетях, рано или поздно вы задаетесь вопросом: “Как сделать красивые картинки”? Этот вопрос имеет особую остроту, если вы не имеете художественного образования, не умеете работать с цветом, не учились профессии дизайнера, и всегда с вожделением смотрели на тех, кто все это умеет делать.

Как сделать красивые картинки

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

Графический редактора Canva

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

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

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

canva - рабочая панель

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

В разделе “Поиск” вы найдете огромное количество стрелок, линий, рамок, баннеров, форм для того, чтобы самостоятельно конструировать собственный дизайн.

В разделе “Макеты”  можно найти конструкцию будущей картинки.

Раздел “Text” отвечает за добавление текстовых блоков, причем вы можете перенести в свой проект как «голые» текстовые поля, так и красиво оформленные заготовки.

Раздел Bcground” позволяет изменить фон, выбрав его из десятков и сотен заливок, паттернов и картинок.

canva-инструменты

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

Для новеньких есть видеоуроки!

Для того, чтобы те, кто первый раз на этом сайте, быстрее освоились, Canva предлагает серию коротких обучающих видеоуроков, которые расставят все по своим местам. Видеоуроки находятся на этой странице: [urlspan]http://support.canva.com/hc/en-us[/urlspan], и вот один из них:

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

canva - коллекция картинок

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

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

[message type=”info”]Тем не менее, несмотря на эти недоразумения, в целом, онлайн-редактор меня устраивает, и я с удовольствием им пользуюсь.[/message]

Огромный выбор рамок, форм, иконок, веб-каркасов, стрелок и линий, макетов (шаблонов), баннеров позволит вам, пользуясь бесплатным доступом, нарисовать невероятное множество разных картинок, и более того,  успеть порадовать своих друзей неповторимыми новогодними открытками.

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

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

canva- сохранение изображения

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

Будущее дизайна меняется уже сегодня. Забронируйте себе место на Canva сейчас!  Желающие в комментариях напишите свой email. Только имейте ввиду, что приглашение вам придет в течение нескольких дней. Придется немного подождать))) Зато вопрос “Как сделать красивые картинки” у вас будет решен. Желаю вам творческого вдохновения!

♦ Примечание! Друзья, сейчас вы можете самостоятельно регистрироваться в графическом редакторе Canva без моего участия. Все работает просто отлично! Это мой любимый инструмент для создания красивых изображений. 09.01.2016 г.

Но команду партнеров я продолжаю набирать. Напоминаю, что для создания команды мне нужны Ваше согласие, желание и email. Как только в команде будет 10 человек, то я (а вы также можете воспользоваться такой возможностью после регистрации) получу от сервиса Canva чудесные “плюшки”. Какие – не скажу, узнаете сами.


P.S. Кстати, если вы мечтаете стать профессиональным дизайном, то этому можно научиться в Школе Дизайна Юлии Первушиной. Даже если вы совсем не дизайнер и не умеете рисовать, но есть большое желание получить высокооплачиваемую интернет-профессию, то записаться можно здесь:

Школа вебдизайна Юлии Первушиной


[message type="warning"
]"Успевайте больше за меньшее время вместе с 

«Копилкой эффективных советов»

[/message]

Отправить ответ

avatar
  Подписаться  
Уведомление о

Следующая запись

Скандинавские блоггеры – 7 скандинавских fashion-блогеров, за которыми стоит следить в Instagram — FASHION & LIFE Женский журнал

Сб Мар 7 , 2020
Содержание Cамые популярные блогеры из СкандинавииДевочка с Севера: как и почему девушки из Скандинавии победили француженокПро чувство снегаКрасота, как она есть9 модных трендов среди блогеров Скандинавии: фото и образы1. Интересные силуэты, необычная обувь2. Многослойность и оверсайз3. Широкие брюки4. Модные джинсы5. Пестрые платья6. Модные сумки7. Платок8. Солнцезащитные очки9. Футболки с надписями, […]