Рассылка закрыта

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

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Январь 2011   →
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

Автор

Елена Иванова

Статистика

11.093 подписчиков
+1 за неделю

• Выпуски
• Статистика

←   Все выпуски   →

Как сделать популярный сайт. ~~~~~ Как добавить текст на картинку ~~~~~

Добрый день, уважаемые читатели рассылки "Как сделать популярный сайт" Выпуск 173. ~~~~~ Как добавить текст на картинку ~~~~~ Внимание! Если ваша почтовая программа не отображает корректно рисунки или тексты, то Нажмите здесь :: http://kocby.ru/post/webmaster/text/issue173.html Как добавить текст на картинку Если Вы не популярны, Значит, Вас как бы и не существует... Тема графических редакторов. Как добавить текст на картинку, чтобы при этом текст был виден, а также, чтобы он был требуемого цвета и размера. Урок на примере Фотошопа. Берем некий новый рисунок, размером пусть он будет 400х400 пикселей. Заливаем новое изображение синим цветом. Теперь будем пытаться писать на этом синем квадрате разные слова на русском языке (именно на русском, чтобы заодно убедиться, что у нас с русскими буквами все ок), причем разными цветами и разными размерами одного и того же шрифта - Arial. © Перепечатка разрешается с установкой ссылки на ресурс http://kocby.ru/. Уважаемые дамы и господа! В прошлом выпуске... Выпуск 172. Пара пустяков для роста популярности сайта. :: http://kocby.ru/post/webmaster/text/issue172.html Мы действительно поговорили о паре пустяков, которые реально способствуют росту популярности сайта. Первый из рассмотренных пустяков есть совсем уж простенький и пустяшный пустяк. Это призыв к посетителю нажать волшебную комбинацию CTRL-D. Сегодня возвратимся к теме графических редакторов, в частности Фотошопу и Гимпу. Начнем оттолкнувшись от вопроса участника нашего раздела "Как сделать популярный сайт". Добавление текста в Фотошопе Хочу добавить текст на картинку (скачал урок и по нему делал), но я его не вижу, ставлю размер - 36 пунктов (в мм это 36*1\3 равно 12 мм). Ставлю максимум - 1296 пунктов, тогда вижу, как при 36 пунктах, если судить в мм. Ставил Photoshop cs2, потом 3, 4, сейчас поставил cs5, та же история. Подскажите, пожалуйста, как можно решить эту проблему. Спасибо. Этот вопрос сходу порождает несколько встречных вопросов. 1. Указанная Вами проблема проявляется только в Фотошопе или в Гимпе тоже? Вопрос не случайный. Он поощряет изучение нескольких графических редакторов, т.к. очень полезно иметь возможность бросить взгляд на проблему сверху, не привязываясь сильно к определенному графическому редактору. 2. Не делаете ли Вы чисто случайно цвет таким же, как цвет текста? Понятно, что если, например, цвет фона белый и цвет текста тоже белый, то мы ничего не увидим, в независимости от размера букв текста. 3. Ставлю максимум - 1296 пунктов, тогда вижу, как при 36 пунктах Как вообще это понять? Я понимаю так, что раз при 36 пунктах ничего не видно, значит и при 1296 пунктах также не видно ничего. В любом случае хочу сказать, что сам в этих пунктах ориентируюсь очень слабо и ставлю их методом тыка, пока не подберу удовлетворительный размер. Ладно, попробуем все это изобразить на практике. Берем некий новый рисунок, размером пусть он будет 400х400 пикселей. Разрешение, если измерять в пикселях на дюйм (pixels per inch, ppi, 1дюйм=25,4мм), пусть у нас будет стандартное 72ppi или 28.346 пикселей на см. Заливаем новое изображение синим цветом. Почему именно синим? Просто синий цвет очень удобен для фона. На нем хорошо видны желтые буквы, белые и черные. Тыкаем пипеткой в палитру, в синий цвет. Теперь переходим на инструмент "Заливочное ведро" ("Paint Bucket Tool") и заливаем синей краской весь наш квадрат. В результате у нас должен получиться совершенно и идеально синий квадрат. Получилось? Отлично. Теперь переходим ко второй, самой интересной части нашего научного эксперимента с Фотошопом. Будем пытаться писать на этом синем квадрате разные слова на русском языке (именно на русском, чтобы заодно убедиться, что у нас с русскими буквами все ок), причем разными цветами и разными размерами одного и того же шрифта - Arial. Почему именно Arial? Потому, как это очень популярный, очень простой, очень красивый и очень локализированный шрифт (или фонт, если вам так приятнее). Тыкаем пипеткой в палитру, в желтый цвет. Тыкаем мышкой на инструмент фотошопа под названием "Инструмент Горизонтальный Текстовик-Печатник" ("Horizontal Type Tool") Ставлю размер 36 пунктов, желтого цвета на синем фоне. Поскольку получилось ок, примерно как и задумывалось, далее по аналогии играюсь цветом и размером шрифта. Ставлю размер 1296 пунктов, белого цвета на синем фоне. Как и предполагалось, этот размер оказался слишком большим. На примере вы видите пару букв от этого текста. Теперь пробую играть в обратную, напечатать что-то маленьким шрифтом. Ставлю размер 12 пунктов, черного цвета на синем фоне. Как и предполагалось, этот размер оказался слишком маленьким. Но человеку с острым зрением разобрать текст будет вполне по силам. А теперь вопрос к автору проблемы, указанной в начале выпуска. У Вас получилось данное упражнение? Если все получилось также, как у меня, значит, проблема в параметрах файла, на который Вы пытаетесь поставить текст. Надо смотреть конкретно этот файл. Наверняка, у него какие-то хитровымученные параметры: нестандартное разрешение или еще что-то в этом роде. Для быстрого понимания и самостоятельного решения всех проблем с графикой настоятельно рекомендую: 26 маленьких бесплатных интересных занятий по Фотошопу :: http://kocby.ru/ph/ ... наподобие того, который мы прошли только что. Спасибо за внимание.   ~~~~~ Обратная связь ~~~~~   У вас есть два способа реагирования на данный выпуск. На форуме... "Как сделать популярный сайт" на форуме :: http://kocby.ru/b/viewforum.php?f=5 Написать лично мне. Данные для связи на контактной страничке :: http://kocby.ru/contact.html Ниже дан мой работающий емейл, но доставка через форму на указанном урле надежнее, ее вероятность является почти 100%. :::::::::::::::::::::::: ::: Vladimir Abramov ::: ::: va@sumat.ru :::::::: ::: http://sumat.ru/ ::: :::::::::::::::::::::::: ### Конец выпуска. ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

---

В избранное

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} {#if $P.login_register_tab == 1} <form class="authentication-form" method="post" action="/MEMBERLOGIN_authen_cred"> <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <h1>Войти на сайт</h1> {* {#include js_tmpl_auth_reg_button} *} {#include js_tmpl_auth_reg_action} <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones"><p>{#include js_tmpl_auth_reg_descr} </p></div> <div class="logreg_advice noPhones"> Если вы еще не с нами, то начните с <a href="#" onclick="rgNav('js_tab_reg');return false;" class="dashed" data-func="registr">регистрации</a> </div> <br><br> <a class="dashed auth-enter" href="/manage/author/"><b>Вход для авторов</b></a> </dt> </dl> </form> {#/if} {#if $P.login_register_tab == 2} <div class="rg_block_options"> <div id="js_tap_panel_auth"> <h1>Регистрация</h1> <div class="social_reg"> {* <div class="rg_description">{#include js_tmpl_soc_auth_reg_descr}</div> *} {#include js_tmpl_auth_reg_soc} <div class="rg_soc_auth_agree">{#include js_tmpl_auth_reg_agree}</div> </div> <div class="subscribe_reg"> {* <div class="rg_description"> #include js_tmpl_auth_reg_descr </div> *} {#include js_tmpl_auth_reg_action} </div> {* {#include js_tmpl_auth_reg_button} *} <div class="clr"> </div> <hr class="logreg_line noPhones"> <div class="logreg_descr noPhones">{#include js_tmpl_auth_reg_descr} {#include js_tmpl_soc_auth_reg_descr} </div> </div> </div> {#/if} </div> {* <div class="gray_bg register_shadow"></div> *} </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_auth" class="{#if $P.login_register_tab == 1} rg_active_nav {#/if} rg_first_nav"><a onclick="rgNav('js_tab_auth');return false;" href="">Вход на сайт</a></li> <li id="js_tab_reg" class="{#if $P.login_register_tab == 2} rg_active_nav {#/if}"><a onclick="rgNav('js_tab_reg');return false;" href="">Регистрация </a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_action} {#if $P.login_register_tab == 1} {#include js_tmpl_auth_reg_soc} {#/if} <div class="rg_forms"> <input type="hidden" id="login_register_destination" value="{$P.login_register_destination}"/> {#if $P.login_register_tab == 1} <div class="rg_for_input"> <span class="rg_text_inner">E-mail или код подписчика</span> <input id="credential_0" class="js_keydown_selector rg_input_text" data-js_submit="no" data-js_next_input_name="credential_1" name="" type="text" /> </div> <div class="rg_for_input"> <span class="rg_text_inner">Пароль</span> <input id="credential_1" class="js_keydown_selector rg_input_text" data-js_submit="yes" data-js_action="js_loginFormBut" name="" type="password" onkeyup="showAttention(this,!!window.event.shiftKey)" /> <span class="pswd_attention" id="attention_pswd"> <span class="icon_attention"></span> <span class="pswd_attention-text" id="attention-text_pswd1">Русская раскладка клавиатуры!</span> <span class="pswd_attention-text" id="attention-text_pswd2">У вас включен Caps Lock!</span> <span class="pswd_attention-text" id="attention-text_pswd3">У вас включен Caps Lock и русская раскладка клавиатуры!</span> </span> </div> <div class="rg_for_input input-alien"> <span class="chk noPhones"><input id="chk_alien" name="" type="checkbox" /></span><label for="chk_alien" class="noPhones"> Чужой компьютер</label> <a class="forgot_pass" href="/member/totalrecall">Забыли пароль?</a> </div> <div class="rg_for_input"> <em id="auth_msg" class="reg_error"></em> <input id="lf_typeauthid" value="email" type="hidden"> <input type="submit" class="button button-red logreg_submit" id="js_loginFormBut" value="Войти"> <!--</a>--> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} {#if $P.login_register_tab == 2} <div class="rg_for_input"> <span class="rg_text_inner">E-mail</span> <input id="arfemail" class="js_keydown_selector rg_input_text" name="" type="text" data-js_submit="yes" data-js_action="js_regFormBut"/> </div> <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a> </label> <br /> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_personal' type="checkbox" data-js_submit="yes" /></span> Нажимая на кнопку "Готово!", я даю <a class="link_txd logreg_accLink" href="/faq/persverordnung.html">согласие на обработку персональных данных</a> </label> </div> {* <div style="float: left;position: absolute;left: 11em;"> <img src="http://www.kupivip.ru/images/vip/logo.png?1604" style="width: 86px; vertical-align: middle;display: block;"> </div> <div class="rg_for_input rg_set_lineh"> <label class="js_tap_panel_checkbox"><input name="" id="js_tap_panel_checkbox_kupivip" type="checkbox" data-js_submit="yes"> Я хочу получать новости о скидках на одежду</label> </div> *} <div class="rg_for_input"> <em id="reg_msg" class="reg_error rg_for_input_wide"></em> <em id="reg_msg2" class="reg_error rg_for_input_wide"></em> <input id="rf_typeauthid" value="email" type="hidden"> <a class="button button-red logreg_submit" id="js_regFormBut" href="#">Готово!</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> </div> {#/if} </div> {#/template js_tmpl_auth_reg_action} {#template js_tmpl_auth_reg_agree} <div class="rg_for_input rg_set_lineh rg_for_input_wide"> <label class="js_tap_panel_checkbox"> <span class="chk"><input name="" id='js_tap_panel_checkbox_terms_reg' type="checkbox" data-js_submit="yes" /></span> Я ознакомился и согласен с <a class="link_txd logreg_accLink" href="/faq/vereinbarung.html">условиями сервиса Subscribe.ru</a></label> <em id="reg_msg_soc" class="reg_error rg_for_input_wide"></em> </div> {#/template js_tmpl_auth_reg_agree} {#template js_tmpl_auth_reg_button} <div class="rg_butons_socials"> {#if $P.login_register_tab == 1} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="auth_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="auth_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} {#if $P.login_register_tab == 2} <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_email" href="#"><span><i></i>Email</span></a> <a class="rg_btn_soc rg_bs_01 js_tap_panel_selector" action="reg_openid" href="#"><span><i></i>OpenID</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_vkontakte" href="#"><span><i></i>Вконтакте</span></a> <a class="rg_btn_soc rg_bs_02 js_tap_panel_selector" action="reg_mailru" href="#"><span><i></i>Mail.Ru</span></a> {#/if} </div> {#/template js_tmpl_auth_reg_button} {#template js_tmpl_auth_reg_descr} {#if $P.login_register_tab == 1} Для оформления подписки на выбранную рассылку, работы с интересующей вас группой или доступа в нужный вам раздел, просим авторизоваться на Subscribe.ru {#/if} {#if $P.login_register_tab == 2} Для регистрации укажите ваш e-mail адрес. Адрес должен быть действующим, на него сразу после регистрации будет отправлено письмо с инструкциями и кодом подтверждения. {#/if} {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_soc_auth_reg_descr} Или зарегистрируйтесь через социальную сеть. {#/template js_tmpl_soc_auth_reg_descr} {#template js_tmpl_auth_reg_soc} <div class="rg_soc"> {#if $P.login_register_tab == 1} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/login/vk/&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} {#if $P.login_register_tab == 2} <a onclick="return _checkSocConfirm(event)" href="https://oauth.vk.com/authorize?client_id=3954260&scope=wall,offline,photos,groups,video,audio,email&redirect_uri={location.protocol+'//'+location.host}/member/join/vk&response_type=code&v=5.15" class="login_register_vk_button"> <span class="login_register_vk_icon"></span> </a> {#/if} </div> {#/template js_tmpl_auth_reg_soc}

{#template MAIN} <div id="loginForm" style="display:none;" class="subscriberu_popup"> <div class="popup_register"> {#include js_tmpl_auth_reg_tab} <dl class="rg_block_options"> <dt id="js_tap_panel_auth"> <p class="rg_description">{#include js_tmpl_auth_reg_descr}</p> <div class="clr"> </div> {#include js_tmpl_auth_reg_action} <div class="clr"> </div> </dt> </dl> </div> <!-- <div class="gray_bg register_shadow"></div> --> </div> {#/template MAIN} {#template js_tmpl_auth_reg_tab} <ul class="rg_nav"> <li id="js_tab_reg" class="rg_active_nav rg_first_nav"><a href="" onclick="return false;" >Регистрация</a></li> </ul> <span onclick="hidebo();" class="rg_closed"> </span> {#/template js_tmpl_auth_reg_tab} {#template js_tmpl_auth_reg_descr} <strong>Пожалуйста, подтвердите ваш адрес.</strong><br><br>Вам отправлено письмо для подтверждения вашего адреса {$P.register_confirm_mail}.<br>Для подтверждения адреса перейдите по ссылке из этого письма. {#/template js_tmpl_auth_reg_descr} {#template js_tmpl_auth_reg_action} <div class="rg_forms confirm_code_from_letter"> <div class="rg_for_input"> <span class="rg_inp_descr" style="width:15em;">Или введите код из письма:</span> <input type="text" value="" id="confirm_code" name="" data-js_submit="yes" data-js_action="js_confirmFormBut" class="js_keydown_selector rg_input_text_conf" > </div> <div class="rg_for_input"><label>Не пришло письмо? <b>Пожалуйста, проверьте папку Спам</b><br /> (папку для нежелательной почты).</label><br />  <a href="" onclick="ajax_recall_code();return false" >Вышлите мне письмо еще раз!</a></div> <div class="rg_for_input"> <em class="reg_error" id="confirm_msg"></em> <a href="#" class="button button-red" id="js_confirmFormBut">Готово</a> <div class="loading loading-cover" style="display: none;"><div class="loader"></div></div> <br> </div> </div> {#/template js_tmpl_auth_reg_action}