Мастер-класс Создание визитки. Просто, быстро, красиво!

Создание визитки. Просто, быстро, красиво!

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

Вот я и решила, что пора!

А для себя определилась, что хочу сама придумать и сделать макет, так чтобы его потом осталось только отдать в копицентр на печать))

Отмечу, что МК скорее для совсем новичков в области создания визиток! )

Итак, после порхождения МК, вам останется только отправить макет в копицентр на печать!)

Adobe Photoshop , у меня CS5.1,

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

Приступим?)

1) Запускаем Фотошоп. Сначала нам необходимо создать файл нужного размера. Файл -> Создать.

Стандартный размер визитки 9 * 5 см. Но для учета обрезных отступов создадим файл размером 94 * 54 мм. А также необходимо установить разрешение 300 пикс/дюйм.

Вот такое рабочее пространство у нас получилось:

2) Теперь открываем нашу фотографию работы!

Я просто перетаскиваю её из папочки на наш белый созданный листик — будущую визитку!)

И растягиваю её за края так, чтобы все было пропорционально) У меня фотография выходит за края, это не страшно!)

3) Установим направляющие , так как показано на рисунке:

Переходим в меню «Просмотр»-> «Новая направляющая».

Установим сначала вертикальные направляющие: 0 см; 9,4 см; 0,2 см; 9,2 см; 0,5 см; 8,9 см

И точно также горизонтальные составляющие: 0 см; 5,4 см; 0,2 см; 5,2 см; 0,5 см; 4,9 см

Должно получиться вот так:

Самая внутрення зона — это пространство размещения информации. Там мы и будем располагать налписи)

4) Разместим название магазина, мастера и контактную информацию!

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

У меня получилось вот так:

5) Осталось сохранить проделанную работу и отправить на печать)))

Сохраняем файл в формате .PSD

Мастер класс по созданию визитки

Вот и все! Все очень быстро и по-моему довольно-таки красиво

Надеюсь вам понравилось! Если есть вопросы — смело задавайте!))))

Что в итоге мне распечатали: (цвета немного исказились при фотографировании)

Большое спасибо за такой подробный, полезный мастер-класс!

Спасибо Очень рада,что он пригодился)

Большое спасибо, Катерина . Обязательно надо попробовать

Если в процессе возникнут вопросы — обращайтесь

Спасибо за такой полезный мастер-класс! очень пригодится, однозначно в избранное))

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

А я просто поделилась своим вариантом, на мой взгляд это самый простой способ: только подобрать нужное фото и вставить надписи! Все!) Даже новичок справится, проверено

И поверьте, уже со второй визитки вам понадобиться не больше 10 минут на эту процедуру))

МК я выложила потому что считаю каждый может сделать такую визитку! Зачем тратить деньги на разработку макета, если его можно сделать самому? (кстати цена на разработку очень «хорошая») И пусть там будут какие-то косяки! Сомневаюсь, что заказчик получив визитку их заметит! (завтра выложу конечный результат — сфотографию что мне в итоге распечатали)

Спасибо большое! Обязательно пригодится!

Спасибо огромное)) Очень нужный и полезный МК!

Спасибо! Полезная информация!
Утащила в «избранное».

а моя вот так выглядит: ))))

Есть небольшое правило: не применять больше 2-х шрифтов. тем более на небольшом тексте. У Вас 3 блока и все 3 разные (

тем не менее в напечатанном виде она смотрится здорово даже с ужас, аж тремя шрифтами: )

тут такая проблема.

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

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

писать шрифтом, которым написано про украшения, ссылки, опять анриал — они становятся трудно читаемыми.

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

внимание, вопрос! чо делать.

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

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

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

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

Яна! Шикарная визитка!

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

по правилам в визитках не положено использовать более 2-х шрифтов!

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

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

10 законов грамотного логотипа

правда, Dee Jewelry на этой визитке — логотип, и в данном случае шрифтом не является по сути, но кого волнует, когда правила важнее

кстати, по тем же правилам 70% пространства визитки должен занимать текст.

Визитки бывают рекламные и именные.

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

В рекламной визитке можно полность заполнить всё пространство и раздавать всем подряд.

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

рекомендуют, девушки, — это не значит правило. не вводите людей в заблуждение.

сожжение тиража отменяется

А хвастаться то не чем)))

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

А композиция центрованная у профессионалов считается самой неудачной, её делают только если заказчик настаивает именно на ней.

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

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

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

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

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

Есть золотое сечение, его использовали и «усреднённые» великие художники ))) И есть своего рода «золотое сечение» для вёрсток текста, о нём хорошо пишет «усреднённый» Артемий Лебедев в своём блоге, почитайте — интересно. Т. Е. это не бюрократизм, а именно каноны красоты. Конечно же их можно нарушать, но как правило тогда, когда полностью изучил матчасть ))))

Если Вы расчитываете вручать визиточку творческим, то уж поверьте, они вмиг сообразять про какофонию на визитке 😉

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

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

Верю ) Это его стиль )))

Яна! Мне Ваша визитка очень-очень нравится! Кто скажет, что я не творческая личность?

Все незаурядное — это нарушение правил.

Для новичка Вы большая умница! 🙂

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

А за МК — спасибо!

Класс! спасибо!очень нужно!

И вправо подвинуть и отразить по горизонтали.

На вкус и цвет . Можно и подвинуть, кому как нравится!

А возьмут ли такой макет в печать? Я сталкивалась с тем, что визитку, сделанную в фотошопе не всегда и не везде берут.

Возьмут, я потому и делюсь с вами информацией! (Чуть позже добавлю фото, что в итоге мне распечатали )Сама долго разбиралась в требованиях к макетам! Здесь стандартный размер используется 9*5 см и стандартное разрешение 300 точек/дюйм.

На сколько знаю, стандартно берут визитки сделанные с использованием векторной (Corel Draw)и растровой графики (Photoshop).

Я работаю в типографии 7 лет.
Хорошо, что хоть про фотошоп МК выложили, а то перед этим читала МК, как сделать визитку в Ворде.
В типографии будут рады увидеть макет в кривых, если он сделан в Adobe Illustrator, In Design или Corel Draw. Текст обязательно должен быть переведён в «кривые». Цветовая модель — CMYK!
Для МЕЛКОГО Чёрного текста необходимо устанивить опцию «Overprint»
Чёрные буквы должны быть Чёрными. (С=0 M=0 Y=0 K=100%), а не делиться на 4
краски! Тонкие «волосяные» линии, раскрашенные всеми цветами радуги, тоже приводят к браку при печати!
По поводу разрешения: от 300 dpi (это приемлемо для фото и картинок)
Но т.к. у Вас присутствует мелкий текст, лучше брать 600 dpi — если будете печатать «на цифре» и 1200 dpi — для печати офсетным способом, т.е. на печатном станке большим тиражом. — это для варианта с фотошопом. Т.к. фотошоповский файл в конечном итоге будет напечатан как растровый. Отразится это только на качестве мелкого текста.
Кстати, если вы сохраняете файл со слоями .psd, то не забудьте приложить шрифты, которые Вы использовали. А то вдруг какого-то редкостного шрифта не окажется в типографии?
При макете в Adobe Illustrator, In Design или Corel Draw достаточно разрешения картинок 350 dpi, а текст — в кривых (его качество в этом случае не зависит от разрешения).
Споры поводу дизайна считаю бессмысленными. Главное, чтоб заказчику нравилось.
Наше дело лишь соблюсти все технические условия, от которых зависит качество печати.

Спасибо за такой ценный комментарий! Очень-очень пригодится эта информация

Спасибо! Это ценно!

К слову, если вы из Санкт-Петербурга. печатала вот тут http://copy.spb.ru/. Просто отправила им макет по интернету, а потом забрала визитки! И цена очень приятная, кстати

Спасибо! Обязательно воспользуюсь.

сохраняйте в формате tif

Берут, только надо обязательно уточнить размеры. Я всегда сама макет разрабатываю и только на печать отдаю в типографию.

Спасибо! Мне как раз нужно!

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

Здорово! Фон сложный такой ))

Цвет при печати ушел потому, что Вы используете цветовую модель RGB (это для монитора цветовая модель), а печатается в модели CMYK, о чем здесь даже не упомянули. Указали размер — правильно! Указали разрешение — 300 dpi — просто умница! Но маленькая оказия, смотрите, там стоит модель RGB, а нужно поставить CMYK. Удачи!

Спасибо! Очень много полезной информации услышала)

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

Но я понимаю , что суть М.К не в композиции , а в самом процессе создания ! Спасибо большое за сам М.К ., пригодиться !

Однозначно игрушку влево )

и желательно, периодически уменьшать картинку до реального размера, чтобы видеть «читаемость» текста

Спасибо будем эксперементировать!

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

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

Спасибо, очень полезно!

Пугин Дмитрий Владимирович — это просто замечательно. Отличное чувство юмора)))

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

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

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

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

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

Согласна с Маргаритой на все сто.

Я ведать совсем НОВИЧОК у меня ничего не получилось! Фото не вставляется и какего растинуть?

перетаскиванием не получается? просто перетащите из папочки,где фото лежит, на созданный лист) За края просто растягивается, либо «Редактирование» — «Трансформирование»- «Масштабирование»

В Фотошопе нажимаете Ctrl + T (зажимаете сначала Ctrl, а потом нажимате на латинскую «Т») — это сочетание клавиш для того, чтобы трансформировать. Появится рамочка с квадратиками по углам и центрам. Тяните за квадратики! Все! Потом либо Enter нажимайте, либо двойным шелчком на самой рамке. 🙂

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

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

Бесплатные шаблоны визиток. Как сделать визитку. Работа с шаблонами в Crello.

Утром, мне показалось, что так будет лучше

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

А критика бывает полезной ))

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

1.Огромно, пустое, неинформативное пространство, захотелось подвинуть картинку.

2. Два, не связанных между собой блока — первый «капитан Кэт авторские игрушки» и второй — контакты и чья-то скромная фамилия. Если бы такая визитка попала бы ко мне в руки, то я бы решила, что существует некий брэнд, или магазин с названием «Capitan Kat», в котором продаются авторские игрушки, а Лукоянова Екатерина, наверное, менеджер по продажам этих игрушек, но никак не создатель! Т.е. акценты расставлены не правильно! А нам ведь надо, чтобы все поняли, что Капитан Кэт — это именно вы, и именно вы создаете такие милые игрушки!

3. Не понравился шрифт с засечками

4. Обводка шрифта — привет 90-е!

5. Текст, расположенный с различным отступом от левого края, от этого визитка выглядит по крайней мере не аккуратно.

6. Маленький межстрочный интервал в контактах.

Что понравилось — Приятное цветовое сочетание.

Возможно, моя конструктивная критика будет кому-то полезна.

Можно ещё поправить.

1. Если на визитке не пишется отчество, а человек уже взрослый, то правильно писать сначала Имя, а потом Фамилию. Если с отчеством, то сначала Фамилию, а потом Имя и Отчество строкой ниже.

2. Имя и Фамилия вместе не должны быть в длину более половины длины визитки.

3. Длина адреса и телефона не более 2/5 от длины визитки

4. Для должности(профессии) необходимо использовать шрифт меньше, чем адрес.

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

так гораздо лучше!

Есть предложение фото мишки оставить на том месте, где оно есть, но отобразить зеркально. Тогда он не будет «уходить» с визитки, и композиция будет более сбалансированная.

Спасибо большое за МК!

Спасибо за критику и рекомендации! Думаю все вынесут для себя много полезной информации!

Кому было интересно, добавила в мк фото готовых визиток!)

Визитки — это дело нужное.

Пора уже и себе макет сделать

Большое спасибо! Благодаря Вашему МК сделала визитку, и осталась очень довольна!

Наталья, как здорово!)) Очень рада, что МК Вам пригодился))

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

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

Можно скачать в интернете с ключиком)Там прилагается инструкция подробная обычно) Я так делала Я пробовала еще делать в прогамме Coral Draw!

Вечер добрый. Я в фотошопе 0 без палки, решила попробовать что-то свое создать, так сказать, и уже возникла проблема на 2 п. (((. Открываю папку, перетаскивая фото на белое поле будущей визитки, и у меня получается, что поле отдельно в своем окошке, а файл с фото отдельно и, соответственно, он, как у вас, не растягивается((. Что делаю не так?

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

Спасибо за МК. Утащила в норку

Огромное спасибо. Вот что у меня получилось)

Шаблон визиток word — Лучшие шаблоны на любую тему

Шаблон визиток word
Приветствуем на нашем шаблоны сайте — более 6 тис.шаблонов на любую хотите! Вы тему найти Шаблон визиток word?
видеть Рады вас на нашем сайте где скачать можно или подписаться на сайт — более 6 шаблонов. тис на любую тему — где содержиться информация вся относительно шаблонов на любую тему!
надо Вам скачать сейчас шаблон визиток сейчас word!
Желаем каждому подписчику на этот что сайт бы с помощью готовых шаблонов изметить к свое лучшему благосостояние и соответственно личную жизнь!!
Шаблон: Название визиток word
Размер: 2307 Kb
Изображение :

Отзывы: Шаблон визитных

Word в Визитки – как создать и распечатать. Скачать визитки шаблон
Можно работать.

Сохраните этот чтобы, шаблон в

Как нарисовать кроссворд в Word :: кроссворд Сделать в ворде …
Курт всегда засматривался на руки его.

Шаблоны визиток для MS Word

Шаблон: Изображение визитных

Скачать бесплатно Шаблон карточек визитных для MS Word #2 …
Казалось, что он ими касается предметов так, как будто легчайший это шелк, или острейшее стекло – чуть-чуть, слегка.

Бесплатно самой сделать визитку.шаблоны визиток в word Завораживающе
формате…Курт неожиданно для себя Для.

покраснел чего нужны шаблоны визиток

нечасто визиток 5.17 Final

Компьютерные новости и цифровой обзор техники » Страница 7
Да, спасибо.

шаблона Word для в примерах
Ты спас труд мой.

Создание визиток по шаблону

Как визитку сделать, визитные карточки, макеты, скачать что …
Не за бесплатно.

Самый быстрый способ сделать сайт-визитку на современном фреймворке

Хочу сделать сайт-визитку с использованием современных технологий (node, mongo, angular и т. д.), но сделать это максимально быстро и просто. Сайт самый простой — одна-две страницы, можно сказать заглушка для собственного домена. Из возможностей «админки» нужно — только изредка добавлять новости и картинки. Как сделать максимально просто и быстро, не заморачиваясь и не прибегая к вордпрессу? Скажите, может есть уже такие готовые решения, чтобы не скручивать все между собой, а залил и все, сиди правь css.

Как сделать дизайн визитки самому быстро и бесплатно

Хочу сделать сайт-визитку с использованием современных технологий (node, mongo, angular и т. д.), но сделать это максимально быстро и просто.

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

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

страничка на пхп

Из возможностей «админки» нужно — только изредка добавлять новости и картинки.

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

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

  • Показать ответ
  • Ссылка

Вордпрессы/джумлы и пхп не хотет, вот пожалуй посмотрю в сторону Meteor. Денёк-два я бы все же потратил на это.

jekyll и прочие генераторы статических сайтов.

  • Показать ответ
  • Ссылка

Из возможностей «админки» нужно — только изредка добавлять новости и картинки. Как сделать максимально просто и быстро, не заморачиваясь и не прибегая к вордпрессу?

сделать всё на статическом html, очевидно же

  • Показать ответ
  • Ссылка

jekyll — это на руби, верно? Но само развертывание среды может занять много времени у неподготовленного вроде меня. Я как то пробовал учебник Хартла, но бросил его именно на развертывании, бросил и перешел на c9.io

  • Показать ответ
  • Ссылка

Хочется чтобы это выглядело красиво и современно 🙂

  • Показать ответ
  • Ссылка

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

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

  • Показать ответ
  • Ссылка

берёшь шаблон и тыришь

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

на всё про всё, но без учёта прописывание буковок в gimp и созерцания — ушло минут 10. получилась вот такая визитка: http://51t.ru

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

  • Показать ответ
  • Ссылка

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

meteor create —example

  • Показать ответы
  • Ссылка

hakyll предлагали уже?

  • Показать ответ
  • Ссылка

jekyll, но для меня это слишком сложно в плане развертывания самой среды ror

  • Показать ответ
  • Ссылка

bootstrap (сетка) пишется совсем не сложно. Строчек 10 на less (на CSS побольше будет, но там тупо повторение одного и того же для 12 классов).

Как связаны адаптивный дизайн и mongo?

Простейший информационный сайт можно попробовать и на blogger-е сделать. С некоторого времени там можно разбивать блог на отдельные странички. С кастомизацией проблем нет.

ПС: вот, кстати, нашел сайтик мужичка какого-то чисто на блоггере.

bootstrap это всё ещё статический html, не пойму о чём ты

Да что ж такое, с ентими Ъ никакого сладу, уже из толксов сюды приползли.

Любой генератор статических сайтов.

Самый быстрый способ сделать сайт-визитку

Поставить вордпресс. А лучше питон и flask. Всё что ты описал — 4 часа в базовом режиме и готово. С нуля. Ну, дизайн — это уж отдельное. Егоможно и месяц рисовать, и день, кто что хочет.

  • Показать ответ
  • Ссылка

JQuery/Angular + контент в JSON-файле. незачем плодить сущности Если уж хочется бэкенда, то nodeJS, он как-раз для визиток и подходит

А вот как на все эти фреймворки натягивается дизайн? Вот это непонятно. Например, у меня есть страница на bootstrap. Как мне ее прикрутить?

  • Показать ответ
  • Ссылка

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

  • Показать ответ
  • Ссылка

Имеется ввиду все это делается вручную, заменяется скажем index.html или же средствами фреймворка? Я просто до этого имел дело только с php.

  • Показать ответы
  • Ссылка

Там много что делается. Фреймворк разбит обычно на подмодули, один из них отвечает за view. Это html/jade/slim файл, внутри которого есть местный бэкенд код типа циклов и экранирования/рендеринга бекенд переменных. В нём ты будешь писать клиент-сайд. Вся логика будет в статичных js файлах и js-клиент фреймверке типа ангулар. Бэкенд логика для работы с бд же пишется не во view модуле, а в отдельном контроллере (controller), если это паттерн mvc. Обычно php разработчики, которые пишут без фреймверков, мешают всё в кучу и не придерживаются каких-либо паттернов, типа MVC/MVVM. Лично я советую express/backbone, либо питон и джангу/flask.

Там же статика. Гольный хытымыэль. Даже жабоскрипта ни строчки не нужно! На кой черт тебе седлать корову?

Если хочешь динамику, то да — нужно будет жабоскрипта добавить. Завести БД, в которую сваливать все. А простенький CGI будет это выплевывать.

  • Показать ответ
  • Ссылка

на всё про всё, но без учёта прописывание буковок в gimp и созерцания — ушло минут 10. получилась вот такая визитка: http://51t.ru

ну и уродство! Столько свободного места. Зачем?

И что за закорючки под «с этим можно жЫть»? Уродство!

  • Показать ответ
  • Ссылка

Ну жаба даже в статике бывает нужна, но все равно плюсую тех, кто сказал nano/gedit/notepad.

  • Показать ответ
  • Ссылка

Ты не путай жабу (ненужное дерьмище) с жабоскриптом (тоже дерьмище, но, к сожалению, без него не обойтись).

node, mongo, angular — это overkill для подобной задачи.

One more step

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 65295f887d8f2dea • Your IP : 46.175.165.20 • Performance & security by Cloudflare

Создание визитки. Просто, быстро, красиво!

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

Вот я и решила, что пора!

А для себя определилась, что хочу сама придумать и сделать макет, так чтобы его потом осталось только отдать в копицентр на печать))

Отмечу, что МК скорее для совсем новичков в области создания визиток! )

Итак, после порхождения МК, вам останется только отправить макет в копицентр на печать!)

Adobe Photoshop , у меня CS5.1,

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

Приступим?)

1) Запускаем Фотошоп. Сначала нам необходимо создать файл нужного размера. Файл -> Создать.

Стандартный размер визитки 9 * 5 см. Но для учета обрезных отступов создадим файл размером 94 * 54 мм. А также необходимо установить разрешение 300 пикс/дюйм.

Вот такое рабочее пространство у нас получилось:

2) Теперь открываем нашу фотографию работы!

Я просто перетаскиваю её из папочки на наш белый созданный листик — будущую визитку!)

И растягиваю её за края так, чтобы все было пропорционально) У меня фотография выходит за края, это не страшно!)

3) Установим направляющие , так как показано на рисунке:

Переходим в меню «Просмотр»-> «Новая направляющая».

Установим сначала вертикальные направляющие: 0 см; 9,4 см; 0,2 см; 9,2 см; 0,5 см; 8,9 см

И точно также горизонтальные составляющие: 0 см; 5,4 см; 0,2 см; 5,2 см; 0,5 см; 4,9 см

�� Как правильно оформить визитку, которая будет продавать. Визитки как правильно оформить. 12+

Должно получиться вот так:

Самая внутрення зона — это пространство размещения информации. Там мы и будем располагать налписи)

4) Разместим название магазина, мастера и контактную информацию!

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

У меня получилось вот так:

5) Осталось сохранить проделанную работу и отправить на печать)))

Сохраняем файл в формате .PSD

Вот и все! Все очень быстро и по-моему довольно-таки красиво

Надеюсь вам понравилось! Если есть вопросы — смело задавайте!))))

Что в итоге мне распечатали: (цвета немного исказились при фотографировании)

Большое спасибо за такой подробный, полезный мастер-класс!

Спасибо Очень рада,что он пригодился)

Большое спасибо, Катерина . Обязательно надо попробовать

Если в процессе возникнут вопросы — обращайтесь

Спасибо за такой полезный мастер-класс! очень пригодится, однозначно в избранное))

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

А я просто поделилась своим вариантом, на мой взгляд это самый простой способ: только подобрать нужное фото и вставить надписи! Все!) Даже новичок справится, проверено

И поверьте, уже со второй визитки вам понадобиться не больше 10 минут на эту процедуру))

МК я выложила потому что считаю каждый может сделать такую визитку! Зачем тратить деньги на разработку макета, если его можно сделать самому? (кстати цена на разработку очень «хорошая») И пусть там будут какие-то косяки! Сомневаюсь, что заказчик получив визитку их заметит! (завтра выложу конечный результат — сфотографию что мне в итоге распечатали)

Спасибо большое! Обязательно пригодится!

Спасибо огромное)) Очень нужный и полезный МК!

Спасибо! Полезная информация!
Утащила в «избранное».

а моя вот так выглядит: ))))

Есть небольшое правило: не применять больше 2-х шрифтов. тем более на небольшом тексте. У Вас 3 блока и все 3 разные (

тем не менее в напечатанном виде она смотрится здорово даже с ужас, аж тремя шрифтами: )

тут такая проблема.

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

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

писать шрифтом, которым написано про украшения, ссылки, опять анриал — они становятся трудно читаемыми.

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

внимание, вопрос! чо делать.

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

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

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

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

Яна! Шикарная визитка!

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

по правилам в визитках не положено использовать более 2-х шрифтов!

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

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

правда, Dee Jewelry на этой визитке — логотип, и в данном случае шрифтом не является по сути, но кого волнует, когда правила важнее

кстати, по тем же правилам 70% пространства визитки должен занимать текст.

Визитки бывают рекламные и именные.

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

В рекламной визитке можно полность заполнить всё пространство и раздавать всем подряд.

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

рекомендуют, девушки, — это не значит правило. не вводите людей в заблуждение.

сожжение тиража отменяется

А хвастаться то не чем)))

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

А композиция центрованная у профессионалов считается самой неудачной, её делают только если заказчик настаивает именно на ней.

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

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

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

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

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

Есть золотое сечение, его использовали и «усреднённые» великие художники ))) И есть своего рода «золотое сечение» для вёрсток текста, о нём хорошо пишет «усреднённый» Артемий Лебедев в своём блоге, почитайте — интересно. Т. Е. это не бюрократизм, а именно каноны красоты. Конечно же их можно нарушать, но как правило тогда, когда полностью изучил матчасть ))))

Если Вы расчитываете вручать визиточку творческим, то уж поверьте, они вмиг сообразять про какофонию на визитке 😉

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

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

Верю ) Это его стиль )))

Яна! Мне Ваша визитка очень-очень нравится! Кто скажет, что я не творческая личность?

Все незаурядное — это нарушение правил.

Для новичка Вы большая умница! 🙂

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

А за МК — спасибо!

Класс! спасибо!очень нужно!

И вправо подвинуть и отразить по горизонтали.

На вкус и цвет . Можно и подвинуть, кому как нравится!

А возьмут ли такой макет в печать? Я сталкивалась с тем, что визитку, сделанную в фотошопе не всегда и не везде берут.

Возьмут, я потому и делюсь с вами информацией! (Чуть позже добавлю фото, что в итоге мне распечатали )Сама долго разбиралась в требованиях к макетам! Здесь стандартный размер используется 9*5 см и стандартное разрешение 300 точек/дюйм.

На сколько знаю, стандартно берут визитки сделанные с использованием векторной (Corel Draw)и растровой графики (Photoshop).

Я работаю в типографии 7 лет.
Хорошо, что хоть про фотошоп МК выложили, а то перед этим читала МК, как сделать визитку в Ворде.
В типографии будут рады увидеть макет в кривых, если он сделан в Adobe Illustrator, In Design или Corel Draw. Текст обязательно должен быть переведён в «кривые». Цветовая модель — CMYK!
Для МЕЛКОГО Чёрного текста необходимо устанивить опцию «Overprint»
Чёрные буквы должны быть Чёрными. (С=0 M=0 Y=0 K=100%), а не делиться на 4
краски! Тонкие «волосяные» линии, раскрашенные всеми цветами радуги, тоже приводят к браку при печати!
По поводу разрешения: от 300 dpi (это приемлемо для фото и картинок)
Но т.к. у Вас присутствует мелкий текст, лучше брать 600 dpi — если будете печатать «на цифре» и 1200 dpi — для печати офсетным способом, т.е. на печатном станке большим тиражом. — это для варианта с фотошопом. Т.к. фотошоповский файл в конечном итоге будет напечатан как растровый. Отразится это только на качестве мелкого текста.
Кстати, если вы сохраняете файл со слоями .psd, то не забудьте приложить шрифты, которые Вы использовали. А то вдруг какого-то редкостного шрифта не окажется в типографии?
При макете в Adobe Illustrator, In Design или Corel Draw достаточно разрешения картинок 350 dpi, а текст — в кривых (его качество в этом случае не зависит от разрешения).
Споры поводу дизайна считаю бессмысленными. Главное, чтоб заказчику нравилось.
Наше дело лишь соблюсти все технические условия, от которых зависит качество печати.

Спасибо за такой ценный комментарий! Очень-очень пригодится эта информация

Спасибо! Это ценно!

К слову, если вы из Санкт-Петербурга. печатала вот тут http://copy.spb.ru/. Просто отправила им макет по интернету, а потом забрала визитки! И цена очень приятная, кстати

Спасибо! Обязательно воспользуюсь.

сохраняйте в формате tif

Берут, только надо обязательно уточнить размеры. Я всегда сама макет разрабатываю и только на печать отдаю в типографию.

Спасибо! Мне как раз нужно!

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

4 ошибки в дизайне визиток | Логомашина

Здорово! Фон сложный такой ))

Цвет при печати ушел потому, что Вы используете цветовую модель RGB (это для монитора цветовая модель), а печатается в модели CMYK, о чем здесь даже не упомянули. Указали размер — правильно! Указали разрешение — 300 dpi — просто умница! Но маленькая оказия, смотрите, там стоит модель RGB, а нужно поставить CMYK. Удачи!

Спасибо! Очень много полезной информации услышала)

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

Но я понимаю , что суть М.К не в композиции , а в самом процессе создания ! Спасибо большое за сам М.К ., пригодиться !

Однозначно игрушку влево )

и желательно, периодически уменьшать картинку до реального размера, чтобы видеть «читаемость» текста

Спасибо будем эксперементировать!

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

Спасибо, очень полезно!

Пугин Дмитрий Владимирович — это просто замечательно. Отличное чувство юмора)))

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

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

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

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

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

Согласна с Маргаритой на все сто.

Я ведать совсем НОВИЧОК у меня ничего не получилось! Фото не вставляется и какего растинуть?

перетаскиванием не получается? просто перетащите из папочки,где фото лежит, на созданный лист) За края просто растягивается, либо «Редактирование» — «Трансформирование»- «Масштабирование»

В Фотошопе нажимаете Ctrl + T (зажимаете сначала Ctrl, а потом нажимате на латинскую «Т») — это сочетание клавиш для того, чтобы трансформировать. Появится рамочка с квадратиками по углам и центрам. Тяните за квадратики! Все! Потом либо Enter нажимайте, либо двойным шелчком на самой рамке. 🙂

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

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

Утром, мне показалось, что так будет лучше

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

А критика бывает полезной ))

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

1.Огромно, пустое, неинформативное пространство, захотелось подвинуть картинку.

2. Два, не связанных между собой блока — первый «капитан Кэт авторские игрушки» и второй — контакты и чья-то скромная фамилия. Если бы такая визитка попала бы ко мне в руки, то я бы решила, что существует некий брэнд, или магазин с названием «Capitan Kat», в котором продаются авторские игрушки, а Лукоянова Екатерина, наверное, менеджер по продажам этих игрушек, но никак не создатель! Т.е. акценты расставлены не правильно! А нам ведь надо, чтобы все поняли, что Капитан Кэт — это именно вы, и именно вы создаете такие милые игрушки!

3. Не понравился шрифт с засечками

4. Обводка шрифта — привет 90-е!

5. Текст, расположенный с различным отступом от левого края, от этого визитка выглядит по крайней мере не аккуратно.

6. Маленький межстрочный интервал в контактах.

Что понравилось — Приятное цветовое сочетание.

Возможно, моя конструктивная критика будет кому-то полезна.

Можно ещё поправить.

1. Если на визитке не пишется отчество, а человек уже взрослый, то правильно писать сначала Имя, а потом Фамилию. Если с отчеством, то сначала Фамилию, а потом Имя и Отчество строкой ниже.

2. Имя и Фамилия вместе не должны быть в длину более половины длины визитки.

3. Длина адреса и телефона не более 2/5 от длины визитки

4. Для должности(профессии) необходимо использовать шрифт меньше, чем адрес.

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

так гораздо лучше!

Есть предложение фото мишки оставить на том месте, где оно есть, но отобразить зеркально. Тогда он не будет «уходить» с визитки, и композиция будет более сбалансированная.

Спасибо большое за МК!

Спасибо за критику и рекомендации! Думаю все вынесут для себя много полезной информации!

Кому было интересно, добавила в мк фото готовых визиток!)

Визитки — это дело нужное.

Пора уже и себе макет сделать

Большое спасибо! Благодаря Вашему МК сделала визитку, и осталась очень довольна!

Наталья, как здорово!)) Очень рада, что МК Вам пригодился))

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

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

Можно скачать в интернете с ключиком)Там прилагается инструкция подробная обычно) Я так делала Я пробовала еще делать в прогамме Coral Draw!

Вечер добрый. Я в фотошопе 0 без палки, решила попробовать что-то свое создать, так сказать, и уже возникла проблема на 2 п. (((. Открываю папку, перетаскивая фото на белое поле будущей визитки, и у меня получается, что поле отдельно в своем окошке, а файл с фото отдельно и, соответственно, он, как у вас, не растягивается((. Что делаю не так?

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

Спасибо за МК. Утащила в норку

Огромное спасибо. Вот что у меня получилось)